// JavaScript Document

var root = window.location.pathname;

function Array2DVar(x) { 				// 定義二維陣列原型
	this.length = x;
	this.x = x; 						// x 維度長度
	for (var i = 0; i < x; i++) 		// 初始各元素值為 null
	{
		this[i] = new Array(); 			// this 代表物件本身
	}
}

no_of_menu = 9;

menuName_en = new Array2DVar(no_of_menu);
menuName_tr = new Array2DVar(no_of_menu);
menuLink = new Array2DVar(no_of_menu);
menuRedirect = new Array2DVar(no_of_menu);
menuType = new Array2DVar(no_of_menu);

menuName_tr[0][0] = "主頁";
menuName_tr[1][0] = "商場簡介";
	menuName_tr[1][1] = "商場簡介";
	menuName_tr[1][2] = "位置交通";
menuName_tr[2][0] = "推廣活動";
	menuName_tr[2][1] = "精選活動";
	menuName_tr[2][2] = "活動花絮";
menuName_tr[3][0] = "商場購物";
	menuName_tr[3][1] = "一樓平面圖";
	menuName_tr[3][2] = "二樓平面圖";
	menuName_tr[3][3] = "商舖類別";
	menuName_tr[3][4] = "新店速遞";
menuName_tr[4][0] = "佳餚美食";
	menuName_tr[4][1] = "佳餚美食";
	menuName_tr[4][2] = "小食專區";
menuName_tr[5][0] = "展覽場地";
	/*menuName_tr[5][1] = "展覽場地";
	menuName_tr[5][2] = "展覽場地租金";*/
menuName_tr[6][0] = "客戶服務";
	menuName_tr[6][1] = "客戶服務";
	menuName_tr[6][2] = "服務範圍";
	menuName_tr[6][3] = "展覽場地";
menuName_tr[7][0] = "泊車優惠";
	//menuName_tr[6][1] = "免費泊車優惠";
	//menuName_tr[6][2] = "轉乘港鐵優惠";
menuName_tr[8][0] = "生活資訊";
//menuName_tr[8][0] = "佳餚美食";
menuLink[0][0] = "index";
menuLink[1][0] = "about";
	menuLink[1][1] = "about";
	//menuLink[1][2] = "comingsoon1";
	menuLink[1][2] = "transport";
menuLink[2][0] = "function";
	menuLink[2][1] = "function";
	menuLink[2][2] = "event_all";
	//menuLink[2][2] = "comingsoon2";
menuLink[3][0] = "shop";
	menuLink[3][1] = "shop_floor_1";
	menuLink[3][2] = "shop_floor_2";
	menuLink[3][3] = "shop";
	menuLink[3][4] = "newshop";
menuLink[4][0] = "dining";
	menuLink[4][1] = "dining";
	menuLink[4][2] = "foodpoint";
menuLink[5][0] = "venue";
//	menuLink[5][1] = "venue";
//	menuLink[5][2] = "comingsoon";
menuLink[6][0] = "services";
	menuLink[6][1] = "services";
	menuLink[6][2] = "services_area";

//menuLink[6][0] = "service.html";
//	menuLink[6][1] = "service.html";
//	menuLink[6][2] = "service_area.html"
//	menuLink[6][3] = "service_faq.html";
menuLink[7][0] = "parking";
	//menuLink[6][1] = "comingsoon7";
	//menuLink[6][2] = "comingsoon8";
menuLink[8][0] = "lifechannel";
//menuLink[8][0] = "dinner";

for (var i = 0; i < menuLink.length; i++)
	for (var j = 0; j < menuLink[i].length; j++)
	{
		if (i == 9 && j == 0)
			menuRedirect[i][j] = true;
		else
			menuRedirect[i][j] = false;
		
		menuType[i][j] = ".html";
	}

function menuTable(lang)
{
	document.write('<table width="120" border="0" cellspacing="0" cellpadding="0" background="images/spacer.gif">');
	for (var i = 0; i < menuLink.length; i++)
	{
		document.write('<tr>',
					   		'<td background="images/menu_line.gif" height="2"><img src="images/spacer.gif" width="1" height="2" /></td>',
					  '</tr>',
					  '<tr>');
		
		var menu_level0 = false;
		for (var j = 0; j < menuLink[i].length; j++)
			if (root.indexOf(menuLink[i][j]) != -1 && menuRedirect[i][j] == false)
				menu_level0 = true;


		if (menu_level0)
			document.write('<td style="padding:5px; padding-left:10px"><img src="images/menu_arrow_on.gif" width="12" height="12" /> <strong><a class="menuon" href="',menuLink[i][0],menuType[i][0],'">',menuName_tr[i][0],'</a></strong></td>');
		else
			document.write('<td style="padding:5px; padding-left:10px"><img src="images/menu_arrow.gif" width="12" height="12" /> <a class="menu" href="',menuLink[i][0],menuType[i][0],'">',menuName_tr[i][0],'</a></td>');

		if (menuLink[i].length > 1 && menu_level0 == true)
		{
			for (var j = 1; j < menuLink[i].length; j++)
			{
				if (root.indexOf(menuLink[i][j]) != -1 || root.indexOf(menuLink[i][j]) == "dining" || root.indexOf(menuLink[i][j]) == "shop"){
					document.write('</tr><tr><td style="padding:5px; padding-left:35px"> <strong><a class="menu" href="',menuLink[i][j],menuType[i][j],'">',menuName_tr[i][j],'</a></strong></td>');
				}else{
					document.write('</tr><tr><td style="padding:5px; padding-left:35px"> <a class="menu" href="',menuLink[i][j],menuType[i][j],'">',menuName_tr[i][j],'</a></td>');}
			}
		}

		document.write('</tr>');
	}
	document.write('<tr>',
    					'<td background="images/menu_line.gif" height="2"><img src="images/spacer.gif" width="1" height="2" /></td>',
  					'</tr>');
	document.write('<tr>',
    					'<td><img src="images/spacer.gif" width="1" height="2" /></td>',
  					'</tr>');	
	document.write('<tr>',
    					'<td><a href="http://www.facebook.com/EastPointCity/" target="_blank"><img src="images/facebook.gif" border="0" /></a></td>',
  					'</tr>');
	document.write(
  				'</table>');

}