//--------------- Main menu ------------//
var mainLayer=new Array("Research","Teaching", "Personal");//?????


//--------------- menu items ------------//
var subLayer0=new Array("Publications","Current Projects"); //
var subLayerHttp0=new Array("research/pub.html","#");//????????????????
var subLayer1=new Array("EC Tech","Quantitative Methods");//??????????
var subLayerHttp1=new Array("teaching/cs3266.html","teaching/cs6302.html");//???????????????
var subLayer2=new Array("Memo","News");//??????????
var subLayerHttp2=new Array("#","#");//???????????????

//--------------- Main Table That Holds the Menu ------------//
var mainTableTdWidth=100; //??TD???,?????????
var mainTableBorder=0; //???????????
var mainTableCellspacing=0; //???????Cellspacing
var mainTableCellpadding=0; //???????Cellpadding
var mainTableBgcolor=""; //??????????
var mainTableBordercolor=""; //???????????
var mainTableBackgroundImg=""; //???????????url??
var hrefClassName="link" //??url????
var mainTableTdBgcolor="B2CBCF"; //???????Td?



//--------------- Sub Table that holds the items ------------//
var subTableBorder=0; //????????????
var subTableCellspacing=0; //????????Cellspacing
var subTableCellpadding=0; //????????Cellpadding
var subTableBgcolor="#000000"; //???????????
var subTableBordercolor=""; //??????????
var subTableBackgroundImg=""; //??????????url??
var subTableTdBgcolor="B2CBCF"; //???????Td?
var sbuTabbleTop=21; //?????????
var sbuTabbleLeft=-1; //?????????



//--------------- Systme parameter -- don't change ------------//
var layerMax=mainLayer.length+10;
var layerName="index";



//--------------- Create menu top level ------------//
function createMainLayer(){ 
document.write("<table border=0 cellspacing=0 cellpadding=0><tr><td><div id='wall' onmouseout=layervib('visible','"+layerMax+"') style='position:relative; left:0px; top:0px; width:100%; z-index:1' ><table width="+mainLayer.length*mainTableTdWidth+" border='"+mainTableBorder+"' cellspacing='"+mainTableCellpadding+"' cellpadding='"+mainTableCellpadding+"' bgcolor='"+mainTableBgcolor+"' bordercolor='"+mainTableBordercolor+"' background='"+mainTableBackgroundImg+"'><tr>");
for(i=0;i<mainLayer.length;i++){
document.write("<td width='"+mainTableTdWidth+"' onmouseover=layervib('visible','"+i+"')>&nbsp;<a href='#'>"+mainLayer[i]+"</a></td>");
}
document.write("</tr></table>");

for(j=0;j<mainLayer.length;j++){
createSubLayer(j);
}
document.write("</div></td></tr></table>");
}


//--------------- Create items ------------//
function createSubLayer(num){
var subLayerName= layerName +num;
var subLayerLeft=(mainTableTdWidth*num)+mainTableCellpadding+mainTableBorder;
var subLayerList=eval("subLayer"+num);
var subLayerHttpList=eval("subLayerHttp"+num);
document.write("<div id='"+subLayerName+"' style='position:absolute; left:"+(subLayerLeft+sbuTabbleLeft)+"px; top:"+((mainTableBorder+mainTableCellspacing+mainTableCellpadding)*2+sbuTabbleTop -8)+"px; z-index:2; height: 24px; visibility: hidden' onmouseover=layervib('visible','"+num+"') onmouseout=layervib('visible','"+layerMax+"')>");
if(subLayerList.length!=0){
document.write("<table width='130px' border='"+subTableBorder+"' cellspacing='"+subTableCellpadding+"' cellpadding='"+subTableCellpadding+"' bgcolor='"+subTableBgcolor+"' bordercolor='"+subTableBordercolor+"' background='"+subTableBackgroundImg+"'") 
for(h=0;h<subLayerList.length;h++){ 

document.write("<tr><td bgcolor='"+subTableTdBgcolor+"' width='100%' class='link'>&nbsp;<a href='"+ subLayerHttpList [h]+"' class='link'>"+subLayerList[h]+"</a>&nbsp;</td></tr>");
}
document.write("</table>");
}
document.write("</div>"); 



}



//------------------------------Show or Hide the items layer-------------------------//
function layervib(type,num){
var H=type;
var temp=(H='visible'?'hidden':'visible')
for(var i=0;i<mainLayer.length;i++){
var E=eval('document.all.index'+i+'.style');
var H=eval(i);
if(i==num){E.visibility=type}else{E.visibility=temp};
}
}