//--------------- 主导航条内容 ------------//
var mainLayer =     new Array("Home",
															"Download",
															"Order",
                              "Contact"
                              );
var mainLayerHttp = new Array("index.html",
															"http://www.qwerks.com/download/8377/AllInCatalog.zip",
                              "https://www.Qwerks.com/order/buynow.asp?ProductID=8377",
                              "contact.html"
                              );
//--------------- 次导航条内容 ------------//
//首页
var subLayer0=new Array();
var subLayerHttp0=new Array();
//产品介绍
var subLayer1=new Array();
var subLayerHttp1=new Array();
var subLayer2=new Array();
var subLayerHttp2=new Array();
var subLayer3=new Array();
var subLayerHttp3=new Array();


//--------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth=89; //每个TD的宽度，调整主导航内容间距
var mainTableBorder=0; //调整主导航表格边框宽度
var mainTableCellspacing=0; //调整主导航表格Cellspacing
var mainTableCellpadding=0; //调整主导航表格Cellpadding
var mainTableBgcolor="#000000"; //调整主导航表格背景色
var mainTableBordercolor=""; //调整主导航表格编框颜色
var mainTableBackgroundImg=""; //调整主导航表格背景图片url地址
var hrefClassName="menulink"; //调整url风格样式
var nohrefClassName = "menunolink";
var mainTableTdBgcolor="95b6df";//"7bA6A6"; //调整主导航表格Td色

//--------------- 次导航条Table参数调整 ------------//
var subTableBorder=0; //调整次导航条表格边框宽度
var subTableCellspacing=0; //调整次导航条表格Cellspacing
var subTableCellpadding=1; //调整次导航条表格Cellpadding
var subTableBgcolor="#000000"; //调整次导航条表格背景色
var subTableBordercolor=""; //次导航条表格编框颜色
var subTableBackgroundImg=""; //次导航条表格背景图片url地址
var subTableTdBgcolor="95b6df";//"7bA6A6"; //调整次导航表格Td色
var sbuTabbleTop=20; //次导航表格上下微调
var sbuTabbleLeft=4; //次导航表格左右微调

//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="menuindex";
var hideAllTimerID = -1;

//--------------- 生成下拉菜单 ------------//
function createMainLayer(){
    var menu = "";
    menu +=  "<table border=0 height=20 cellspacing=0 cellpadding=0>"
          + "<tr><td><div id='wall' onmouseout=hideAllMenu() "
          + "style='position:relative; width:100%; z-index:1' >"
          + "<table height=20 width=" + mainLayer.length*mainTableTdWidth
          + " border='"+mainTableBorder
          + "' cellspacing='" + mainTableCellpadding
          + "' cellpadding='" + mainTableCellpadding
          + "' bgcolor='" + mainTableBgcolor
          + "' bordercolor='" + mainTableBordercolor
          + "' background='" + mainTableBackgroundImg
          + "'><tr>";
    for(i=0; i<mainLayer.length; i++){
        menu += "<td align=center width='" + mainTableTdWidth
             + "' bgcolor='" + mainTableTdBgcolor;
        menu += "' onmouseover=layervib('visible','" + i
             + "')><a href='" + mainLayerHttp[i] +"'";
        if(mainLayerHttp[i] == "#"){
            menu += " class='" + nohrefClassName;
        }else{
            menu += " class='" + hrefClassName;
        }
        menu += "'>&nbsp;" + mainLayer[i] + "&nbsp;</a></td>";
    }
    menu += "</tr></table>";
    for(j=0; j<mainLayer.length; j++){
        menu += createSubLayer(j);
    }
    menu += "</div></td></tr></table>";
//alert(menu)
    document.write(menu);
}

//--------------- 生成每项下拉菜单内容 ------------//
function createSubLayer(num){
    var subLayerName = layerName +num;
    var subLayerLeft = (mainTableTdWidth*num) + mainTableCellpadding + mainTableBorder;
    var subLayerList = eval("subLayer" + num);
    var subLayerHttpList= eval("subLayerHttp" + num);
    var smenu = "";
    smenu += "<div id='" + subLayerName
         + "' style='position:absolute; left:" + (subLayerLeft + sbuTabbleLeft)
         + "px; top:" + ((mainTableBorder + mainTableCellspacing + mainTableCellpadding)*2 + sbuTabbleTop)
         + "px; z-index:2; height: 24px; visibility: hidden' "
         + "onmouseover=layervib('visible','" + num+"') "
         + "onmouseout=hideAllMenu()>";
    if(subLayerList.length!=0){
        smenu += "<table border='" + subTableBorder
             + "' cellspacing='" + subTableCellpadding
             + "' cellpadding='" + subTableCellpadding
             + "' bgcolor='" + subTableBgcolor
             + "' bordercolor='" + subTableBordercolor
             + "' background='" + subTableBackgroundImg + "'";
        for(h=0;h<subLayerList.length;h++){
            smenu += "<tr><td bgcolor='" + subTableTdBgcolor
                 + "' width='100%'>&nbsp;"
                 + "<a href='"+ subLayerHttpList[h]
                 + "' class='" + hrefClassName + "'>"+subLayerList[h]
                 + "</a>&nbsp;</td></tr>";
        }
        smenu += "</table>";
    }
    smenu += "</div>";
//    alert(smenu)
    return smenu;
}

function hideAllMenu()
{
    window.clearTimeout(hideAllTimerID);
    hideAllTimerID = window.setTimeout("layervib('visible'," + layerMax + ")", 200);
}

//------------------------------次菜单显隐控制--------------------------//
function layervib(type, num){
    for(var i=0;i<mainLayer.length;i++){
        var E=eval('document.all.' + layerName + i + '.style');
        if(i==num){
            E.visibility = 'visible';
            window.clearTimeout(hideAllTimerID);
        }else{
            E.visibility = 'hidden';
        }
    }
}