var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();
var selMenu = false;
var imgs = null;

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('mouseovers');
	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('.')) + "_omo" + suffix;
		imgs[i].number = i;
	}
}

function hideMenu(nr) {
	if (selMenu) return;
	imgs[nr].src = mouseOuts[nr].src;
}

function hideMenuAll() {
	for (var i=0;i<imgs.length;i++) {
		selMenu=false;
		if (mouseOuts[i].src!='') hideMenu(i);
              //setTimeout('hideMenu('+i+')',200);
	}
}

function showMenu(nr) {
	selMenu = nr;
	imgs[nr].src = mouseOvers[nr].src;
}

function mouseGoesOver()
{
	selMenu = false;
	//hide all
	for (var i=0;i<imgs.length;i++) {
		if (mouseOvers[i].src!='' && i!=this.number) hideMenu(i);
	}
	selMenu = this.number;
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{	
	selMenu = false;
	setTimeout('hideMenu('+this.number+')',1);
//	this.src = mouseOuts[this.number].src;
}