/********************************************************************************************************/
/*	COPYRIGHT (C) 2003 NITRO FX Oy																		*/
/*	http://www.nitrofx.com																				*/
/********************************************************************************************************/
var opera = (navigator.userAgent.indexOf('Opera')>-1);
var ns4 = (navigator.appName=="Netscape")&&(parseInt(navigator.appVersion)==4);
var ie4 = (document.all && !document.getElementById);
var ie5 = (document.all && document.getElementById);
var ns6 = (!document.all && document.getElementById);
var safari = (navigator.userAgent.indexOf('safari')!=-1)&&(navigator.userAgent.indexOf('mac')!=-1);
var tempY = 0;							
var tempX = 0;							
var buttonTimeout = 10000;				// määritetään kuinka kauan menu on auki buttonista
var onMouseOutTimeOut = 100;			// timeoutti hiiren poistuessa divin päältä
var timing;								// tallennetaan timeout
var trigger;							// määrittelee käytettävän menu-layerin
var pageWidth = 847;					// main-divin leveys (tästä lasketaan nollakohta)
var numLayers=5;						//menulayereiden määrä
var menuLayerName = new Array(numLayers);
menuLayerName[0] = "menu1";				// menulayereiden nimet
menuLayerName[1] = "menu2";
menuLayerName[2] = "menu3";
menuLayerName[3] = "menu4";
menuLayerName[4] = "menu5";
var menuLayerPos = new Array(numLayers);
menuLayerPos[0] = 0;					// määritetään positio main-divin nollakohdasta
menuLayerPos[1] = 121;
menuLayerPos[2] = 242;
menuLayerPos[3] = 484;
menuLayerPos[4] = 363;
/*******************************************************************************************************/
// MENULAYERIN AVAUS
/*******************************************************************************************************/
function show(menu)
{
	clearTimeout(timing);				// pysäytetään ajanotto
	hideAll();							// suljetaan kaikki mahdollisesti jo auki olevat menut
	setTrigger(menu);					// asetetaan trigger argumentin mukaan
	// IE 4
	if (ie4)
	{
		document.all[menu].style.visibility = "visible";
	}
	// IE 5+ & NS 6+
	else if(ns4)
	{
		eval("document.layers." + menu + ".visibility='show';");
	} 
	else 
	{
		document.getElementById(menu).style.visibility = "visible";
	}
}
/*******************************************************************************************************/
// SULKEE KAIKKI MENUT
/*******************************************************************************************************/
function hideAll(){
	trigger = "";						// asetetaan trigger tyhjäksi 
	if (ie4)
	{
		for (i=0;i<menuLayerName.length ;i++ )
		{
			document.all[menuLayerName[i]].style.visibility = "hidden";
		}
	}
	// IE 5+ & NS 6+
	else if(ns4)
	{
		for (i=0;i<menuLayerName.length ;i++ )
		{
			eval("document.layers."+menuLayerName[i]+".visibility='hide';");
		}
	} 
	else 
	{
		for (i=0;i<menuLayerName.length ;i++ )
		{
			document.getElementById(menuLayerName[i]).style.visibility = "hidden";
		}
	}
}
/*******************************************************************************************************/
// SEURAA HIIRTÄ
/*******************************************************************************************************/
document.onmousemove = mouseMove;	// kutsuu mouseMove-funktiota hiiren liikkuessa
function mouseMove(e) {				
	isIE=document.all;
	isNN=!document.all&&document.getElementById;
	isN4=document.layers;
	if(trigger){					// jos triggeriksi on määritetty jokin menu-layereistä
		alueLeft = document.getElementById(trigger).style.left;					// layerin ominaisuudet (left)
		alueTop = document.getElementById(trigger).style.top;					// layerin ominaisuudet (top)
		alueWidth = document.getElementById(trigger).style.width;				// layerin ominaisuudet (width)
		alueHeight = document.getElementById(trigger).style.height;				// layerin ominaisuudet (height)
		l = parseInt(alueLeft.replace("px",""));								// muutetaan stringit luvuiksi ja poistetaan "px"
		t = parseInt(alueTop.replace("px",""));									// muutetaan stringit luvuiksi ja poistetaan "px"
		w = parseInt(alueWidth.replace("px",""));								// muutetaan stringit luvuiksi ja poistetaan "px"
		h = parseInt(alueHeight.replace("px",""));								// muutetaan stringit luvuiksi ja poistetaan "px"
		tempX=isIE ? event.clientX : e.clientX;									// Hiiren kursorin sijainti vaaka-akselilla
		tempY=isIE ? event.clientY : e.clientY;									// Hiiren kursorin sijainti pysty-akselilla
		if (tempY >= t && tempY <= t + h &&  tempX >= l && tempX <= l + w){		// mikäli kursori osuu layerin päälle
			eval("show('"+trigger+"');");										// suorittaa funktion show()
		}
		return true;
	}
}
/*******************************************************************************************************/
// APUFUNKKARIT
/*******************************************************************************************************/
function setTrigger(args)
{
	trigger = args;
}
/*******************************************************************************************************/
function hide()
{
	timing=setTimeout("hideAll()",onMouseOutTimeOut);
}
/*******************************************************************************************************/
// MENUNAPIT KUTSUU TÄTÄ
/*******************************************************************************************************/
function menuBtn(menu)
{
	show(menu);
	timing=setTimeout("hideAll()",buttonTimeout);
}
/*******************************************************************************************************/
/*******************************************************************************************************/
// KESKITTÄÄ SIVUN ja MENULAYERIT
/*******************************************************************************************************/
function browserSize()
{
	var myWidth = 0, myHeight = 0;
		if( typeof( window.innerWidth ) == 'number' ) 
		{
			//Non-IE
			myWidth = window.innerWidth;
			myHeight = window.innerHeight;
		} 
		else 
		{
			if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
			{
				//IE 6+  'standards compliant mode'
				myWidth = document.documentElement.clientWidth;
				myHeight = document.documentElement.clientHeight;
			} 
			else 
			{
				if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
				{
					//IE 4 
					myWidth = document.body.clientWidth;
					myHeight = document.body.clientHeight;
				}
			}
		}
	// asetetaan margin
	margin = (myWidth-pageWidth)/2; 
	margin = Math.floor(margin);

	// tarkistetaan scrolleja. mozillassa scrollin leveys on 7 operassa 8
	if(ie5 || safari) 
	{
		if(opera)
		{
			document.getElementById('maincontentContainer').style.marginTop= "-8px";
			document.getElementById('maincontentContainer').style.marginLeft= "-8px";
			scrollBar = (window.innerWidth-document.body.clientWidth);
			if(scrollBar>0)
			{
				margin = margin-8;
			}
		}
	}
	else if (ns6)
	{
		scrollBar = (window.innerWidth-document.width);
		if(scrollBar>"16")
		{
			margin = margin-7;
		}
	}
	// estetään vasemman reunan skaalautuminen selaimen ulkopuolelle
	if(margin<0)
	{
		margin=0;
	}
	
	if (ie4)
	{
		for (i=0; i<menuLayerName.length; i++ )
		{
			document.all[menuLayerName[i]].style.left = (margin+menuLayerPos[i])+"px";
		}
	}
	else if (ns4)
	{
		for (i=0; i<menuLayerName.length; i++ )
		{
			eval("document.layers."+menuLayerName[i]+".left = (margin+"+menuLayerPos[i]+")+\"px\";");
		}
	}
	else
	{
		for (i=0; i<menuLayerName.length; i++ )
		{
			document.getElementById(menuLayerName[i]).style.left = (margin+menuLayerPos[i])+"px";
		}
	}
}
onresize = function() // kutsutaan ylläolevaa onresize-eventhandlerilla
{ 
	browserSize();
}
function goToFp()
{
	window.location.href='default.asp';
}