var BtnDiv=null;

function CSlide(MinValue,MaxValue,Width,Height)
{
	this.MinRange=MinValue;
	this.MaxRange=document.getElementById("max").value;
	//this.MaxRange=MaxValue;
	this.Width=Width;
	this.Height=Height;
	this.BtnLock=null;
	this.BtnId=0;
	this.Btn1=null;
	this.Btn2=null;
	this.Inner=null;
	this.Btn1Pos=0;
	this.Btn2Pos=Width-Height;
	this.StartX=0;
	this.UnitPerPixel=(MaxValue-MinValue+1)/(Width-Height*2);
	this.Btn1Value=document.getElementById("min").value;	
	if (document.getElementById("max").value != 0)
		this.Btn2Value=document.getElementById("max").value;
	else
		this.Btn2Value=MaxValue;
}

CSlide.BtnLock=function(Ev)
{
	if(typeof Ev.currentTarget=='undefined')
	{
		BtnDiv=window.event.srcElement;
		this.StartX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
	}
	else
	{
		BtnDiv=Ev.currentTarget;
		this.StartX=Ev.clientX+window.scrollX;
	}
	SlideDiv=BtnDiv.parentNode;
	if(SlideDiv.SlideClass=='undefined')
		return;
	Slide=SlideDiv.SlideClass;
	Slide.BtnLock=BtnDiv;
	if(Slide.BtnLock==Slide.Btn1)
		Slide.BtnId=1;
	else
		Slide.BtnId=2;
		Slide.AddEvent(document,'mouseup',CSlide.BtnUnlock);
		Slide.AddEvent(document,'mousemove',CSlide.BtnMove);
}

CSlide.BtnUnlock=function(Ev)
{
	Slide.RemoveEvent(document,'mouseup',CSlide.BtnUnlock);
	Slide.RemoveEvent(document,'mousemove',CSlide.BtnMove);
	SlideDiv=BtnDiv.parentNode;
	if(SlideDiv.SlideClass=='undefined')
		return;
	SlideDiv.SlideClass.StartX=0;
	SlideDiv=null;
	if(Slide.onchanged!='undefined')
		Slide.onchanged(Math.floor(Slide.Btn1Value),Math.ceil(Slide.Btn2Value));
}

CSlide.BtnMove=function(Ev)
{
	if(!BtnDiv)
		return;
	if(typeof Ev.currentTarget=='undefined')
	{
		CurrentX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
		window.event.cancelBubble=true;
		window.event.returnValue=false;
	}
	else
	{
		CurrentX=Ev.clientX+window.scrollX;
		Ev.preventDefault();
		Ev.stopPropagation();
	}
	SlideDiv=BtnDiv.parentNode;
	if(SlideDiv.SlideClass=='undefined')
		return;
	Slide=SlideDiv.SlideClass;
	if(!Slide.StartX)
		Slide.StartX=CurrentX;
		Diff=CurrentX-Slide.StartX;
	if(!Diff)
		return;
	if(Slide.BtnId==1)
	{
		if(Slide.Btn1Pos+Diff<0)
			Slide.Btn1Pos=0;
		else if(Slide.Btn1Pos+Diff+Slide.Height>Slide.Btn2Pos-1)
			Slide.Btn1Pos=Slide.Btn2Pos-Slide.Height-1;
		else
		{
			Slide.Btn1Pos=Slide.Btn1Pos+Diff;
			Slide.StartX=CurrentX;
		}
		Slide.Btn1.style.marginLeft=Slide.Btn1Pos+'px';
		Slide.Btn1Value=Slide.Btn1Pos*Slide.UnitPerPixel+Slide.MinRange;
	}
	else
	{
		if(Slide.Btn2Pos+Diff+Slide.Height>Slide.Width)
			Slide.Btn2Pos=Slide.Width-Slide.Height;
		else if(Slide.Btn2Pos+Diff<=Slide.Btn1Pos+Slide.Height)
			Slide.Btn2Pos=Slide.Btn1Pos+Slide.Height+1;
		else
		{
			Slide.Btn2Pos=Slide.Btn2Pos+Diff;
			Slide.StartX=CurrentX;
		}
		Slide.Btn2.style.marginLeft=Slide.Btn2Pos+'px';
		Slide.Btn2Value=(Slide.Btn2Pos-Slide.Height)*Slide.UnitPerPixel+Slide.MinRange-1; //(Slide.Btn2Pos-Slide.Height)*Slide.UnitPerPixel+Slide.MinRange
	}
	Slide.Inner.style.marginLeft=(Slide.Btn1Pos+Slide.Height)+'px';
	Slide.Inner.style.width=(Slide.Btn2Pos-(Slide.Btn1Pos+Slide.Height))+'px';Slide.UpdateLabel();
}

CSlide.prototype.Create=function(DivID,CallBack)
{
	this.DivObj=document.getElementById(DivID);
	if(this.DivObj==null)
		return false;
	this.DivObj.SlideClass=this;
	this.DivObj.style.background='URL(http://www.itl.fr/fichiers/images/SlideBg.gif)';
	this.DivID=DivID;
	this.CallBack=CallBack;
	this.Btn1=document.createElement("div");
	this.Btn1.style.position='absolute';
	this.Btn1.style.marginLeft=this.Btn1Pos+'px';
	this.Btn1.style.backgroundColor='#000000';
	this.Btn1.style.background='url(http://www.itl.fr/fichiers/images/FilterArrow1.gif) no-repeat';
	this.Btn1.style.width=this.Height+'px';
	this.Btn1.style.height=this.Height+'px';
	this.Btn1.style.cursor='pointer';
	this.AddEvent(this.Btn1,'mousedown',CSlide.BtnLock);
	this.Btn2=document.createElement("div");
	this.Btn2.style.position='absolute';
	this.Btn2.style.marginLeft=this.Btn2Pos+'px';
	this.Btn2.style.backgroundColor='#000000';
	this.Btn2.style.background='url(http://www.itl.fr/fichiers/images/FilterArrow2.gif) no-repeat';
	this.Btn2.style.width=this.Height+'px';
	this.Btn2.style.height=this.Height+'px';
	this.Btn2.style.cursor='pointer';
	this.AddEvent(this.Btn2,'mousedown',CSlide.BtnLock);
	this.Inner=document.createElement("div");
	this.Inner.style.position='absolute';
	this.Inner.style.marginLeft=(this.Btn1Pos+this.Height)+'px';
	this.Inner.style.height=this.Height+'px';
	this.Inner.style.width=this.Btn2Pos-(this.Btn1Pos+this.Height)+'px';
	this.Inner.style.background='#F3F3F3';
	this.Inner.style.textAlign='center';
	this.Inner.style.overflow='hidden';
	this.Inner.style.whiteSpace='nowrap';
	this.Inner.style.color='#666666';
	this.Inner.innerHTML='Glissez le curseur';
	this.Label=document.createElement("span");
	this.Label.style.position='absolute';
	this.Label.style.marginLeft=(this.Width+10)+'px';
	this.Label.innerHTML='test';
	this.Hidden=document.createElement("input");
	this.Hidden.type='hidden';
	this.Hidden.id=DivID+'Value';
	this.DivObj.appendChild(this.Inner);
	this.DivObj.appendChild(this.Btn1);
	this.DivObj.appendChild(this.Btn2);
	this.DivObj.appendChild(this.Label);
	this.DivObj.appendChild(this.Hidden);
	this.UpdateLabel();
	return true;
}

CSlide.prototype.SetValues=function(MinVal,MaxVal)
{
	if(!MinVal&&!MaxVal)
	{
		this.Btn1Pos=0;
		this.Btn2Pos=this.Width-this.Height;
	}
	else
	{
		this.Btn1Pos=0; //MinVal
		this.Btn2Pos=MaxVal*document.getElementById("max").value/100; //MaxVal //(garde en mémoire la position de Btn2 après avoir soumis le formulaire)
		//alert('MaxVal : '+MaxVal); //=184
	}
	this.Btn1.style.marginLeft='0px'; 
	
	this.Btn2.style.marginLeft=this.Btn2Pos+'px';
	this.Inner.style.marginLeft='0px';
	//this.Inner.style.marginLeft=(this.Btn1Pos+this.Height)+'px';
	this.Inner.style.width=this.Btn2Pos-(this.Btn1Pos+this.Height)+30+'px';
	//this.Inner.style.width=this.Btn2Pos-(this.Btn1Pos+this.Height)+'px';
	this.Btn1Value=0; //document.getElementById("min").value (!)
	//this.Btn1Value=this.Btn1Pos*this.UnitPerPixel+this.MinRange;
	this.Btn2Value = document.getElementById("max").value;
	//this.Btn2Value=(this.Btn2Pos-this.Height)*this.UnitPerPixel+this.MinRange;
	 //(change le chiffre du label (à ...%))
	this.UpdateLabel();
}

CSlide.prototype.AddEvent=function(Elem,EventName,Func)
{
	if(Elem.attachEvent)
		Elem.attachEvent("on"+EventName,Func);
	else if(Elem.addEventListener)
		Elem.addEventListener(EventName,Func,false);
	else
		Elem["on"+EventName]=Func;
}

CSlide.prototype.RemoveEvent=function(Elem,EventName,Func)
{
	if(Elem.detachEvent)
		Elem.detachEvent("on"+EventName,Func);
	else if(Elem.removeEventListener)
		Elem.removeEventListener(EventName,Func,false);
	else
		Elem["on"+EventName]=null;
}

CSlide.prototype.UpdateLabel=function()
{
	this.DivObj.removeChild(this.Label);
	this.Label.innerHTML='De '+Math.floor(Slide.Btn1Value)+' &agrave; '+Math.ceil(Slide.Btn2Value)+' %';
	this.DivObj.appendChild(this.Label);

/*if (document.getElementById("min").value == '')
{*/
document.getElementById("min").value = Math.floor(Slide.Btn1Value); //pour hidden
document.getElementById("max").value = Math.ceil(Slide.Btn2Value); //pour hidden
/*}*/

	this.Hidden.value=Math.floor(Slide.Btn1Value)+';'+Math.ceil(Slide.Btn2Value)+';'+Slide.Btn1Pos+';'+Slide.Btn2Pos;
}