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

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

window.onload = init;

function init2(menu_nr) {
	if (document.getElementById('m'+menu_nr).getAttribute('selected')=='true') {
		document.getElementById('m'+menu_nr).innerHTML = "<img src='/images/es"+menu_nr+"_omo.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
		document.getElementById('m'+menu_nr).style.display = 'inline';
		return true;
	} else {
		document.getElementById('m'+menu_nr).innerHTML = "<img src='/images/es"+menu_nr+".png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
		document.getElementById('m'+menu_nr).style.display = 'inline';
		return false;
	}
}

function init()
{
	if (!W3CDOM) return;
	
	for (i=1;i<=7;i++) {
		if (init2(i)) disableImageNr = i;
	}

	//sel = document.getElementById('m1').getAttribute('selected')=='true' ? '_omo' : '';
	/*
	document.getElementById('m1').innerHTML = "<img src='/images/me1"+sel+".png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m1').style.display = 'inline';
	document.getElementById('m2').innerHTML = "<img src='/images/me2.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m2').style.display = 'inline';
	document.getElementById('m3').innerHTML = "<img src='/images/m3.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m3').style.display = 'inline';
	document.getElementById('m4').innerHTML = "<img src='/images/m4.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m4').style.display = 'inline';
	document.getElementById('m5').innerHTML = "<img src='/images/m5.png' active='true' style='display:inline'>";
	document.getElementById('m5').style.display = 'inline';
	document.getElementById('m6').innerHTML = "<img src='/images/m6.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m6').style.display = 'inline';
		document.getElementById('m7').innerHTML = "<img src='/images/m7.png' active='true' style='display:inline'><img id='mdel' src='/images/mdel.png'>";
	document.getElementById('m7').style.display = 'inline';
	*/
	document.getElementById('mdel').style.display = 'inline';

	var nav = document.getElementById('mouseovers');
	imgs = nav.getElementsByTagName('img');
	j = 0;
	for (var i=0;i<imgs.length;i++)
	{
		imgs[i].style.display = 'inline';
		if (imgs[i].getAttribute('active')!='true') continue;
		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();
		if (imgs[i].src.indexOf('_omo')!=-1) {
			mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "" + suffix;
		} else {
			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 (imgs[i].getAttribute('active')=='true' && 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 (imgs[i].getAttribute('active')=='true' && 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;
}