var divmenu = "<div id=\"SubMenu\" name=\"SubMenu\" class=\"SubStyle\" onMouseOver=\"this.style.visibility='inherit';\" onMouseOut=\"this.style.visibility='hidden';\"></div>";
document.write(divmenu);
//－－－－－－－－－－－－－－－－－－
//增加主選單項目函式
//傳入參數：
//　．MenuList（主選單串列）
//－－－－－－－－－－－－－－－－－－
function AddMainMenu(MenuList){
//主選單的項目可以以串列或單個的方式不斷加入
//不管傳入的是單項或串列，皆以split函式分割存入暫存陣列中
var MLAry = MenuList.split(",");
//將暫存陣列中的每個項目加入選單陣列中
for(var i=0;i<MLAry.length;i++){
MMAry[MMAry.length] = MLAry[i];
//設定每個主選單項目為一陣列形態，用以存放次選單選項
MMAry[MLAry[i]] = new Array();
}
}

//－－－－－－－－－－－－－－－－－－
//增加次選單項目函式
//傳入參數：
//　．MainMenuItem（副選單所屬之主選單項目）
//　．MenuList（次選單串列）
//－－－－－－－－－－－－－－－－－－
function AddSubMenu(MainMenuItem,MenuList){
//切分次選單串列並存入暫存陣列中
var SLAry = MenuList.split(",");
//窮舉次選單暫存陣列的每個項目，並加入選單陣列中
for(var i=0;i<SLAry.length;i++)
MMAry[MainMenuItem][MMAry[MainMenuItem].length] = SLAry[i];
}

//－－－－－－－－－－－－－－－－－－
//主選單顯示函式
//－－－－－－－－－－－－－－－－－－
function SetMenu(){
//宣告主選單顯示暫存字串，並預設其值為空白
var MenuStr = "";
//以表格方式編排主選單內容
MenuStr += "<table border=1 cellpadding=2 cellspacing=0 bordercolor='#4487f6'";
MenuStr += " class=MMType id=MainMenu ><tr>";
//將主選單項目一一加入
for(var i=0;i<MMAry.length;i++){
MenuStr += "<td align=center width="+MenuWidth;
MenuStr += " OnMouseOver=\"SetSubMenu(\'"+MMAry[i]+"\');\"";
MenuStr += " OnMouseout=\"HiddenMenu();\" class=MainStyle>"+MMAry[i];
MenuStr += "</td>";
}
MenuStr += "</tr></table>";
//列出主選單
document.write(MenuStr);
}

//－－－－－－－－－－－－－－－－－－
//次選單顯示函式
//傳入參數：
//　．MainMenuItem（副選單所屬之主選單項目）
//－－－－－－－－－－－－－－－－－－
function SetSubMenu(MainMenuItem){
//宣告次選單顯示暫存字串
var MenuStr = "";
//宣告次選單列示文字暫存陣列
var SubMenuDesc = "";
//宣告次選單連結位址暫存陣列
var SubMenuLink = "";
//以表格方式編排次選單內容
MenuStr += "<table border=1 cellpadding=2";
MenuStr += " cellspacing=0 width='101' style='border-collapse: collapse'  bordercolor='#4487f6'>";
//將次選單項目一一加入
for(var i=0;i<MMAry[MainMenuItem].length;i++){
//若次選單項目為分隔線則畫出分隔線
if(MMAry[MainMenuItem][i] == "---"){
MenuStr += "<tr><td><hr></td></tr>";
} else {
//分離出次選單串列中的列示文字並存入暫存陣列中
SubMenuDesc = MMAry[MainMenuItem][i].split("|")[0];
//分離出次選單串列中的連結位址並存入暫存陣列中
SubMenuLink = MMAry[MainMenuItem][i].split("|")[1];
//產生次選單選項之顯示碼
MenuStr += "<tr><td align=center class=SubItem nowrap";
MenuStr += " OnMouseOver=\"this.className='SubItemHover';\"";
MenuStr += " OnMouseOut=\"this.className='SubItem';\"";
MenuStr += " OnClick=\"gotoURL('"+SubMenuLink+"');\">"+SubMenuDesc;
MenuStr += "</td></tr>";
}
}
MenuStr += "</table>";
//取得目前主選單項目位在所有主選單中第i個項目
for(var i=0;i<MMAry.length;i++){
if(MainMenuItem==MMAry[i])
break;
}
//透過id取得次選單顯示區塊物件
var MenuObj = document.getElementById("MainMenu")
var SubMenuObj = document.getElementById("SubMenu")
//改變次選單顯示區塊內容為先前產生之html碼
SubMenuObj.innerHTML = MenuStr;
//設定次選單顯示位置
SubMenuObj.style.zIndex = 2;
SubMenuObj.style.left = MenuObj.offsetLeft + (99*i+i);
SubMenuObj.style.top = MenuObj.offsetTop + MenuObj.offsetHeight - 1;
//顯示次選單
SubMenuObj.style.visibility = "inherit";
//alert(MenuObj.offsetTop);
}

//－－－－－－－－－－－－－－－－－－
//次選單隱藏函式
//－－－－－－－－－－－－－－－－－－
function HiddenMenu(){
document.getElementById("SubMenu").style.visibility = "hidden";
}

//－－－－－－－－－－－－－－－－－－
//次選單連結函式
//傳入參數：
//　．URL（選項連結位址）
//－－－－－－－－－－－－－－－－－－
function gotoURL(URL){
location.href = URL;
}