// Cette fonction est appelée lors d'un clic sur un élément de l'échelle et on lui passe le nom de l'image (plan) : maRegion, maVille, ... à afficher.
function changeImage(img) {
	document.getElementById("mainImg").src = "images/"+img+".gif"; // on affiche le plan correspondant au clic sur l'échelle
	
	if(img == "maRegion") { // si le plan affiché est maRegion alors on affiche dans l'échelle l'image Region sur fond jaune et les autres en jaune (sans l'écriture)
		document.getElementById("zoomRegion").src = "images/zoomRegion2.gif";
		document.getElementById("zoomVille").src = "images/zoomVille.gif";
		document.getElementById("zoomQuartier").src = "images/zoomQuartier.gif";
		document.getElementById("zoomRue").src = "images/zoomRue.gif";
	}

	if(img == "maVille") { // idem , on affiche l'element region en bleu, ville en noir sur fond jaune, et le reste en bleu
		document.getElementById("zoomRegion").src = "images/zoomRegion3.gif";
		document.getElementById("zoomVille").src = "images/zoomVille2.gif";
		document.getElementById("zoomQuartier").src = "images/zoomQuartier.gif";
		document.getElementById("zoomRue").src = "images/zoomRue.gif";
	}

	if(img == "monQuartier") { // idem
		document.getElementById("zoomRegion").src = "images/zoomRegion3.gif";
		document.getElementById("zoomVille").src = "images/zoomVille3.gif";
		document.getElementById("zoomQuartier").src = "images/zoomQuartier2.gif";
		document.getElementById("zoomRue").src = "images/zoomRue.gif";
	}

	if(img == "maRue") { // idem
		document.getElementById("zoomRegion").src = "images/zoomRegion3.gif";
		document.getElementById("zoomVille").src = "images/zoomVille3.gif";
		document.getElementById("zoomQuartier").src = "images/zoomQuartier3.gif";
		document.getElementById("zoomRue").src = "images/zoomRue2.gif";
	}
}

// Cette fonction est appelée lors du onMouseOut (sortie de l'élément) sur un des éléments de l'échelle
// niv sert à identifier l'element de l'echelle duquel on sort
function outEch(niv) { 
	var source = document.getElementById("mainImg").src; // on récupère la source du plan affiché pour savoir à quel niveau on est
	var reg = new RegExp("/m.*\.gif", "g"); 
	var reponse = source.match(reg); // on se débarrasse des infos inutiles (http://www.truc.fr/images par exemple) grâce à une expression reguliere (match retourne la chaine coorespondante au RegExp)

	if(niv == 'region') { // on sort de région
		if(reponse == "/maRegion.gif") // si le plan affiché est celui de la region
			document.getElementById("zoomRegion").src = "images/zoomRegion2.gif"; // on affiche le région noir sur fond jaune
		else
			document.getElementById("zoomRegion").src = "images/zoomRegion3.gif"; // sinon on affiche le bleu
	}

	if(niv == 'ville') { // on sort de ville
		if(reponse == "/maRegion.gif") // si le plan affiché est celui de la region
			document.getElementById("zoomVille").src = "images/zoomVille.gif"; // affiche le ville tout jaune
		if(reponse == "/maVille.gif") // si le plan affiché est celui de la ville
			document.getElementById("zoomVille").src = "images/zoomVille2.gif"; // on affiche ville noir sur fond jaune
		if(reponse == "/monQuartier.gif" || reponse == "/maRue.gif") // si le plan affiché est celui du quartier ou de la rue
			document.getElementById("zoomVille").src = "images/zoomVille3.gif"; // on affiche ville tout bleu
	} // pour le reste t'as compris j'espère ... à toi de piger le reste maintenant !

	if(niv == 'quartier') {	
		if(reponse == "/maRegion.gif" || reponse == "/maVille.gif")
			document.getElementById("zoomQuartier").src = "images/zoomQuartier.gif";
		if(reponse == "/monQuartier.gif")
			document.getElementById("zoomQuartier").src = "images/zoomQuartier2.gif";
		if(reponse == "/maRue.gif")
			document.getElementById("zoomQuartier").src = "images/zoomQuartier3.gif";
	}

	if(niv == 'rue') {
		if(reponse == "/maRue.gif")
			document.getElementById("zoomRue").src = "images/zoomRue2.gif";
		else
			document.getElementById("zoomRue").src = "images/zoomRue.gif";
	}
}

// Cette fonction est appelée des que l'on pointe sur un des elements de l'echelle
// on affiche juste l'élément noir sur fond jaune (le nom de l'élément est passé en argument pour savoir lequel on doit afficher...)
function inEch(img) {
	document.getElementById("zoom"+img).src = "images/zoom"+img+"2.gif";
}