// Mouseover

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

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

window.onload = init;

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

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

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


// Menuer

var timer;
function starttimer(){
timer = setTimeout("hidelayers();",500)
}

function stoptimer(){
if (timer){clearTimeout(timer);}
}

function hidelayers(){
for (var i=0; layers[i]; i++){
if (document.layers){ eval ("document.layers[" + layers[i] + "].visibility = 'hide'"); }
else if (document.getElementById){ 
var obj = document.getElementById(layers[i]);
obj.style.visibility = "hidden";
}
else if (document.all){ eval ("document.all." + layers[i] + ".style.visibility = 'hidden'");}
}}

function showlayers(layerid){
stoptimer();
hidelayers();
if (document.layers){ eval ("document.layers[" + layerid + "].visibility = 'show'"); }
else if (document.getElementById){ 
var obj = document.getElementById(layerid);
obj.style.visibility = "visible";
}
else if (document.all){ eval ("document.all." + layerid + ".style.visibility = 'visible'"); }
}