var x,y;

	
	/*
	
	A           B
	____________
	|           |
	|           |
	|___________|
	D            C
	
	
	*/
	//Ax, Ay, Cx, Cy
	
	
	var listAffiche = new Array(
							new Array(0, 44, 62, 109, "aide_premiere_visite"),
							new Array(0, 115,  62, 192, "espace_pro"),
							new Array(0, 198,  62, 257, "aide_commande_express"),
							new Array(0, 254,  62, 302, "aide_newsletter"),
							new Array(0, 309,  62, 337, "aide_nos_engagements"),
							new Array(0, 343,  62, 398, "aide_notre_societe"),
							
							new Array(67, 44, 335, 53, "moteur_recherche"),
							new Array(75, 58, 331, 62, "aide_ariane"),
							new Array(72, 69, 326, 264, "arborescence"),
							new Array(69, 297, 129, 385, "top_vente"),
							new Array(136, 297, 196, 385, "aide_promotion"),
							new Array(202, 297, 262, 385, "aide_nouveaute"),
							new Array(269, 297, 329, 385, "aide_bonnes_affaires"),
							new Array(340, 222, 399, 292, "aide_commander_catalogue"),
							new Array(339, 297, 400, 356, "aide_cdrom")	,
							new Array(339, 44, 400, 109, "aide_panier")	
							);
	
	//var listAffiche = new Array();
	function donneCoord(){
		/*La fonction doit retourner les coordonées par rapport à une origine 
		indiquée par le haut de l'image*/
		
		if (document.all){
			var larg = (document.body.clientWidth);
			var haut = (document.body.clientHeight);
			var coordX = x - ((larg/2)-501.5)-189;
			var coordY = y-238+document.documentElement.scrollTop;

		}else{
			var larg = (window.innerWidth);
			var haut = (window.innerHeight);
			var coordX = x - ((larg/2)-501.5)-189;
			var coordY = y-238;			

		}
		return new Array(coordX, coordY);
	}
	
	
	function position(e) {
		if (navigator.appName.substring(0,3) == "Net") {
			x = e.pageX;
			y = e.pageY;
		}else {
			x = event.x+document.body.scrollLeft;
			y = event.y+document.body.scrollTop;
		}
	}
	
	if(navigator.appName.substring(0,3) == "Net") document.captureEvents(Event.MOUSEMOVE);
	
	document.onmousemove = position;
	
	
	function debug(){
		alert(donneCoord());
	}
	
	
	function masque() {		
		affBulle();
		setTimeout("masque()",10);
	}
	document.getElementById("img-site").onmouseover = masque;
	
	function affBulle(){
		var coord = donneCoord();
		var lp = false;
		for (var i=0; i<listAffiche.length; i++){						
			if ((listAffiche[i][0]<coord[0])&&(listAffiche[i][2]>coord[0]) && (listAffiche[i][1]<coord[1])&&(listAffiche[i][3]>coord[1])){
				document.getElementById(listAffiche[i][4]).style.display="block";
				updateLoupe(listAffiche[i][0], listAffiche[i][1]);
				lp=true;
			}else{
				document.getElementById(listAffiche[i][4]).style.display="none";
				
			}
		}
		if(document.getElementById("loupe") && !lp) document.getElementById("loupe").style.display="none";
	}
	
	
	function updateLoupe(x, y){
		if (document.body){
			var larg = (document.body.clientWidth);
			var haut = (document.body.clientHeight);
		}else{
			var larg = (window.innerWidth);
			var haut = (window.innerHeight);
		}
		
		if(document.getElementById("loupe")){
			document.getElementById("loupe").style.top=(y+200)+"px";
			document.getElementById("loupe").style.left=(x-15)+((larg/2)-501.5)+189+"px";
			document.getElementById("loupe").style.display="block";			
		}
	}