function ActualizarRangoSeleccionadoSlider(slider, idSlider, primeraVez, callback, callbackParams)
{
	var perillaIzq 		= slider.thumbs[0].el; // Esta es la Perilla Deslizadora Izquierda
	var perillaDere		= slider.thumbs[1].el; // Esta es la Perilla Deslizadora Derecha
	var valorTop		= (perillaIzq.getTop() + (perillaIzq.getHeight() / 2)); // 4 es el espacio entre la mitad y el comienzo del slider
	var ancho			= perillaIzq.getWidth(); // ancho de una perilla (las 2 son iguales)
	var tamanioRango 	= (perillaDere.getLeft() - perillaIzq.getLeft()) - ancho; // pixeles entre una perilla y la otra (es el ancho del rango seleccionado)
	var eleGlobal 		= Ext.get(idSlider + 'Rango');
	
	//arreglo para tamaño rango negativo (sucede cuando se juntan las perillas)
	if (tamanioRango < 0)
	{
		tamanioRango = 0;
	}
	
	//se seta la posicion Izquierda de la perilla, hay un if de primera vez, porque getLeft por alguna razon devuelve valores diferentes la primera vez que las demas
	//entonces la primera vez se corrije ese error
	if (primeraVez === true)
	{
		var posLeft = (perillaIzq.getLeft() + (ancho / 2)) + 5; //fix de primera vez, los valores que me da ext no son correctos
	}
	else
	{
		var posLeft = (perillaIzq.getLeft() + ancho);
	}
	
	//aca se cambian un poco los valores de top y left dependiendo el navegador, lamentablemente entre todos hay un desvio de unos pixeles
	if (Ext.isChrome || Ext.isIE8 || Ext.isSafari || Ext.isIE6 || Ext.isIE7)
	{
		valorTop = valorTop - 5.5;
	}
	else
	{
		valorTop = valorTop - 6.5;
	}
	
	//busco el div de la marca de rango
	eval('var sliderDivRango = document.getElementById(\'divRango' + idSlider + '\')');
	
	//la primera vez el actualizador de rango no existe, asi que lo creo
	if (sliderDivRango == undefined)
	{
		sliderDivRango = document.createElement('div');
		
		eval('sliderDivRango.setAttribute(\'id\', \'divRango' + idSlider + '\')');
		
		sliderDivRango.style.background 	= 'url("/imagenes/slider_selec.gif")';
		sliderDivRango.style.position 		= 'absolute';
		sliderDivRango.style.height 		= '5px';
		sliderDivRango.style.lineHeight 	= '5px';
		sliderDivRango.style.fontSize 		= '1px';
		
		eleGlobal.appendChild(sliderDivRango);
	}
	
	var eleGlobalTop 	= eleGlobal.getTop();
	var eleGlobalLeft 	= eleGlobal.getLeft();
	
	valorTop 	= valorTop - eleGlobalTop;
	posLeft 	= posLeft - eleGlobalLeft;
	
	//seteo top, left y width al slider
	sliderDivRango.style.top 	= valorTop + 'px';
	sliderDivRango.style.left 	= posLeft + 'px';
	sliderDivRango.style.width 	= tamanioRango + 'px';
	
	if (typeof(callbackParams) == 'undefined')
	{
		callbackParams = [];
	}
	
	callbackParams.unshift(primeraVez);
	callbackParams.unshift(slider);
	callbackParams.unshift(idSlider);
	callbackParams.unshift(slider.thumbs[1].value);
	callbackParams.unshift(slider.thumbs[0].value);
	
	eval(callback + '.apply(this, callbackParams)');
}

function ActualizarBusquedaSlider(slider, idSlider, callback, callbackParams)
{
	var primerValor 	= slider.thumbs[0].value;
	var segundoValor 	= slider.thumbs[1].value;

	/*alert("primerValor:"+primerValor);
	alert("segundoValor:"+segundoValor);	*/
	eval('var valorActualPrimerPerilla = slider_' + idSlider + 'ValorPrimerPerilla');
	eval('var valorActualSegundaPerilla = slider_' + idSlider + 'ValorSegundaPerilla');

	
	if (primerValor < segundoValor)
	
	{	
		if	((primerValor != valorActualPrimerPerilla && segundoValor == valorActualSegundaPerilla))
		{
			//si entra aca, sabemos que se movio la primer perilla
			eval('slider_' + idSlider + 'ValorPrimerPerilla = ' + primerValor);
		}
		else if ((primerValor == valorActualPrimerPerilla && segundoValor != valorActualSegundaPerilla))
		{
			//si entra aca, sabemos que se movio la segunda perilla
			eval('slider_' + idSlider + 'ValorSegundaPerilla = ' + segundoValor);
		}
		
		if (typeof(callbackParams) == 'undefined')
		{
			callbackParams = [];
		}
		
		callbackParams.unshift(slider);
		callbackParams.unshift(idSlider);
		callbackParams.unshift(slider.thumbs[1].value);
		callbackParams.unshift(slider.thumbs[0].value);
		eval(callback + '.apply(this, callbackParams)');
	}



}

function DeshabilitarSlider(id)
{
	var divSlider = Ext.get(id);
	
	if (divSlider != null)
	{
		divSlider.dom.style.display = 'block';
	}
}

function HabilitarSlider(id)
{
	var divSlider = Ext.get(id);
	
	if (divSlider != null)
	{
		divSlider.dom.style.display = 'none';
	}
}