initMainMenu();
importXML(0);

function initMainMenu(){
	document.write('<div id="mainMenu"></div>');
}


function isExceptPage(nowURL){
	var exceptPage=[
		"/home/access/new/index.php",
		"/home/voip/new/index.php",
		"/home/index.php",
		"/home/vas/index.php",
		"/home/vip/index.php",
         "/home/vas/play/index.htm",
        "/home/vas/security/index.htm",
        "/home/vas/content/index.htm",
        "/home/vas/share/index.htm"
	];
	for(var i=0; i<=exceptPage.length-1; i++){
		if(nowURL.indexOf(exceptPage[i])!=-1){
			return true;
			break;
		}
	}
	return false;
}


function addMainMenu(){
	var str_level = getLevelString(); //取得目前層級字串
	var strCT = ''; //選單內容
	if(document.getElementById('main_menu')){var main_menu_lv1 = document.getElementById('main_menu').value.split(',')[0];} //主選單顯示第一層編號
	if(document.getElementById('main_menu')){var main_menu_lv2 = document.getElementById('main_menu').value.split(',')[1];} //主選單顯示第二層編號
	if(document.getElementById('main_menu')){var main_menu_lv3 = document.getElementById('main_menu').value.split(',')[2];} //主選單顯示第三層編號
	if(document.getElementById('main_menu')){var main_menu_lv4 = document.getElementById('main_menu').value.split(',')[3];} //主選單顯示第四層編號
	var elemtMain = xmlDoc.getElementsByTagName('home_main_menu')[0]; //主選單 xml node
	
	//第一層選單 xml node
	var elemtLayer_lv1 = elemtMain.getElementsByTagName('layer_lv1')[0];
	var total_width_lv1 = 0; //目前第一層選圖檔累積寬度
	var count_lv1 = 0;
	for(iMenu_lv1=0;iMenu_lv1<elemtLayer_lv1.childNodes.length;iMenu_lv1++){
		//若nodeType為1(代表為tag), 則為有效node
		if (elemtLayer_lv1.childNodes[iMenu_lv1].nodeType==1){
			var elemtMenu_lv1 = elemtLayer_lv1.childNodes[iMenu_lv1]; //選單內容 xml node
			
			//選單設定
			var attrMenu_lv1 = elemtMenu_lv1.attributes; //取得 attribute
			var id_lv1 = attrMenu_lv1.getNamedItem("id").value; //編號
			var title_lv1 = attrMenu_lv1.getNamedItem("title").value; //標題
			var link_url_lv1 = attrMenu_lv1.getNamedItem("link_url").value; //連結 URL
			var target_lv1 = attrMenu_lv1.getNamedItem("target").value; //換頁 or 另開
			
			if(link_url_lv1==''){ //若連結 URL 為空值則使連結無效
				link_url_lv1 = "javascript:void(0);";
				target_lv1 = "";
			}else if(link_url_lv1.substring(0,4)!='http'){ //若不是外部連結, 則加上層級字串
				link_url_lv1 = str_level+link_url_lv1;
			}
			
			//取出每一個選單內容 xml node
			for(iCT_lv1=0;iCT_lv1<elemtMenu_lv1.childNodes.length;iCT_lv1++){
				//若nodeType為1(代表為tag), 則為有效node
				if (elemtMenu_lv1.childNodes[iCT_lv1].nodeType==1){
					//選單內容設定
					var attrImg_lv1 = elemtMenu_lv1.childNodes[iCT_lv1].attributes; //取得 attribute
					var src_lv1 = str_level+attrImg_lv1.getNamedItem("src").value; //預設圖檔路徑
					var src_lv1_o = str_level+attrImg_lv1.getNamedItem("src_o").value; //mouseover 圖檔路徑
					
					//*************第一層選單內容*************
					strCT += '<div class="menuBtn">';
					if(id_lv1==main_menu_lv1){ //若編號與顯示層級編號相等, 則顯示 highlight css
						strCT += '	<a href="'+link_url_lv1+'" target="'+target_lv1+'" onclick="dcsMultiTrack (\'DCS.dcsuri\',\'/CTR.dat\',\'DCSext.WTlayout_block\',\'家庭寬頻服務\',\'DCSext.WTlayout_type\',\'3\',\'DCSext.WTlayout_type2\',\'na\',\'DCSext.WTlayout_type3\',\'na\');" onmouseout="MM_swapImgRestore();MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'hide\')" onmouseover="MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'show\')"><img src="'+src_lv1_o+'" title="'+title_lv1+'" alt="'+title_lv1+'" name="mainMenu_'+id_lv1+'" border="0" /></a>';
					}else{
						strCT += '	<a href="'+link_url_lv1+'" target="'+target_lv1+'" onclick="dcsMultiTrack (\'DCS.dcsuri\',\'/CTR.dat\',\'DCSext.WTlayout_block\',\'家庭寬頻服務\',\'DCSext.WTlayout_type\',\'3\',\'DCSext.WTlayout_type2\',\'na\',\'DCSext.WTlayout_type3\',\'na\');" onmouseout="MM_swapImgRestore();MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'hide\')" onmouseover="MM_swapImage(\'mainMenu_'+id_lv1+'\',\'\',\''+src_lv1_o+'\',1);MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'show\')"><img src="'+src_lv1+'" title="'+title_lv1+'" alt="'+title_lv1+'" name="mainMenu_'+id_lv1+'" border="0" /></a>';
					}
					strCT += '</div>';
					//**************************************
					
					//第二層選單 xml node
					var elemtLayer_lv2 = elemtMain.getElementsByTagName('layer_lv2')[0];
					if(elemtLayer_lv2!=null){ //若有第二層則顯示
						var now_width_lv1 = total_width_lv1+21*count_lv1; //目前第一層選單累積寬度
						var count_lv2 = 0; //第二層選單個數
						
						if(count_lv1 == 0){ //若第一層選單為第一個, 則累積寬度為零
							now_width_lv1 = 0;
						}
						
						//*************第二層選單內容*************
						for(iMenu_lv2=0;iMenu_lv2<elemtLayer_lv2.childNodes.length;iMenu_lv2++){
							//若nodeType為1(代表為tag), 則為有效node, 需對應到第一層選單編號
							if (elemtLayer_lv2.childNodes[iMenu_lv2].nodeType==1 && elemtLayer_lv2.childNodes[iMenu_lv2].nodeName=='menu_'+id_lv1){
								if(count_lv2==0){
									var nowURL=location.href;
									var topV=isExceptPage(nowURL)? 76 : 176;
									strCT += '<div class="subMenuLayer" id="subMainMenu_'+id_lv1+'" style="level:0;left:'+now_width_lv1+'px; top:'+topV+'px;" onmouseout="MM_swapImgRestore();MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'hide\')" onmouseover="MM_showHideLayers(\'subMainMenu_'+id_lv1+'\',\'\',\'show\')">';
									strCT += '	<div class="menuArrow"></div>';
									strCT += '	<div class="subMenuCT">';
								}
								
								var elemtMenu_lv2 = elemtLayer_lv2.childNodes[iMenu_lv2]; //選單內容 xml node
								
								//選單設定
								var attrMenu_lv2 = elemtMenu_lv2.attributes; //取得 attribute
								var title_lv2 = attrMenu_lv2.getNamedItem("title").value; //標題
								var link_url_lv2 = attrMenu_lv2.getNamedItem("link_url").value; //連結 URL
								var target_lv2 = attrMenu_lv2.getNamedItem("target").value; //換頁 or 另開
								
								if(link_url_lv2==''){ //若連結 URL 為空值則使連結無效
									link_url_lv2 = "javascript:void(0);";
									target_lv2 = "";
								}else if(link_url_lv2.substring(0,4)!='http'){ //若不是外部連結, 則加上層級字串
									link_url_lv2 = str_level+link_url_lv2;
								}
								
								strCT += '		<a href="'+link_url_lv2+'" target="'+target_lv2+'" class="subMenuLink">'+title_lv2+'</a>';
								
								count_lv2 += 1;
							}							
						}
						
						strCT += '	</div>';
						strCT += '</div>';
						//**************************************
					}
					total_width_lv1 += parseInt(attrImg_lv1.getNamedItem("width").value);
				}
			}
			count_lv1 += 1;
		}
	}
	document.getElementById('mainMenu').innerHTML=strCT;
}