menuwidth = 175;			// valikon leveys
menupaddingtop = 4;			// koko valikon yläosaan jäävä väli
menupaddingleft = -10;		// vasemmalle tuleva väli
menutextalign = 'center';	// center | left | right
menubgcolor = '#C0C0C0';	// valikon taustaväri
piilotusviive = 500;		// millisekunteina. 1000 = sekunti

var browserName=navigator.appName; 
if (browserName=="Microsoft Internet Explorer") {
	menupaddingleft = menupaddingleft + 5;
	menupaddingtop = menupaddingtop + 2;
}


menuitems = new Array();

menuitems['yhteystiedot'] = new Array(
	
	'<a href="?sivu=yhteystiedot_yhteydet">Yhteydet</a>',
	'<a href="?sivu=yhteystiedot_tilaa_esite">Tilaa esite</a>');
	
menuitems['tuotteet'] = new Array(
	
	'<a href="?sivu=vanamo_uunit">Vanamo Uunit</a>',
	'<a href="?sivu=tarvikepaketti">Tarvikepaketti</a>',
	'<a href="?sivu=takuu">Takuu</a>',
	'<a href="?sivu=suuluukut">Suuluukut</a>',
	'<a href="?sivu=hormiliitokset">Hormiliitokset</a>',
	'<a href="?sivu=hyva_tietaa">Hyvä tietää</a>',
	'<a href="?sivu=suojaetaisyydet">Suojaetäisyydet</a>');
	
menuitems['uunimallit'] = new Array(
	
	'<a href="?sivu=jokivillakko">Jokivillakko</a>',
	'<a href="?sivu=ketokaunokki">Ketokaunokki</a>',
	'<a href="?sivu=kevatesikko">Kevätesikko</a>',
	'<a href="?sivu=kiiltoleimu">Kiiltoleimu</a>',
	'<a href="?sivu=tulileinikki">Tulileinikki</a>',
	'<a href="?sivu=unikko">Unikko</a>',
	'<a href="?sivu=vuorenkilpi">Vuorenkilpi</a>',
	'<a href="?sivu=vuoritatar">Vuoritatar</a>');
	

	
	delay=setTimeout("hideMenu();", 1);

function showMenu(menuid) {
	clearTimeout(delay);
	kohdediv = document.getElementById('menudiv');
	kohdediv.style.visibility = 'visible';
	kohdediv.style.width = menuwidth;
	kohdediv.style.textAlign = menutextalign;
	kohdediv.style.top = getElementYPos(document.getElementById(menuid))+document.getElementById(menuid).scrollHeight + menupaddingtop;
	kohdediv.style.left = (getElementXPos(document.getElementById(menuid)) + (document.getElementById(menuid).scrollWidth / 2) - (menuwidth / 2)) + menupaddingleft;
	kohdediv.style.backgroundColor = menubgcolor;
	kohdediv.innerHTML = menuitems[menuid].join("");
	kohdediv.onmouseout = function () { hideDelay(menuid); }

}
function resetTimer() {
	clearTimeout(delay);
}
function hideDelay(menuid) {
	delay=setTimeout("hideMenu(\'"+menuid+"\');", piilotusviive);
}
function hideMenu(menuid) {
	kohdediv = document.getElementById('menudiv');
	kohdediv.style.visibility = 'hidden';
}
function getElementYPos(elementti) {
	var palautusArvo = 0;
	while(elementti != null) {
		palautusArvo += elementti.offsetTop;
		elementti = elementti.offsetParent;
	}
	return palautusArvo;
}
function getElementXPos(elementti) {
	var palautusArvo = 0;
	while(elementti != null) {
		palautusArvo += elementti.offsetLeft;
		elementti = elementti.offsetParent;
	}
	return palautusArvo;
}