window.onload = dynamiseSubNav;

function dynamiseSubNav() {
	var nav = ["accueil", "presentation", "tarifs", "references", "contact"];
	var links = document.getElementsByTagName('a'); // On récupère tous les liens (<a>) du document dans une variable (un array), ici links.
	for( var i = 0 ; i < links.length; i++) { // Une boucle qui parcourt le tableau (array) links du début à la fin.
		for( var j = 0; j < nav.length; j++ ) {
			if(links[i].className == nav[j]) {
				links[i].onmouseover = function() {
					changeImg(this.className, "");
					// displaySubNav(this.className, "sommaire");
				}
				links[i].onmouseout = function() {
					changeImg(this.className, "clear");
				}
			}
		}
	}
}

function changeImg(className, action) {
	var nb = 0;
	if(action == "clear") nb = 0;
	else if(className == "accueil") nb = 1;
	else if(className == "presentation") nb = 2;
	else if(className == "tarifs") nb = 3;
	else if(className == "references") nb = 4;
	else if(className == "contact") nb = 5;
	
	if(nb==0) {
		document.getElementById(className).style.backgroundImage = "url()";
	}
	else if(nb!=0) {
	
		document.getElementById(className).style.backgroundImage = "url(images/fonds.jpg)";
		document.getElementById(className).style.backgroundPosition = ((-146*nb)+146) + "px " + ((-175*nb)+175) + "px";
	}

}