var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();

var mouseOvers1 = new Array();
var mouseOuts1 = new Array();

function init_img()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_f2" + suffix;
		imgs[i].number = i;
	}
	


	nav = document.getElementById('mouseovers1');
	var imgs1 = nav.getElementsByTagName('img');
	for (var i=0;i<imgs1.length;i++)
	{
		imgs1[i].onmouseover = mouseGoesOver1;
		imgs1[i].onmouseout = mouseGoesOut1;
		var suffix = imgs1[i].src.substring(imgs1[i].src.lastIndexOf('.'));
		mouseOuts1[i] = new Image();
		mouseOuts1[i].src = imgs1[i].src;
		mouseOvers1[i] = new Image();
		mouseOvers1[i].src = imgs1[i].src.substring(0,imgs1[i].src.lastIndexOf('.')) + "_f2" + suffix;
		imgs1[i].number = i;
	}

	nav = document.getElementById('linksovers');
	var aList = nav.getElementsByTagName("a");
	var imgsA = nav.getElementsByTagName('img');
	for( var i = 0; i < aList.length && i < imgsA.length; i++ )
	{
		aList[i].number=i;
		aList[i].onmouseover = setMouseOn;
		aList[i].onmouseout = setMouseOut;
		
	}
	
}	


function setMouseOn(){
	document.getElementById('bt_img' + this.number).src='../../en/Image/bt-fleche_menu_f2.gif';
	this.number=this.number;
}

function setMouseOut(){
	document.getElementById('bt_img' + this.number).src='../../en/Image/bt-fleche_menu.gif';
	this.number=this.number;
}


function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}

function mouseGoesOver1()
{
	this.src = mouseOvers1[this.number].src;
}

function mouseGoesOut1()
{
	this.src = mouseOuts1[this.number].src;
}




function initMouseovers()
{
	var nav = document.getElementById('mouseovers');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
	}
}
