	
	<!--
	var clickX = 0; // Position X de la souris
	var clickY = 0;
	var X = 0;      // Position X de la souris (utilisée pendant le drag)
	var Y = 0;
	var X_old = 0;      
	var Y_old = 0;
	var constX = 0; // Position de l'image
	var constY = 0;
	var stopIt = true;
	var stopDeplacement = true;
	var zoom = 25; // Zoom initial de la carte (en %)
	var old_zoom = 25;
	//var taille_carte_h = 1751; // Taille réelle de la carte (à changer via le php appellant pour les différentes cartes)
	//var taille_carte_v = 1791;
	var point_central_x = 200;
	var point_central_y = 200;
	var pas_deplacement = 10;
	var taille_carte_masque_h = 400; // Taille du masque de la carte
	var taille_carte_masque_v = 400;
	
	var scrolltimer=false;
	
	
	function ChargementImage(zoom) {
		var loading = document.getElementById("loader");
		var plan = document.getElementById('carte');
	
		loading.style.width="400px";
		loading.style.height="400px";
		loading.style.visibility="visible";
		ImagesLoader=new Image();
		ImagesLoader.onload = function() {
			loading.style.visibility = "hidden";
			loading.style.width="0px";
			loading.style.height="0px";
			plan.style.backgroundImage = "url("+ImagesLoader.src+")";
		};
		//ImagesLoader.src="images/carte/plan_"+zoom+".jpg";
		if (zoom != 100) {
			ImagesLoader.src=chemin+carte+"_"+zoom+".jpg";"images/carte/plan_"+zoom+".jpg";
		}
		else {
			ImagesLoader.src=chemin+carte+".jpg";"images/carte/plan_"+zoom+".jpg";
		}
		// Mise à 0 des coordonnées du background
		var newpos = "0px 0px";
		plan.style.backgroundPosition = newpos;
		
		// Repositionnement sur les anciennes coordonnées
		LoadPosition (1);
		
		return true;
	}
	  
	function init () {
		/************************************************/
		// AFFICHER UN DIV D'INITIALISATION DE LA CARTE //
		/************************************************/
		ChargementImage (25);
	}
	
	
	function reInit () {
		/*constX = 0; // Position de l'image
		constY = 0;
		zoom = 25; // Zoom initial de la carte (en %)
		old_zoom = 25;
		taille_carte_h = 1751; // Taille réelle de la carte (à changer via le php appellant pour les différentes cartes)
		taille_carte_v = 1791;
		point_central_x = 200;
		point_central_y = 200;
		init();*/
		ChangeZoom (25)
	}
  
	function clickIt(e) { 
		// Récupère la position de la souris dans le div lorsque l'on clique
		if (e.pageX) { // Netscape.
			realLeft = e.pageX;
			realTop = e.pageY;
		} else if (e.clientX) { // IE & Firefox.
			realLeft = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
			realTop = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
		}
		clickX = realLeft - X - constX; 
		clickY = realTop - Y - constY;
		//alert ("clickX : "+clickX+" / clickY : "+clickY);
		stopIt = false; // tell moveIt() that the image can be moved.
		return;
	} 
  
	function dropIt() { 
		// drop the background when user release the mouse button or quit the div.
		clickX = 0;
		clickY = 0;
		constX = -X; // store old background position.
		constY = -Y;
		stopIt = true;  // tell moveIt() that the image can't be moved anymore.
		//alert("XY lors du dropit : "+constX+"/"+constY);
		return;
	}
  
	function moveIt(e) { 
		// Change la position du fond lorsque l'on veux déplacer la carte.
		if (stopIt == false) {
			// On cache les popup info
			mapConstruct.hideTooltip();
			
			p = document.getElementById('carte').style;
			tmp = document.getElementById('carte');
			if (e.pageX) { 
				realLeft = e.pageX;
				realTop = e.pageY;
			} else if (e.clientX) {
				realLeft = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
				realTop = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
			}
			X = realLeft - constX - clickX; 
			Y = realTop - constY - clickY; 
			
			
			var newpos = TestDepassement (0);

			p.backgroundPosition = newpos;
		}
		return;
	} 
	
	function ChangeZoom (valeur) {
	
		// On cache les popup info
		mapConstruct.hideTooltip();
		if (valeur==1) {
			if (zoom < 100) {
				old_zoom = zoom;
				SavePosition();
				zoom+=25;
				
				setActiveStyleSheet('css-point'+zoom);
				ChargementImage (zoom);
				mapConstruct.changeZoom();
			}
		}
		else {
			if (zoom > 25) {
				old_zoom = zoom;
				SavePosition();
				zoom-=25;
				
				setActiveStyleSheet('css-point'+zoom);
				ChargementImage (zoom);
				mapConstruct.changeZoom();
			}
		}
	}
	
	
	function SavePosition () {
			dropIt();
			point_central_x = constX + (taille_carte_masque_h/2);
			point_central_y = constY + (taille_carte_masque_v/2);
			//alert ("point central : "+point_central_x+"/"+point_central_y);
	}
	
	function LoadPosition (provenance) {
		// Si provenance = 1, on vient d'un zoom, on ne change pas les coordonnées des point chaud
		// Le changement est effectué par la feuille de style et par la fonction changeZoom
		//taille_new_carte = ((taille_carte_h*zoom)/100);
		//taille_anc_carte = ((taille_carte_h*old_zoom)/100)
		
		new_point_central_x = ((point_central_x * zoom)/old_zoom);
		new_point_central_y = ((point_central_y * zoom)/old_zoom);
		//alert ("new point central : "+new_point_central_x+"/"+new_point_central_y);
		
		X = (-new_point_central_x+(taille_carte_masque_h/2));
		Y = (-new_point_central_y+(taille_carte_masque_v/2));
		//	document.forms["frm_debug"].elements["txt_debug"].value+="*X : "+X+" / Y : "+Y+"\n";
		//alert ("Nouvelle ccordonnées : "+X+" / "+Y);
		var plan = document.getElementById('carte');
		
		//alert("Ancien X:"+constX+" / Ancien Y:"+constY+" / Ancien zoom : "+old_zoom+" / Taille carte : "+taille_new_carte);
		//X = (-constX*taille_new_carte/taille_anc_carte);
		//Y = (-constY*taille_new_carte/taille_anc_carte);
		//alert("X:"+X+" / Y:"+Y);
		
		// Changement de position des points chauds
		//mapConstruct.changePosition(X, Y);
		//document.forms["frm_debug"].elements["txt_debug"].value+="Nouvelle pos carte : X : "+X+" / Y : "+Y;

		
		var newpos = TestDepassement (provenance);
		
		//var newpos = X + "px " + Y + "px";
		plan.style.backgroundPosition = newpos;
		
		return true;

	}
	
	function TestDepassement (provenance) {
		// Si provenance = 1, on vient d'un zoom, on ne change pas les coordonnées des point chaud
		// Le changement est effectué par la feuille de style et par la fonction changeZoom
		// Limiter le déplacement sur le point supérieur gauche
		if (X > 0) X = 0;
		if (Y > 0) Y = 0;
		// Limiter le déplacement sur le point inférieur droit
		var w = (((taille_carte_h*zoom)/100)-taille_carte_masque_h);
		var h = (((taille_carte_v*zoom)/100)-taille_carte_masque_v);
		
		if (X < -w) X = -w;
		if (Y < -h) Y = -h;
	
		//document.forms["frm_debug"].elements["txt_debug"].value+="X : "+X+" / Y : "+Y+"\n";
		var pos = X + "px " + Y + "px";
		
		// Changement de coordonnées de points chaud (seulement si changement de coordonnées)
		if (provenance==0) {
			if (X != X_old || Y != Y_old) {
				mapConstruct.changePosition(X, Y, X_old, Y_old);
			}
		}
		X_old = X;
		Y_old = Y;
		
		return pos;
	}
	
	function Deplacement (Droite, Gauche, Haut, Bas) {
		// On cache les popup info
		mapConstruct.hideTooltip();
		
		var plan = document.getElementById('carte');
		scrolltimer = null;
		X = -constX;
		Y = -constY;
		if (Droite == 1) {
			// L'utilisateur clique sur le bouton droit, on déplace vers la gauche
			X = -constX - pas_deplacement;
		}
		if (Gauche == 1) {
			// L'utilisateur clique sur le bouton gauche, on déplace vers la droite
			X = -constX + pas_deplacement;
		}
		if (Haut == 1) {
			// L'utilisateur clique sur le bouton haut, on déplace vers le bas
			Y = -constY + pas_deplacement;
		}
		if (Bas == 1) {
			// L'utilisateur clique sur le bouton bas, on déplace vers le haut
			Y = -constY - pas_deplacement;
		}


		var newpos = TestDepassement (0);
		
		plan.style.backgroundPosition = newpos;
		dropIt();
		
		dr = Droite;
		ga = Gauche;
		ha = Haut;
		ba = Bas;
		scrolltimer = setTimeout("Deplacement(dr, ga, ha, ba)", 1);
	}
	
	function DeplacementLance (Droite, Gauche, Haut, Bas)  {
		stopDeplacement = false;
		Deplacement (Droite, Gauche, Haut, Bas);
		return;
	}
	
	function DeplacementStop () {
		stopDeplacement = true; 
		clearTimeout(scrolltimer);
		return;
	
	}
	
	// -->