// 李茂祥 修改 2008/11/28 实现较强的灵活性

//--------------- 主导航条内容 ------------//
var mainLayer=new Array("<img name=\"menu_r2_c1\" src=\"images/menu_r2_c1.jpg\"  border=\"0\" id=\"menu_r2_c1\" alt=\"\" />",
   "<img name=\"menu_r2_c2\" src=\"images/menu_r2_c2.jpg\"  border=\"0\"  id=\"menu_r2_c2\" alt=\"\" />",
   "<img name=\"menu_r2_c3\" src=\"images/menu_r2_c3.jpg\"  border=\"0\" id=\"menu_r2_c3\" alt=\"\" />",
   "<img name=\"menu_r2_c4\" src=\"images/menu_r2_c4.jpg\" border=\"0\" id=\"menu_r2_c4\" alt=\"\" />",
   "<img name=\"menu_r2_c6\" src=\"images/menu_r2_c6.jpg\"  border=\"0\"  id=\"menu_r2_c6\" alt=\"\" />",
   "<img name=\"menu_r2_c5\" src=\"images/menu_r2_c5.jpg\"  border=\"0\" id=\"menu_r2_c5\" alt=\"\" />",
   "<img name=\"menu_r2_c7\" src=\"images/menu_r2_c7.jpg\" border=\"0\"  id=\"menu_r2_c7\" alt=\"\" />",
   "<img name=\"menu_r2_c8\" src=\"images/menu_r2_c8.jpg\"  border=\"0\" id=\"menu_r2_c8\" alt=\"\" />",
   "<img name=\"menu_r2_c9\" src=\"images/menu_r2_c9.jpg\" border=\"0\"  id=\"menu_r2_c9\" alt=\"\" />",
   "<img name=\"menu_r2_c10\" src=\"images/menu_r2_c10.jpg\"  border=\"0\" id=\"menu_r2_c10\" alt=\"\" />",
   "<img name=\"menu_r2_c11\" src=\"images/menu_r2_c11.jpg\" border=\"0\" id=\"menu_r2_c11\" alt=\"\" />");//主导航栏目
var mainLayerWidths = new Array(84,103,87,101,86,89,88,104,89,86,83);//主导航栏目的宽度,如果不想定,请把每个栏目宽度定0,系统就使用统一的设定宽度,在下面设定
var mainLayerLinks = new Array("index.php","intro.php","huanghe.php","golf.php","index.php","#","#","zhaoshang.php","cooperation.php","groupintro.php","http://www.yrisland.com");//主导航栏目的链接
//--------------- 次导航条内容 ------------//


var subLayer0=""; //导航栏目1下的次级栏目
var subLayerHttp0="";//主导航栏目1下的次级栏目连接地址

var subLayer1="";//导航栏目2的次级栏目
var subLayerHttp1="";//主导航栏目2的次级栏目连接地址

var subLayer2=new Array("关于黄河","黄河岛","黄河文化","黄河文化长廊","黄河文化博物馆","黄河文化书画院"); //导航栏目3下的次级栏目
var subLayerHttp2=new Array("huanghe.php","hhtyd.php","hhwh.php","hhwhcl.php","hhwhg.php","hhtydshy.php");//主导航栏目3下的次级栏目连接地址

var subLayer3=new Array("国际高尔夫","天然狩猎场","休闲垂钓区","园林销售","耕地租赁");//导航栏目4的次级栏目
var subLayerHttp3=new Array("golf.php","hunting.php","whiff.php","park.php","field.php");//主导航栏目4的次级栏目连接地址

var subLayer4=""; //导航栏目5下的次级栏目
var subLayerHttp4="";//主导航栏目5下的次级栏目连接地址

var subLayer5=new Array("黄河岛生态示范园","现代高效农业园","水产养殖科技园","畜牧产业园");//导航栏目6的次级栏目
var subLayerHttp5=new Array("#","#","#","#");//主导航栏目6的次级栏目连接地址

var subLayer6=new Array("拓展培训","出山行动"); //导航栏目7下的次级栏目
var subLayerHttp6=new Array("#","#");//主导航栏目7下的次级栏目连接地址

var subLayer7="";//导航栏目8的次级栏目
var subLayerHttp7="";//主导航栏目8的次级栏目连接地址

var subLayer8=""; //导航栏目9下的次级栏目
var subLayerHttp8="";//主导航栏目9下的次级栏目连接地址

var subLayer9="";//导航栏目10的次级栏目
var subLayerHttp9="";//主导航栏目10的次级栏目连接地址

var subLayer10=""; //导航栏目11下的次级栏目
var subLayerHttp10="";//主导航栏目11下的次级栏目连接地址


//--------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth=100; //每个TD的宽度，调整主导航内容间距,如果不定义单个主菜单的宽度(设为0时)就用这个代替
var mainTableBorder=0; //调整主导航表格边框宽度
var mainTableCellspacing=0; //调整主导航表格Cellspacing
var mainTableCellpadding=0; //调整主导航表格Cellpadding
var mainTableBgcolor="#000000"; //调整主导航表格背景色
var mainTableBordercolor=""; //调整主导航表格编框颜色
var mainTableBackgroundImg=""; //调整主导航表格背景图片url地址
var MainhrefClassName="link" //调整url风格样式
var mainTableTdBgcolor="white"; //调整主导航表格Td色

//--------------- 次导航条Table参数调整 ------------//
var subTableBorder=0; //调整次导航条表格边框宽度
var subTableCellspacing=5; //调整次导航条表格Cellspacing
var subTableCellpadding=1; //调整次导航条表格Cellpadding
var subTableBgcolor="gray"; //调整次导航条表格背景色
var subTableBordercolor=""; //次导航条表格编框颜色
var subTableBackgroundImg=""; //次导航条表格背景图片url地址
var subTableTdBgcolor="#DCB694"; //调整次导航表格Td色
var subLayerWidth=250;//次导航表格宽度
var subLayerHeight=22;//次导航表格高度
var subTabbleTop=22; //次导航表格上下微调
var subTabbleLeft=15; //次导航表格左右微调
var subhrefClassName="link" //调整次导航url风格样式

//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="index";

//--------------- 生成每项下拉菜单内容 ------------//
function createSubLayer(num){
var subLayerName= layerName+num;
var temp = 0;
for (i=0;i<=num-1;i++) temp += mainLayerWidths[i]; 
var subLayerLeft= temp+mainTableCellpadding+mainTableBorder;
var subLayerList = eval("subLayer"+num);
var subLayerHttpList = eval("subLayerHttp"+num);
document.write("<div id='"+subLayerName+"' style='position:absolute; left:"+(subLayerLeft+subTabbleLeft)+"px; top:"+((mainTableBorder+mainTableCellspacing+mainTableCellpadding)*2+subTabbleTop)+"px; z-index:2; width:"+subLayerWidth+"px; visibility: hidden' onmouseover=layervib('visible','"+num+"') onmouseout=layervib('visible','"+layerMax+"')>");
//alert(document.getElementById('index0'));
if(subLayerList.length!=0){
document.write("<table 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%' height='"+subLayerHeight+"'class='"+subhrefClassName+"'>&nbsp;<a href='"+ subLayerHttpList [h]+"' class='link'>"+subLayerList[h]+"</a>&nbsp;</td></tr>");
}
document.write("</table>");
}
document.write("</div>"); 

}

//------------------------------次菜单显隐控制--------------------------//
function layervib(type,num){
var H=type;
var temp=(H='visible'?'hidden':'visible')
for(var i=0;i<mainLayer.length;i++){
var E = document.getElementById('index'+i).style;
//var H = i;
if(i==num){E.visibility=type}else{E.visibility=temp};
}
}

//--------------- 生成下拉菜单 ------------//
function createMenu(){
	var totalwidth = 0;
for(var i=0;i<mainLayer.length;i++){
	if (mainLayerWidths[i])
		totalwidth += mainLayerWidths[i];
	else
		totalwidth += mainTableTdWidth;
};
document.write("<table align=center><tr><td><div id='wall' onmouseout=layervib('visible','"+layerMax+"') style='position:relative; left:0px; top:0px; width:100%; z-index:1' ><table width="+totalwidth+" border='"+mainTableBorder+"' cellspacing='"+mainTableCellpadding+"' cellpadding='"+mainTableCellpadding+"' bgcolor='"+mainTableBgcolor+"' bordercolor='"+mainTableBordercolor+"' background='"+mainTableBackgroundImg+"'><tr>");
for(i=0;i<mainLayer.length;i++){
document.write("<td width='"+mainLayerWidths[i]+"' bgcolor='"+mainTableTdBgcolor+"' class='"+MainhrefClassName+"' onmouseover=layervib('visible','"+i+"')><a href='"+mainLayerLinks[i]+"'>"+mainLayer[i]+"</a></td>");
}
document.write("</tr></table>");
for(j=0;j<mainLayer.length;j++){
createSubLayer(j);
}
document.write("</div></td></tr></table>");
}
