function getPageOffsetLeft(){return arguments[0].offsetLeft + (arguments[0].offsetParent ? getPageOffsetLeft(arguments[0].offsetParent) : 0);}
function getPageOffsetTop(){return arguments[0].offsetTop + (arguments[0].offsetParent ? getPageOffsetTop(arguments[0].offsetParent) : 0);}
var mainImages = new Array("main_products_n.png","main_products_o.png","main_services_n.png","main_services_o.png","main_why_n.png","main_why_o.png","menu_center_n.png","menu_center_o.png");
var preImgs = new Array();
function preLoadImages(){for(i=0;i<mainImages.length;i++){preImgs[i]=new Image();preImgs[i].src="images/"+mainImages[i];}}
function swapImages(id,src){document.getElementById(id).src="prelogin/images/"+src;}
preLoadImages();
var menuTxt = "";var ilayer;
function showMenu(id)
{
	menuTxt = "<table cellpadding='3' cellspacing='0' border='0' width='236' background='prelogin/images/subMenu_tile.png' style='background-repeat:repeat-x; background-position: center bottom; padding-left:10px; padding-top:0px; padding-bottom:10px;' >";
	for(i=0;i<subMenu.length;i++){if(subMenu[i].id==id){menuTxt+="<tr><td style='padding:5px;'><a href='" + subMenu[i].link + "' class='homeMenuText'>" + subMenu[i].name + "</a></td></tr>";}}
	menuTxt+="</tr></table>";
	
	ilayer = document.getElementById("subMenu_"+id);
	ilayer.style.left = (getPageOffsetLeft(document.getElementById(id))-1)+"px";
	ilayer.style.top = (getPageOffsetTop(document.getElementById(id))-66)+"px";
	ilayer.style.visibility="visible";
	ilayer.height="32px";
	ilayer.innerHTML = menuTxt;
}
//showMenu

function hideMenu(){
for(i=1;i<=4;i++){
ilayer = document.getElementById("subMenu_link"+i);
ilayer.style.left = "0px";
ilayer.style.top = "0px";
ilayer.style.visibility="hidden";
ilayer.innerHTML = "";
}
}//hideMenu

document.write("<div style='width:943px;height:33px;' id='mainLink'><a href='Javascript:showMenu(\"link1\");' onMouseOver='swapImages(\"link1\",\"main_why_o.png\");hideMenu();showMenu(\"link1\");' onMouseOut='swapImages(\"link1\",\"main_why_n.png\");'><img src='prelogin/images/main_why_n.png' border='0' width='236' height='33' align='absmiddle' id='link1' /></a><a href='Javascript:showMenu(\"link2\");' onMouseOver='swapImages(\"link2\",\"main_products_o.png\");hideMenu();showMenu(\"link2\");' onMouseOut='swapImages(\"link2\",\"main_products_n.png\");'><img src='prelogin/images/main_products_n.png' border='0' width='236' height='33' align='absmiddle' id='link2' /></a><a href='Javascript:showMenu(\"link3\");' onMouseOver='swapImages(\"link3\",\"main_services_o.png\");hideMenu();showMenu(\"link3\");' onMouseOut='swapImages(\"link3\",\"main_services_n.png\");'><img src='prelogin/images/main_services_n.png' border='0' width='235' height='33' align='absmiddle' id='link3' /></a><a href='Javascript:showMenu(\"link4\");' onMouseOver='swapImages(\"link4\",\"menu_center_o.png\");hideMenu();showMenu(\"link4\");' onMouseOut='swapImages(\"link4\",\"menu_center_n.png\");'><img src='prelogin/images/menu_center_n.png' border='0' width='236' height='33' align='absmiddle' id='link4' /></a></div>");
document.write("<div style='position:absolute;left:0px;top:0px;visibility:hidden;' id='subMenu_link1'></div>");
document.write("<div style='position:absolute;left:0px;top:0px;visibility:hidden;' id='subMenu_link2'></div>");
document.write("<div style='position:absolute;left:0px;top:0px;visibility:hidden;' id='subMenu_link3'></div>");
document.write("<div style='position:absolute;left:0px;top:0px;visibility:hidden;' id='subMenu_link4'></div>");
document.onclick = function(){ hideMenu();}