menuwidth = 150;			// valikon leveys
menupaddingtop = 2;			// koko valikon yläosaan jäävä väli
menupaddingleft = 0;		// 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['hakkipilke'] = new Array(
	'<a href="?sivu=products&amp;pid=z100" onMouseOver="changeImage(\'menuimg_z100\', \'linkit/z100_2.jpg\');" onMouseOut="changeImage(\'menuimg_z100\', \'linkit/z100_1.jpg\');"><img src="linkit/z100_1.jpg" id=\"menuimg_z100\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=eagle" onMouseOver="changeImage(\'menuimg_eagle\', \'linkit/eagle_2.jpg\');" onMouseOut="changeImage(\'menuimg_eagle\', \'linkit/eagle_1.jpg\');"><img src="linkit/eagle_1.jpg" id=\"menuimg_eagle\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=oh60" onMouseOver="changeImage(\'menuimg_oh60\', \'linkit/oh60_2.jpg\');" onMouseOut="changeImage(\'menuimg_oh60\', \'linkit/oh60_1.jpg\');"><img src="linkit/oh60_1.jpg" id=\"menuimg_oh60\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=1x37" onMouseOver="changeImage(\'menuimg_1x37\', \'linkit/1x_2.jpg\');" onMouseOut="changeImage(\'menuimg_1x37\', \'linkit/1x_1.jpg\');"><img src="linkit/1x_1.jpg" id=\"menuimg_1x37\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=1x37easy" onMouseOver="changeImage(\'menuimg_1x37easy\', \'linkit/1x_easy2.jpg\');" onMouseOut="changeImage(\'menuimg_1x37easy\', \'linkit/1x_easy1.jpg\');"><img src="linkit/1x_easy1.jpg" id=\"menuimg_1x37easy\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=2x" onMouseOver="changeImage(\'menuimg_2x\', \'linkit/2x_2.jpg\');" onMouseOut="changeImage(\'menuimg_2x\', \'linkit/2x_1.jpg\');"><img src="linkit/2x_1.jpg" id=\"menuimg_2x\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=2xeasy" onMouseOver="changeImage(\'menuimg_2xeasy\', \'linkit/2x_easy2.jpg\');" onMouseOut="changeImage(\'menuimg_2xeasy\', \'linkit/2x_easy1.jpg\');"><img src="linkit/2x_easy1.jpg" id=\"menuimg_2xeasy\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=1xgs" onMouseOver="changeImage(\'menuimg_1xgs\', \'linkit/1x_greenspeed2.jpg\');" onMouseOut="changeImage(\'menuimg_1xgs\', \'linkit/1x_greenspeed1.jpg\');"><img src="linkit/1x_greenspeed1.jpg" id=\"menuimg_1xgs\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=bigx" onMouseOver="changeImage(\'menuimg_bigx\', \'linkit/bigx_2.jpg\');" onMouseOut="changeImage(\'menuimg_bigx\', \'linkit/bigx_1.jpg\');"><img src="linkit/bigx_1.jpg" id=\"menuimg_bigx\" alt=\"\" title=\"\" border=\"0\"></a>');

menuitems['varmolift'] = new Array(
	'<a href="?sivu=products&amp;pid=lastaava" onMouseOver="changeImage(\'menuimg_lastaava\', \'linkit/lastaava_2.jpg\');" onMouseOut="changeImage(\'menuimg_lastaava\', \'linkit/lastaava_1.jpg\');"><img src="linkit/lastaava_1.jpg" id=\"menuimg_lastaava\" alt=\"\" title=\"\" border=\"0\"></a>',
	'<a href="?sivu=products&amp;pid=kahdellepaalille" onMouseOver="changeImage(\'menuimg_kahdellepaalille\', \'linkit/kahdelle_paalille_2.jpg\');" onMouseOut="changeImage(\'menuimg_kahdellepaalille\', \'linkit/kahdelle_paalille_1.jpg\');"><img src="linkit/kahdelle_paalille_1.jpg" id=\"menuimg_kahdellepaalille\" alt=\"\" title=\"\" border=\"0\"></a>');

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

function changeImage(targetPointer, imageName) {
	kohde = document.getElementById(targetPointer).src = imageName;
}

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;
}