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

var mouseOvers = new Array();
var mouseOuts = new Array();
var sub_mouseOvers = new Array();
var sub_mouseOuts = new Array();

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	//main menu
	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('.')) + "_omo" + suffix;
		imgs[i].number = i;
	}
	
	//submenu
	if (document.getElementById('sub_mouseovers')==null) return;
	var sub_nav = document.getElementById('sub_mouseovers');
	var sub_imgs = sub_nav.getElementsByTagName('img');
	for (var i=0;i<sub_imgs.length;i++)
	{
		if (sub_imgs[i].getAttribute('active')=='false') continue;
		sub_imgs[i].onmouseover = sub_mouseGoesOver;
		sub_imgs[i].onmouseout = sub_mouseGoesOut;
		var sub_suffix = sub_imgs[i].src.substring(sub_imgs[i].src.lastIndexOf('.'));
		sub_mouseOuts[i] = new Image();
		sub_mouseOuts[i].src = sub_imgs[i].src;
		sub_mouseOvers[i] = new Image();
		sub_mouseOvers[i].src = sub_imgs[i].src.substring(0,sub_imgs[i].src.lastIndexOf('.')) + "_omo" + sub_suffix;
		sub_imgs[i].number = i;
	}
	
}

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

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

function sub_mouseGoesOver()
{
	this.src = sub_mouseOvers[this.number].src;
}

function sub_mouseGoesOut()
{
	this.src = sub_mouseOuts[this.number].src;
}