//copyright ADOK Gilles Vanderstraeten [gillesvds@adok.info]
//utf-8
//--------------------------------------------------
/*
---[1]--- 
Un tableau 2D "tabRollovers" doit exister dans la page appelante.
Il contient les "id" des images ([0]) et les sources des rollovers correspondants ([1]).
Exemple :
//rollovers
var tabRollovers=new Array();
tabRollovers[0]=new Array("previous","previous_over.png");
tabRollovers[1]=new Array("next","next_over.png");
...etc...
---[2]--- 
Il faut précharger les roolovers.
Exemple :
<body onload="precharger()" ...etc... >
---[3]--- 
Il faut ajouter les id et les déclencheurs dans les balises <img/>.
Les déclencheurs doivent passer la référence à l'objet Image.
Exemple :
<img id="next" onmouseover="rollover(this)" onmouseout="rollover(this)" ...etc... />
*/
//--------------------------------------------------
function precharger(){
	//précharge les rollovers en les stockant dans un tableau d'objet "Image"
	var tabImages=new Array();
	for(var i=0;i<tabRollovers.length;i++){
		tabImages.push(new Image());
		tabImages[i].src=tabRollovers[i][1];
	}
}
//--------------------------------------------------
function rollover(objImage){
	//permute l'image "objImage" entre la source initiale et celle du rollover
	for(var i=0;i<tabRollovers.length;i++){
		if(tabRollovers[i][0]==objImage.id){
			var tempSrc=objImage.src;
			objImage.src=tabRollovers[i][1];
			tabRollovers[i][1]=tempSrc;
			break;
		}
	}
}

