var isDOM = document.getElementById ? true : false 
var isIE = (document.all && !isDOM) ? true : false
var isNS = document.layers ? true : false

function getRef(id) {
  if (isDOM) return document.getElementById(id)
  if (isIE) return document.all[id]
  if (isNS) return document.layers[id]
}
function showMenu(obj, id){
	target = getRef(id)
	x = 0
	y = 0
	if(id.search("L2") == 0 ){
		x += obj.offsetLeft
		y += obj.offsetHeight
		
		while(obj = obj.offsetParent)
		{
			x += obj.offsetLeft;
			y += obj.offsetTop;
		}
	}else{
		x += obj.offsetLeft + obj.offsetWidth
		y += obj.offsetTop
	}
	target.style.posLeft	= x
	target.style.posTop		= y
	target.style.visibility = 'inherit'
}
function hideMenu(id){
	obj = getRef(id)
	obj.style.visibility = "hidden"
}

function item(str)
{
	this.title = str.split("|")[0];
	this.url = str.split("|")[1];
	this.target = (str.split("|")[2]) ? str.split("|")[2] : "_self";
	this.sub = new Array();
}
function makeMenu()
{
	var str = ""
	str += "<table cellpadding='2' cellspacing='1'>\n"
	str += "<tr>\n"
	for ( i=0; i<Menu.length; i++ )
	{
		level2Id = "L2" + i
		str += "<td width='80' class='MainItem' id=td" + i
		if (Menu[i].sub.length)
		{
			str += " onMouseOver=\"showMenu(this, '" + level2Id + "'); this.className='MainItemHover'\""
			str += " onMouseOut=\"hideMenu('" + level2Id + "'); this.className='MainItem'\""
		}
		str += ">\n"
		str += (Menu[i].url)
			? "<a href='" + Menu[i].url + "' target='" + Menu[i].target + "'>" + Menu[i].title + "</a>"
			: Menu[i].title + "\n"
		
		//Level 2
		if (Menu[i].sub.length)
		{
			str += "<div id=" + level2Id + " class='SubStyle' onMouseOut=hideMenu('" + level2Id + "')>\n";
			str += "<table cellpadding='2' cellspacing='1' width='150' bgcolor=#3B63A8>\n"
			for (j=0; j<Menu[i].sub.length; j++)
			{
				level3Id = "L3" + i + j
				str += "<tr>\n"
				str += "<td class='SubItem'"
				
				if (Menu[i].sub[j].sub.length)
				{
					str += " onMouseOver=\"showMenu(this, '" + level3Id + "'); this.className='SubItemHover'\""
					str += " onMouseOut=\"hideMenu('" + level3Id + "'); this.className='SubItem'\""
				}else{
					str += " onMouseOver=\"this.className='SubItemHover'\""
					str += " onMouseOut=\"this.className='SubItem'\""
				}
				str += ">\n";
				str += (Menu[i].sub[j].url)
					? "<a href='" + Menu[i].sub[j].url + "' target='" + Menu[i].sub[j].target + "'>" + Menu[i].sub[j].title + "</a>"
					: Menu[i].sub[j].title + "\n"
				//Level 3
				if (Menu[i].sub[j].sub.length){
					str += "<div id='" + level3Id + "' class='SubStyle'>\n"
					str += "<table cellpadding='2' cellspacing='1' bgcolor='#3B63A8' width='150'>\n"
					for (k=0; k<Menu[i].sub[j].sub.length; k++){
						str += "<tr>\n"
						str += "<td class='SubItem'"
						str += " onMouseOver=\"this.className='SubItemHover'\""
						str += " onMouseOut=\"this.className='SubItem'\""
						str += ">"
						if (Menu[i].sub[j].sub[k].url)
						{
							if (Menu[i].sub[j].sub[k].url == 's')
							{
								str += "<b>" + Menu[i].sub[j].sub[k].title + "</b>"
							}else
							{
								str += "&nbsp;&nbsp;&nbsp;&nbsp;<a href='" + Menu[i].sub[j].sub[k].url + "'>" + Menu[i].sub[j].sub[k].title + "</a>"
							}
						}else
						{
							str += "&nbsp;&nbsp;&nbsp;&nbsp;" + Menu[i].sub[j].sub[k].title
						}
						str += "</td>\n"
						str += "</tr>\n"
					}
					str += "</table>\n"
					str += "</div>\n"
				}
				str += "</td>\n"
				str += "</tr>\n"
			}
			str += "</table>\n"
			str += "</div>\n"
		}
		
		str += "</td>\n"
		
	}
	str += "</tr>\n"
	str += "</table>\n"
	document.write(str);
}
//第一層
var Menu = new Array()
Menu[0] = new item("太格")
	Menu[0].sub[0] = new item("關於我們|htm/company_about.htm")
	Menu[0].sub[1] = new item("品牌介紹|htm/company_tarkett.htm")
    Menu[0].sub[2] = new item("營業據點|htm/company_agent.htm")
    Menu[0].sub[3] = new item("最新消息|htm/company_news.htm")
Menu[1] = new item("產品")
	Menu[1].sub[0] = new item("透心無縫PVC地板|htm/prod_1.htm")
	Menu[1].sub[1] = new item("多層無縫PVC地板|htm/prod_2.htm")
	Menu[1].sub[2] = new item("環保亞麻地毯|htm/prod_3.htm")
	Menu[1].sub[3] = new item("多層式紡織地毯|htm/prod_4.htm")
	Menu[1].sub[4] = new item("導電地板|htm/prod_5.htm")
	Menu[1].sub[5] = new item("止滑地板|htm/prod_6.htm")
	Menu[1].sub[6] = new item("牆毯|htm/prod_7.htm")
	Menu[1].sub[7] = new item("汽浮式地毯|htm/prod_8.htm")
	Menu[1].sub[8] = new item("木地板|htm/prod_9.htm")
	
Menu[2] = new item("綠建材")
	Menu[2].sub[0] = new item("前往綠建材|htm/product_green.htm")

Menu[3] = new item("通路業績")
		Menu[3].sub[0] = new item("醫院|htm/profile.php?pc1_id=1")
    	Menu[3].sub[1] = new item("學校|htm/profile.php?pc1_id=2")
    	Menu[3].sub[2] = new item("電子廠|htm/profile.php?pc1_id=3")
    	Menu[3].sub[3] = new item("商業場所|htm/profile.php?pc1_id=4")
    	Menu[3].sub[4] = new item("運動場所|htm/profile.php?pc1_id=7")
    	Menu[3].sub[5] = new item("最新完工|htm/profile.php?pc1_id=5")
    Menu[4] = new item("施工清潔")
	Menu[4].sub[0] = new item("地板要求|htm/workstep_flor.htm")
	Menu[4].sub[1] = new item("施工流程|htm/workstep_step.htm")
	Menu[4].sub[2] = new item("清潔保養|htm/workstep_clean.htm")
Menu[5] = new item("媒體區")
	Menu[5].sub[0] = new item("規範文件|htm/download_paper.htm")
	Menu[5].sub[1] = new item("樣板/色板|htm/download_color.php")
	Menu[5].sub[2] = new item("動態展示室|http://www.tarkett-commercial.com/floors/site/en-fr/topic/design_dynamic/topics.asp|_blank")
Menu[6] = new item("線上熱賣")
		Menu[6].sub[0] = new item("太格德國精工木地板|htm/onsales.php?mc_id=1")
    	Menu[6].sub[1] = new item("太格同質透心地板|htm/onsales.php?mc_id=2")
    	Menu[6].sub[2] = new item("太格家用彈性地板|htm/onsales.php?mc_id=3")
    Menu[7] = new item("討論區")
	Menu[7].sub[0] = new item("留言板|htm/gbook.php")
	Menu[7].sub[1] = new item("F.A.Q.|htm/faq.php")
Menu[8] = new item("部落格")
	Menu[8].sub[0] = new item("太格部落格|f2blog/|_blank" )