// INITIALISATION DE LA PAGE -> INVISIBILITÉ DES CALQUES A POSITIONNER
function Hide(idreferent){
	// POUR INTERNET EXPLORER
	if (document.all) {
		document.all["up"+idreferent].style.visibility = 'hidden';
		document.all["contentClip"+idreferent].style.visibility = 'hidden';
		document.all["ruler"+idreferent].style.visibility = 'hidden';
		document.all["drag"+idreferent].style.visibility = 'hidden';
		document.all["down"+idreferent].style.visibility = 'hidden';
	}
	
	// POUR NETSCAPE 6
	if (document.getElementById) {
		document.getElementById("up" + idreferent).style.visibility = 'hidden';
		document.getElementById("contentClip"+ idreferent).style.visibility = 'hidden';
		document.getElementById("ruler"+ idreferent).style.visibility = 'hidden';
		document.getElementById("drag"+ idreferent).style.visibility = 'hidden';
		document.getElementById("down"+ idreferent).style.visibility = 'hidden';
	}
	
	// POUR NETSCAPE 4
	if (document.layers) {
		document["up" + idreferent].visibility = 'hidden';
		document["contentClip" + idreferent].visibility = 'hidden';
		document["ruler" + idreferent].visibility = 'hidden';
		document["drag" + idreferent].visibility = 'hidden';
		document["down" + idreferent].visibility = 'hidden';
	}
}



// RÉCUPÉRATION DES POINTS ZÉRO X ET Y DE L'IMAGE DE CALAGE
var positionX;
var positionY;
function GetRefPosition(idreferent) {
	// INTERNET EXPLORER ET NETSCAPE 6
	if (document.all || document.getElementById) {
		thisElmnt = document["calage"+idreferent];
		thisLeft = document["calage"+idreferent].offsetLeft;
		thisTop = document["calage"+idreferent].offsetTop;
		while (thisElmnt != null) {
			thisLeft += thisElmnt.offsetLeft;
			thisTop += thisElmnt.offsetTop;
			thisElmnt = thisElmnt.offsetParent;
		}
		positionX = thisLeft;
		positionY = thisTop;
		
		if(navigator.appName=="Netscape"){
			positionX = positionX/2;
			positionY = positionY/2;
		}
		//alert(navigator.appName);
		//alert("X = "+positionX+" Y = "+positionY);
	}
	// NETSCAPE 4
	if (document.layers) {
		positionX = document["calage"+idreferent].x;
		positionY = document["calage"+idreferent].y;
	}
}


// AFFECTATION DES COORDONNÉES AUX CALQUES "FLECHES" et "CONTENTCLIP"
// l'image de calage est positionnée par rapport aux flêches.
// Les variables DivCCDecayX et DivCCDecayY servent à caler le contenu
// scrollable. Les valeurs sont données dans la page, elles sont la distance
// entre le point X (ou Y) du conteneur et le point X (ou Y) des fleches.

function Reget(idreferent, DivCCDecayX, DivCCDecayY, DivRuDecayX, DivRuDecayY, DivDraDecayX, DivDraDecayY, DivUpDecayX, DivUpDecayY, DivDownDecayX, DivDownDecayY) {
// APPEL DE LA FONCTION 
GetRefPosition(idreferent);

// VARIABLE DE DÉCALAGE DU CLIP A SCROLLER / FLECHES

	// POUR INTERNET EXPLORER
	if (document.all) {
		document.all["up"+idreferent].style.visibility = 'visible';
		document.all["up"+idreferent].style.left = positionX - DivUpDecayX;
		document.all["up"+idreferent].style.top = positionY - DivUpDecayY;
		document.all["contentClip"+idreferent].style.visibility = 'visible';
		document.all["contentClip"+idreferent].style.left = positionX - DivCCDecayX;
		document.all["contentClip"+idreferent].style.top = positionY - DivCCDecayY;
		document.all["ruler"+idreferent].style.visibility = 'visible';
		document.all["ruler"+idreferent].style.left = positionX - DivRuDecayX;
		document.all["ruler"+idreferent].style.top = positionY - DivRuDecayY;
		document.all["drag"+idreferent].style.visibility = 'visible';
		document.all["drag"+idreferent].style.left = positionX - DivDraDecayX;
		document.all["drag"+idreferent].style.top = positionY - DivDraDecayY;
		document.all["down"+idreferent].style.visibility = 'visible';
		document.all["down"+idreferent].style.left = positionX - DivDownDecayX;
		document.all["down"+idreferent].style.top = positionY - DivDownDecayY;
	}
	
	// POUR NETSCAPE 6
	if (document.getElementById) {
		//alert(positionX);
		//alert(DivUpDecayX);
		//alert(positionX - DivUpDecayX);
		document.getElementById("up" + idreferent).style.visibility = 'visible';
		document.getElementById("up" + idreferent).style.left = positionX - DivUpDecayX +"px";
		document.getElementById("up"+ idreferent).style.top = positionY - DivUpDecayY +"px";
		document.getElementById("contentClip"+ idreferent).style.visibility = 'visible';
		document.getElementById("contentClip"+ idreferent).style.left = positionX - DivCCDecayX +"px";
		document.getElementById("contentClip"+ idreferent).style.top = positionY - DivCCDecayY +"px";
		document.getElementById("ruler"+ idreferent).style.visibility = 'visible';
		document.getElementById("ruler"+ idreferent).style.left = positionX - DivRuDecayX +"px";
		document.getElementById("ruler"+ idreferent).style.top = positionY - DivRuDecayY +"px";
		document.getElementById("drag"+ idreferent).style.visibility = 'visible';
		document.getElementById("drag"+ idreferent).style.left = positionX - DivDraDecayX +"px";
		document.getElementById("drag"+ idreferent).style.top = positionY - DivDraDecayY +"px";
		document.getElementById("down"+ idreferent).style.visibility = 'visible';
		document.getElementById("down"+ idreferent).style.left = positionX - DivDownDecayX +"px";
		document.getElementById("down"+ idreferent).style.top = positionY - DivDownDecayY +"px";
		//alert(document.getElementById("up" + idreferent).style.left);
	}
	
	// POUR NETSCAPE 4
	if (document.layers) {
		document["up" + idreferent].visibility = 'visible';
		document["up" + idreferent].left = positionX - DivUpDecayX;
		document["up" + idreferent].top = positionY - DivUpDecayY;
		document["contentClip" + idreferent].visibility = 'visible';
		document["contentClip" + idreferent].left = positionX - DivCCDecayX;
		document["contentClip" + idreferent].top = positionY - DivCCDecayY;
		document["ruler" + idreferent].visibility = 'visible';
		document["ruler" + idreferent].left = positionX - DivRuDecayX;
		document["ruler" + idreferent].top = positionY - DivRuDecayY;
		document["drag" + idreferent].visibility = 'visible';
		document["drag" + idreferent].left = positionX - DivDraDecayX;
		document["drag" + idreferent].top = positionY - DivDraDecayY;
		document["down" + idreferent].visibility = 'visible';
		document["down" + idreferent].left = positionX - DivDownDecayX;
		document["down" + idreferent].top = positionY - DivDownDecayY;
	}
eventLoader();
}

function Reset(idreferent, DivCCDecayX, DivCCDecayY, DivRuDecayX, DivRuDecayY, DivDraDecayX, DivDraDecayY, DivUpDecayX, DivUpDecayY, DivDownDecayX, DivDownDecayY) {
// APPEL DE LA FONCTION 
GetRefPosition(idreferent);

// VARIABLE DE DÉCALAGE DU CLIP A SCROLLER / FLECHES

	// POUR INTERNET EXPLORER
	if (document.all) {
		document.all["up"+idreferent].style.visibility = 'visible';
		document.all["up"+idreferent].style.left = positionX - DivUpDecayX;
		document.all["contentClip"+idreferent].style.visibility = 'visible';
		document.all["contentClip"+idreferent].style.left = positionX - DivCCDecayX;
		document.all["ruler"+idreferent].style.visibility = 'visible';
		document.all["ruler"+idreferent].style.left = positionX - DivRuDecayX;
		document.all["drag"+idreferent].style.visibility = 'visible';
		document.all["drag"+idreferent].style.left = positionX - DivDraDecayX;
		document.all["down"+idreferent].style.visibility = 'visible';
		document.all["down"+idreferent].style.left = positionX - DivDownDecayX;
	}
	
	// POUR NETSCAPE 6
	if (document.getElementById) {
		document.getElementById("up" + idreferent).style.visibility = 'visible';
		document.getElementById("up" + idreferent).style.left = positionX - DivUpDecayX;
		document.getElementById("contentClip"+ idreferent).style.visibility = 'visible';
		document.getElementById("contentClip"+ idreferent).style.left = positionX - DivCCDecayX;
		document.getElementById("ruler"+ idreferent).style.visibility = 'visible';
		document.getElementById("ruler"+ idreferent).style.left = positionX - DivRuDecayX;
		document.getElementById("drag"+ idreferent).style.visibility = 'visible';
		document.getElementById("drag"+ idreferent).style.left = positionX - DivDraDecayX;
		document.getElementById("down"+ idreferent).style.visibility = 'visible';
		document.getElementById("down"+ idreferent).style.left = positionX - DivDownDecayX;
	}
	
	// POUR NETSCAPE 4
	if (document.layers) {
		document["up" + idreferent].visibility = 'visible';
		document["up" + idreferent].left = positionX - DivUpDecayX;
		document["contentClip" + idreferent].visibility = 'visible';
		document["contentClip" + idreferent].left = positionX - DivCCDecayX;
		document["ruler" + idreferent].visibility = 'visible';
		document["ruler" + idreferent].left = positionX - DivRuDecayX;
		document["drag" + idreferent].visibility = 'visible';
		document["drag" + idreferent].left = positionX - DivDraDecayX;
		document["down" + idreferent].visibility = 'visible';
		document["down" + idreferent].left = positionX - DivDownDecayX;
	}
eventReseter();
}