/*
Copyright ADOK Gilles Vanderstraeten : gillesvds@adok.info
utf-8
---------------------------------------------------
Réalise des rollovers d'images (pas obligatoirement contenue dans un lien) ou de blocs A (contenant obligatoirement une image).
Dans le cas d'un rollover de bloc A, le roolover de texte doit être défini séparément en CSS.
---------------------------------------------------
---[Etape 1]--- 
Un tableau tabRollover doit exister dans la page appelante.
Dans chacune de ses cases, il contient un object avec 2 propriétés : l'id de la balise IMG (idImg) et la source du rollover(srcOver).
Pour un rollover de bloc A, l'objet doit contenir une propriété supplémentaire : l'id de la balise A (idA).
Exemple :
var tabRollover=new Array();
var i=0;
tabRollover[i++]={idImg:"suivantImg",srcOver:"suivantOver.png"};
tabRollover[i++]={idImg:"suivantImg",srcOver:"suivantOver.png",idA:"suivantLnk"};
---[Etape 2]--- 
Il faut précharger les images de rollover.
Exemple :
<body onload="precharger()">
---[Etape 3]--- 
Il faut ajouter un id et les déclencheurs dans la balise IMG (rollover d'image) et/ou A (rollover de bloc A).
Exemple de rollover d'image :
<img id="suivantImg" src="suivant.png" onmouseover="rollover(this)" onmouseout="rollover(this)" onclick="rollover(this)" />
Exemple de rollover de bloc A :
<a id="suivantLnk" href="suivant.htm" onmouseover="rollover(this)" onmouseout="rollover(this)" onclick="rollover(this)">
	<img id="suivantImg" src="suivant.png" />
	Suivant
</a>
*/
//--------------------------------------------------
function precharger(){
	//précharge les rollovers en les stockant dans un tableau d'objets IMG.
	var tabImg=new Array();
	for(var i=0;i<tabRollover.length;i++){
		tabImg[i]=new Image();
		tabImg[i].src=tabRollover[i].srcOver;
	}
}
//--------------------------------------------------
function rollover(obj){
	//réalise le rollover
	var idObj=obj.id;
	var nodeNameObj=obj.nodeName.toLowerCase();
	var id;
	for(var i=0;i<tabRollover.length;i++){
		//détermination du type de rollover
		if(nodeNameObj=="img")id=tabRollover[i].idImg;//rollover d'image
		else if(nodeNameObj=="a")id=tabRollover[i].idA;//rollover de bloc A
		else return;//erreur
		//rollover
		if(id==idObj){
			var objImg=document.getElementById(tabRollover[i].idImg);
			var tempSrc=objImg.src;
			objImg.src=tabRollover[i].srcOver;
			tabRollover[i].srcOver=tempSrc;
		}
	}
}
//--------------------------------------------------

