/*
NAVIGAATION MOUSEOVERIT
*/

	//elementin ID, joka sisältää navigaation
	var element = "menu";
	
	//hover-kuvien pääte
	var format = "_hover";
	
	//tarkistetaan DOM-tuki
	var W3CDOM = (document.createElement && document.getElementsByTagName);
	
	//luodaan taulukot, joihin kuvat tallennetaan
	var mouseOuts = new Array();
	var mouseOvers = new Array();
	
	function initMenuActions()
	{
		//ei DOM tukea
		if(!W3CDOM) return;
		//elementti joka sisältää navigaation
		var nav = document.getElementById(element);
		//tallennetaan navigaation kuvat
		var imgs = nav.getElementsByTagName("img");
		//loopataan läpi kaikki kuvat
		for(var i=0;i<imgs.length;i++)
		{
			//jos kyseessä ei ole over-kuva
			if(imgs[i].src.split(format).length < 2)
			{
				imgs[i].onmouseover = mouseOver;
				imgs[i].onmouseout = mouseOut;
				//tallennetaan kuvan pääte (.gif, .jpg , .png)
				var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
				//luodaan out-kuva
				mouseOuts[i] = new Image();
				//ja tallennetaan sen lähde
				mouseOuts[i].src = imgs[i].src;
				//luodaan over-kuva
				mouseOvers[i] = new Image();
				//ja tallennetaan sen lähde
				mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + format + suffix;
				imgs[i].number = i;
			}
		}
	}
	
	function mouseOver()
	{
		this.src = mouseOvers[this.number].src;
	}
	
	function mouseOut()
	{
		this.src = mouseOuts[this.number].src;
	}
	
	//alusetetaan sivun mouseoverit sivun latauduttua
	window.onload = initMenuActions;