// -----------------------------------------------------------------------------------
//
//	Menu
//	by Jill-Jênn Vie - http://www.jill-jenn.net
//	Last Modification: 26/11/11
//
//	Licensed under the Creative Commons Attribution 3.0 License - http://creativecommons.org/licenses/by/3.0/
//  	- Free for use in both personal and commercial projects
//		- Attribution requires leaving author name, author link, and the license info intact.
//	
// -----------------------------------------------------------------------------------

toplinks = 3;

id = new Array("score", "myprojects", "works", "favorites");
mouseout = new Array("piano", "minieigaki", "works", "coeur");
mouseover = new Array(
	new Array("piano", "guestbook", "birthday"),
	new Array("minieigaki", "miniphystx", "younicode"),
	new Array("works", "youtube-big", "camera"),
	new Array("cinema", "clock", "coeur", "wikipedia", "sos", "chemistry")
);
n = 0;
for(i = 0 ; i < mouseover.length ; i++)
	n += mouseover[i].length;
inverse = new Array(n);
jnverse = new Array(n);
k = 0;
for(i = 0 ; i < mouseover.length ; i++)
	for(j = 0 ; j < mouseover[i].length ; j++) {
		inverse[k] = i;
		jnverse[k] = j;
		k++;
	}

function activerLiens() {
	c = toplinks;
	for(i = 0 ; i < mouseover.length ; i++) {
		for(j = 0 ; j < mouseover[i].length ; j++, c++) {
			document.getElementsByTagName("a")[c].setAttribute("id", c);
			if(document.all) {
				document.getElementsByTagName("a")[c].attachEvent("mouseover", changerImage);
				document.getElementsByTagName("a")[c].attachEvent("mouseout", retourImage);
			} else {
				document.getElementsByTagName("a")[c].addEventListener("mouseover", changerImage, true);
				document.getElementsByTagName("a")[c].addEventListener("mouseout", retourImage, true);
			}
		}
	}
}

function changerImage(event) {
	source = (document.all) ? event.srcElement : event.target;
	c = source.id;
	i = inverse[c - toplinks];
	j = jnverse[c - toplinks];
	document.getElementById(id[i]).style.backgroundImage = "url('" + chemin + "/images/menu/" + mouseover[i][j] + ".png')";
}

function retourImage(event) {
	source = (document.all) ? event.srcElement : event.target;
	c = source.id;
	i = inverse[c - toplinks];
	document.getElementById(id[i]).style.backgroundImage = "url('" + chemin + "/images/menu/" + mouseout[i] + ".png')";
}