// Configuration des pointeurs
//------------------------------
	// Nombre de sliders présents dans la page
	//------------------------------------------
	var nbCur = 6;
	
	// Longueur d'affichage des composants
	//--------------------------------------
	var CurWidth = new Array();
	CurWidth[1] = 300;
	CurWidth[2] = 300;
	CurWidth[3] = 300;
	CurWidth[4] = 300;
	CurWidth[5] = 300;
	CurWidth[6] = 300;

	
	// Valeur des composants
	//------------------------
	var CurVal = new Array();
	CurVal[1] = 360;
	CurVal[2] = 100;
	CurVal[3] = 100;
	CurVal[4] = 255;
	CurVal[5] = 255;
	CurVal[6] = 255;
	
	// Valeur initiale des composants
	//-------------------------------
	var CurInit = new Array();
	CurInit[1] = 0;
	CurInit[2] = 100;
	CurInit[3] = 100;
	CurInit[4] = 255;
	CurInit[5] = 0;
	CurInit[6] = 0;
	
// Variables d'environnement (Ne pas toucher)
//---------------------------------------------
var move = false;
var currentcur = 0;
if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = mymove;
document.onmouseup = stopcatch;

// Cette fonction initialise les composants et leur position
//------------------------------------------------------------
function initialize()
{
	
	for(a=1 ; a <= nbCur ; a++)
	{
		// Initialisation de la position des curseurs
		//---------------------------------------------
		document.getElementById("cur"+a).style.top = RealOffsetTop("zone"+a);
		getPosByValue(a, CurInit[a], true)
		
		// Initialisation de la taille des composants
		//---------------------------------------------
		document.getElementById("zone" + a).width = CurWidth[a];
		
		// On rend les curseurs visibles
		//--------------------------------
		document.getElementById("cur"+a).style.visibility = "visible";
	}
	
}

// Cette fonction active le suivi du curseur
//--------------------------------------------
function startcatch(idcur)
{
	currentcur = idcur;
	move = true;
}

// Cette fonction stope le suivi du curseur
//-------------------------------------------
function stopcatch()
{
	move = false;
}

// Cette fonction est appelée à chaque déplacement du curseur
//-------------------------------------------------------------
function mymove(e)
{
	x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x;
	if(move == true  && document.getElementById)
	{
		slidecursor(x);
		return false;
	}
}

function slidecursor(x)
{

	MinLeft = RealOffsetLeft("zone"+currentcur);
	MaxLeft = parseInt(MinLeft) + parseInt(document.getElementById("zone"+currentcur).width);
	
	if(x-6 >= MinLeft)
	{
		if(x-6 <= MaxLeft)
		{
			document.getElementById("cur"+currentcur).style.left = x - 6;
		}
		else
		{
			document.getElementById("cur"+currentcur).style.left = MaxLeft;
		}
	}
	else
	{
		document.getElementById("cur"+currentcur).style.left = MinLeft;
	}
	changecolor();
	update_display(currentcur);

}

function update_display(ids)
{
	document.getElementById("val"+ids).innerHTML = getvalue(ids);
}


// Cette fonction calcule l'espace total séparant un objet du haut du document
//------------------------------------------------------------------------------
function RealOffsetTop(name)
{
	
	var obj = document.getElementById(name);
	var myparent = obj.offsetParent;
	var topval = obj.offsetTop;
	while(myparent.tagName != "BODY")
	{
		topval += myparent.offsetTop;
		myparent = myparent.offsetParent;
	}
	return topval;
	
}

// Cette fonction calcule l'espace total séparant un objet de la gauche du document
//-----------------------------------------------------------------------------------
function RealOffsetLeft(name)
{

	var obj = document.getElementById(name);
	var myparent = obj.offsetParent;
	var Leftval = obj.offsetLeft;
	while(myparent.tagName != "BODY")
	{
		Leftval += myparent.offsetLeft;
		myparent = myparent.offsetParent;
	}
	return Leftval;
	
}

function getvalue(ids)
{
	myleft	= parseInt(document.getElementById("cur"+ids).style.left);
	MinLeft	= parseInt(RealOffsetLeft("zone"+ids));
	realLeft = parseInt(myleft - MinLeft);
	return Math.round((realLeft * parseInt(CurVal[ids])) / parseInt(CurWidth[ids]));
}

function getPosByValue(ids, val, attrib)
{
	if(val > CurVal[ids])val = CurVal[ids];
	if(val < 0)val=0;
	MinLeft	= parseInt(RealOffsetLeft("zone"+ids));
	pixelpos = parseInt(val) * parseInt(CurWidth[ids]) / parseInt(CurVal[ids]);
	pix = pixelpos + MinLeft;
	if(attrib==true) attribPos(ids, pix);
	return pix;
}

function attribPos(ids, pix)
{
	document.getElementById("cur"+ids).style.left = pix;
	update_display(ids);
}

function giveClickValue(ids)
{
	currentcur=ids;
	slidecursor(x);
}