function getRef(id) 
{
    return document.getElementById(id);              
}

function showMenu(tg, id)
{
    x = 0;
    y = 0;
    x += tg.offsetLeft;
    y += tg.offsetHeight;	        
    obj = tg;
	
    while(obj = obj.offsetParent)
    {
        x += obj.offsetLeft;
        y += obj.offsetTop;
    }	       
	
    tgMenu = getRef(id);
	
    tgMenu.style.left	= x + "px";
    tgMenu.style.top	= y + "px";
	
    tgMenu.style.visibility = 'inherit'
}

function hideMenu(id)
{
    obj = getRef(id);
    obj.style.visibility = "hidden";
}   

function hideMenu(id){
	obj = getRef(id);
	obj.style.visibility = "hidden";
}
function mainItem(str){
	this.title = str.split("|")[0];
	this.img = str.split("|")[1];
	this.imgSwap = str.split("|")[2];
	this.url = str.split("|")[3];
	this.sub = new Array();
}

function item(str){
	this.title = str.split("|")[0];
	this.url = str.split("|")[1];
	this.sub = new Array();
}

function makeMenu(){
	var str = '';
	str += "<table width='900' height='54' border='0' align='center' cellpadding='0' cellspacing='0'>\n";
	str += "<tr>\n";
	str += "<td width='65' height='54'>\n";
	str += "<img alt='' src='images/nv00.gif' width='65' height='54' /></td>\n";	
	for (i=0; i<Menu.length; i++){		
		level2Id = "M" + i; 
		str += "<td width='114' height='54' onmouseover=\"showMenu(this, '" + level2Id + "')\" onmouseout=\"hideMenu('" + level2Id + "')\">\n";
				
		str += "<div style='position:absolute; z-index:2; visibility:hidden;' id='" + level2Id + "' onMouseOut=\"hideMenu('" + level2Id + "')\">\n";
		str += "<table width='150' border='0' cellpadding='0' cellspacing='0' background='images/menu_bg.gif'>\n";
	    for (j=0; j<Menu[i].sub.length; j++)
		{
			str += "<tr>\n";
			str += "<td height='2' id='dropdown'><img src='images/menu_line01.gif' width='150' height='2' /></td>\n";
			str += "</tr>\n";
			str += "<tr>\n";			
			str += "<td height='20' id='dropdown' >\n";
			str += "<a href='";
			str += (Menu[i].sub[j].url) ? absoluteUrl + Menu[i].sub[j].url : "#";
			str += "'>\n";
			str += Menu[i].sub[j].title;
			str += "</a></td>\n";
			str += "</tr>\n";		
		}	
		str += "<tr>\n";		
		str += "<td height='2' id='dropdown' ><img src='images/menu_line01.gif' width='150' height='2' /></td>\n";
		str += "</tr>\n";
		str += "</table>\n";
		str += "</div>\n";
		
		str += "<a href='";
		str += (Menu[i].url) ? absoluteUrl +Menu[i].url : "#";
		str += "'>";
		str += "<img onmouseover=\"this.src='images/" + Menu[i].imgSwap + "'\" onmouseout=\"this.src='images/" + Menu[i].img + "'\" src='images/" + Menu[i].img + "' width='114' height='54' border='0'/></a></td>\n";
		
		//str += "\n";		
	}
	str += "<td height='54' valign='middle' background='images/nv_bg.gif'>\n";
	str += "<table width='80%' border='0' align='right' cellpadding='0' cellspacing='0'>\n";
	str += "<tr>\n";
//	str += "<td width='3' align='left' valign='middle'>\n";
//	str += "<img src='images/nv_aar.gif' width='3' height='5' hspace='5' /></td>\n";
//	str += "<td align='left' valign='middle' class='nv-w-12'>\n";
//	str += "<a href='#'>客戶專區</a></td>\n";		
	str += "<td width='3' align='left' valign='middle'>\n";
	str += "<img src='images/nv_aar.gif' width='3' height='5' hspace='5' /></td>\n";
	str += "<td align='left' valign='middle' class='nv-w-12'>\n";
	str += "<a href='../other/forman.html' target='_blank'>人才招募</a></td>\n";	
	str += "<td width='3' align='left' valign='middle'>\n";
	str += "<img src='images/nv_aar.gif' width='3' height='5' hspace='5' /></td>\n";
	str += "<td align='left' valign='middle' class='nv-w-12'>\n";
	str += "<a href='https://person.res.com.tw'>同仁專區</a></td>\n";	
	str += "<td width='3' align='left' valign='middle'>\n";
	str += "<img src='images/nv_aar.gif' width='3' height='5' hspace='5' />"
	str += "</td>\n"; 
	str += "<td align='left' valign='middle' class='nv-w-12'>\n";
	str += "語言</td>\n";
	str += "<td align='left' valign='middle' class='nv-w-12'>\n";
	str += "<select onchange='document.location.href=this.options[this.selectedIndex].value' name='select'>\n";
	str += "<option value='http://www.res.com.tw' >繁體中文</option>\n";
	str += "<option value='http://www.res.com.tw\\zh-cn\\' >简体中文</option>\n";
	str += "<option value='http://www1.res.com.tw\\EScore\\RESI-Brochure-EN.pdf'>English</option>\n";
	str += "</select>\n";		
    str += "</td>\n";
	str += "</tr>\n";
	str += "</table>\n";
	str += "</td>\n";	
	str += "</tr>\n";
	str += "</table>\n";
	document.write(str);
}

//絕對路徑(記得最後+ "/");
var absoluteUrl = "";

/*
	mainItem的格式：名稱|圖檔|連結
		名稱-無作用，僅供確認
		圖檔-位於images
		連結-接在絕對路徑後的路徑
	item的格式：名稱|路徑(接在絕對路徑後)
*/
var Menu = new Array();
Menu[0] = new mainItem("aboutus|nv01.gif|nv01b.gif|aboutus/about.aspx");
	Menu[0].sub[0] = new item("關於萬鼎|aboutus/about.aspx");
	Menu[0].sub[1] = new item("經營理念|aboutus/manage.aspx");
	Menu[0].sub[2] = new item("大事紀|aboutus/history_1.aspx");
	Menu[0].sub[3] = new item("人力資源|aboutus/human.aspx");
	Menu[0].sub[4] = new item("品質保證|aboutus/authenticate.aspx");	
	Menu[0].sub[5] = new item("關係企業|aboutus/Group.aspx");	
Menu[1] = new mainItem("service|nv02.gif|nv02b.gif|service/service.aspx");
    Menu[1].sub[0] = new item("統包及跨領域整合服務|service/service_01detal.aspx");
	Menu[1].sub[1] = new item("交通工程|service/service_02detal.aspx");
	Menu[1].sub[2] = new item("土建工程|service/service_03detal.aspx");
	Menu[1].sub[3] = new item("大地工程|service/service_04detal.aspx");
	Menu[1].sub[4] = new item("環境工程|service/service_05detal.aspx");
	Menu[1].sub[5] = new item("電力工程|service/service_06detal.aspx");	
	Menu[1].sub[6] = new item("營建管理|service/service_07detal.aspx");
Menu[2] = new mainItem("project|nv03.gif|nv03b.gif|project/project_01.aspx");
    Menu[2].sub[0] = new item("萬鼎榮耀|project/awards.aspx");
	Menu[2].sub[1] = new item("技術工法|project/technology.aspx");
	Menu[2].sub[2] = new item("代表案例|project/project_01.aspx");
	Menu[2].sub[3] = new item("實績查詢|project/search.aspx");	
Menu[3] = new mainItem("news|nv04.gif|nv04b.gif|news/news.aspx");
    Menu[3].sub[0] = new item("最新消息|news/news.aspx");