//****************************************************************************/
// Fait la gestion des evenements (onmouseover, onmouseout) pour l'activation
// ou la desactivation d'icones dans le menu d'une application.
//
// Pour utiliser ces fonctions:
//
// 1) Inclure ce script (<script src="icones.js" language="JavaScript"></script>)
//	  dans une page HTML
// 2) Dans un script de la page HTML, determiner le nombre d'icones a gerer.
//	  2 dans le cas suivant:
/*
<script language="javascript">
	setLength(2);

	var i = 1;
	addIcon(i++, "../dat/gif/icon1_0.gif", "../dat/gif/icon1_1.gif");
	addIcon(i++, "../dat/gif/icon2_0.gif", "../dat/gif/icon2_1.gif");
</script>
*/
// 3) Ajouter les icones desirees a l'aide de la fonction addIcon(position,
//	  icone_initiale, icone_hilite)
// 4) Le nom donne aux image doit respecter <IMG name="Icon999">
//    Doit toujours commencer par Icon suivit de sa position dans le tableau.
//****************************************************************************/
var img = null, img_hi = null, max = 0, active_img = null;

function imagesArray(nbr)
{
   this.length = nbr;
   
   for (var ctr = 1; ctr <= nbr; ctr++)
		this[ctr] = new Image();

   return this;
}

function setLength(nbr)
{
	img = new imagesArray(nbr);
	img_hi = new imagesArray(nbr);	
	max = nbr;
}

function addIcon(pos, normal_src, hilite_src)
{
	if (pos > 0 && pos <= max)
	{
		img[pos].src = normal_src;
		img_hi[pos].src = hilite_src;
	}
}

function changeIcon(image_sel)
{
	var id;
	
	if (image_sel == null || img_hi == null) return;
	
	id = image_sel.name.replace(/icon/gi, "");
	if (!isNaN(id) && img_hi[id]) image_sel.src = img_hi[id].src;
}

function restoreIcon(image_sel)
{
	var id;

	if (image_sel == null || img == null) return;

	id = image_sel.name.replace(/icon/gi, "");
	if (active_img == null || (active_img != null && image_sel.name != active_img.name))
		if (!isNaN(id) && img[id]) image_sel.src = img[id].src;
}

function setActive(image_sel)
{
	var old_img = active_img;

	active_img = image_sel;
	restoreIcon(old_img);
	changeIcon(image_sel);
}

function setIcon(no)
{
	setActive(document.images['Icon' + no]);
}

function resetIcons()
{
	setActive(null);
}

