﻿var w3c = (document.createElement && document.getElementsByTagName);

var sourieOver = new Array();
var sourieOut = new Array();

window.onload = init;

function init()
{
	if (!w3c) return;
	var nav = document.getElementById('mouse_over');
	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('.'));
	sourieOut[i] = new Image();
	sourieOut[i].src = imgs[i].src;
	sourieOver[i] = new Image();
	sourieOver[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_ombre" + suffix;
	imgs[i].number = i;
}
}

function mouseGoesOver()
{
	this.src = sourieOver[this.number].src;
}

function mouseGoesOut()
{
	this.src = sourieOut[this.number].src;
}