//主菜单
var mainMenu=new Array('首 页','机构设置','政务公开','制度&标准','数说海淀','分析解读','统计数据','统计要事','法制园地','统计杂志','统计文化','统计教室','统计教室');
var mainMenuHttp=new Array('index.html','PAGE1_1.html','PAGE1_7,2,2.html','PAGE1_4,2,3.html','PAGE1_2,25,5,2,4.html','PAGE1_32,31,6,2,5.html','PAGE1_94,93,27,2,6.html','PAGE1_1,126,30,2,7.html','PAGE1_107,34,8,2,8.html','PAGE1_128,129,31,2,9.html','PAGE1_46,45,14,2,10.html','PAGE1_59,42,9,2,11.html','PAGE1_59,42,9,2,11.html');
//var mainMenuOffset=new Array(0,50,62,62,67,62,62,62,62,62,62,62);
var mainMenuOffset=new Array(0,50,112,174,244,306,368,430,492,554,616,678,700);

//首页
var subMenu0=new Array("海淀统计信息网欢迎您");
var subMenuHttp0=new Array("");
//机构设置
var subMenu1=new Array("主要职责","领导简介","部门设置");
var subMenuHttp1=new Array("PAGE1_11,10,3,2,1.html","PAGE1_13,10,3,2,1.html","PAGE1_106,10,3,2,1.html");
//政务公开
var subMenu2=new Array("政务公开目录","重要文件","法律法规","要事通告","办公电话","行政执法责任制","审批程序","工作人员行为规范");
var subMenuHttp2=new Array("PAGE1_62,48,7,2,2.html","PAGE1_122,48,7,2,2.html","PAGE1_52,48,7,2,2.html","PAGE1_54,48,7,2,2.html","PAGE1_50,48,7,2,2.html","PAGE1_53,48,7,2,2.html","PAGE1_51,48,7,2,2.html","PAGE1_55,48,7,2,2.html");
//制度&标准
var subMenu3=new Array("制度及解释","统计标准","统计台帐");
var subMenuHttp3=new Array("PAGE1_23,20,4,2,3.html","PAGE1_24,20,4,2,3.html","PAGE1_96,20,4,2,3.html");
//数说海淀
var subMenu4=new Array("海淀概况");
var subMenuHttp4=new Array("PAGE1_2,25,5,2,4.html");
//分析解读
var subMenu5=new Array("统计信息","专题分析","课题研究","焦点关注");
var subMenuHttp5=new Array("PAGE1_123,31,6,2,5.html","PAGE1_32,31,6,2,5.html","PAGE1_33,31,6,2,5.html","PAGE1_56,31,6,2,5.html");
//统计数据
var subMenu6=new Array("进度数据","年度数据","专题数据","统计图表","统计公报");
var subMenuHttp6=new Array("PAGE1_125,93,27,2,6.html","PAGE1_94,93,27,2,6.html","PAGE1_124,93,27,2,6.html","PAGE1_26,93,27,2,6.html","PAGE1_29,93,27,2,6.html");
//统计要事
var subMenu7=new Array("政务信息","基层动态","海淀要闻");
var subMenuHttp7=new Array("PAGE1_1,126,30,2,7.html","PAGE1_57,126,30,2,7.html","PAGE1_27,126,30,2,7.html");
//法制园地
var subMenu8=new Array("法制动态","以案说法");
var subMenuHttp8=new Array("PAGE1_107,34,8,2,8.html","PAGE1_41,34,8,2,8.html");
//统计杂志
var subMenu9=new Array("海淀统计");
var subMenuHttp9=new Array("PAGE1_129,128,31,2,9.html");
//统计文化
var subMenu10=new Array("党务建设","团总支动态","工会活动");
var subMenuHttp10=new Array("PAGE1_46,45,14,2,10.html","PAGE1_127,45,14,2,10.html","PAGE1_47,45,14,2,10.html");
//统计教室
var subMenu11=new Array("学习园地","在线培训","统计知识");
var subMenuHttp11=new Array("PAGE1_59,42,9,2,11.html","PAGE1_35,42,9,2,11.html","PAGE1_43,42,9,2,11.html");


var subMenu12=new Array("学习园地","在线培训","统计知识");
var subMenuHttp12=new Array("PAGE1_59,42,9,2,11.html","PAGE1_35,42,9,2,11.html","PAGE1_43,42,9,2,11.html");

var imagePath="image/com/";
var lightTextColor="#0049CE";
var darkTextColor="#CDCACA";
var subTextColor="#888888";
var lightBarClass="font-size:12px;cursor:pointer;background-image:url("+imagePath+"BlueMenuCenter.gif)";
var darkBarClass="font-size:12px;cursor:pointer;background-image:url("+imagePath+"GrayMenuCenter.gif)";
//var curMenuId=0;
var topx=0;
var leftx=0;
function createMenu()
{
	var tableHtml="<div id='divMenu' onmouseout='outMenu()'><table border=0 cellpadding=0 cellspacing=0><tr>";
	var isHome="";	
	var mainHttp="";
	for(var i=0;i<mainMenu.length;i++)
	{		
		if(i==0)
		{
			isHome="Home";
		}
		else
		{
			isHome="";
		}		
		if(curMenuId==i)
		{
			tableHtml+="<td><div id='divMainMenu"+i+"' onmouseover='lightBar("+i+")'>";
			tableHtml+="<table border=0 cellpadding=0 cellspacing=0 style='"+lightBarClass+"'>";
			tableHtml+="<tr><td rowspan=2><img src='"+imagePath+"BlueMenuLeft"+isHome+".gif'></td>";
			tableHtml+="<td><img src='"+imagePath+"MenuCenterTop.gif'></td><td rowspan=2><img src='"+imagePath+"BlueMenuRight"+isHome+".gif'></td></tr>";
			tableHtml+="<tr><td  nowrap ><a href='"+mainMenuHttp[i]+"' class='dhd'>"+mainMenu[i]+"</a></td></tr></table></div></td>";
		}
		else
		{
			tableHtml+="<td><div id='divMainMenu"+i+"' onmouseover='lightBar("+i+")'>";
			tableHtml+="<table border=0 cellpadding=0 cellspacing=0 style='"+darkBarClass+"'>";
			tableHtml+="<tr><td rowspan=2><img src='"+imagePath+"GrayMenuLeft"+isHome+".gif'></td>";
			tableHtml+="<td><img src='"+imagePath+"MenuCenterTop.gif'></td><td rowspan=2><img src='"+imagePath+"GrayMenuRight"+isHome+".gif'></td></tr>";
			tableHtml+="<tr><td  nowrap><a href='"+mainMenuHttp[i]+"' class='dhc'>"+mainMenu[i]+"</a></td></tr></table></div></td>";
		}
	}
	tableHtml+="</tr></table><div id='divSubMenuAll'>"+createSubMenu()+"</div></div>"
	document.getElementById("tdMenu").innerHTML=tableHtml;	
}
function recreateSubMenu()
{
	var obj=document.getElementById('divSubMenuAll');
	var arrSub=obj.getElementsByTagName("div");
	for(var i=0;i<arrSub.length;i++)
	{
		if(arrSub[i].name=="divSubMenu"){
			obj.removeChild(arrSub[i]);
		}
	}
	obj.innerHTML=createSubMenu();
}
function resetPosition()
{
	var o=document.getElementById("dhLeftImage");
	topx=o.offsetTop;
	leftx=o.offsetLeft;
	while(o.offsetParent)
	{
		o=o.offsetParent;
		topx+=o.offsetTop;
		leftx+=o.offsetLeft;		
	}
	topx+=25;
	leftx=leftx+20;
}
function createSubMenu()
{			
	resetPosition();
	var w=document.getElementById("tdMenu").offsetWidth;	
	var html="";
	for(var j=0;j<mainMenu.length;j++){
	    //leftx+=mainMenuOffset[j];
		html+="<div name='divSubMenu' id='divSubMenu"+j+"' onmouseover='showSubMenu("+j+")' onmouseout='showSubMenu(20)' style='height:28; cursor:pointer;POSITION:absolute;visibility:hidden;top:"+topx+";left:"+(leftx+mainMenuOffset[j])+"'>";
		html+="<table height='100%' border=0 cellpadding=3 cellspacing=0><tr>";
		var ob=eval("subMenu"+j);
		var obHttp=eval("subMenuHttp"+j);
		var subHttp="";
		for(var i=0;i<ob.length;i++)
		{
		   subHttp="<a href='"+obHttp[i]+"'  style='text-decoration:none;color:"+subTextColor+"'>"+ob[i]+"</a>";
		   html+="<td nowrap style='font-size:12px' valign='middle'>"+subHttp+"</td>";			
		}
		html+="</tr></table></div>";		
	}
	return html;
}
function lightBar2(sid)
{
	var obj=eval("document.getElementById('divMainMenu"+sid+"')");
	if(sid!=curMenuId){
		obj.firstChild.style.backgroundImage="url("+imagePath+"BlueMenuCenter.gif)";
		obj.childNodes[0].childNodes[0].childNodes[1].childNodes[0].childNodes[0].className="dhd";
		var arrImg=obj.getElementsByTagName("IMG");
		for(var i=0;i<arrImg.length;i++)
		{
			arrImg[i].src=arrImg[i].src.replace("Gray","Blue");
		}
	}	
}
function lightBar(sid)
{
	lightBar2(sid);
	showSubMenu(sid);
}
function showSubMenu(sid)
{
	if(topx==0 && leftx==0)
	resetPosition();
	for(var i=0;i<mainMenu.length;i++)
	{
		var objq=eval("document.getElementById('divSubMenu"+i+"')");
		if(i==sid)
		{
			objq.style.visibility='visible';
			objq.style.left=leftx+mainMenuOffset[i];
			objq.style.top=topx;
			lightBar2(sid);
		}
		else
		{
			objq.style.visibility='hidden';
			darkBar(i);
		}
	}
}
function darkBar(sid)
{
	var obj=eval("document.getElementById('divMainMenu"+sid+"')");
	if(sid!=curMenuId){
		obj.firstChild.style.backgroundImage="url("+imagePath+"GrayMenuCenter.gif)";
		obj.childNodes[0].childNodes[0].childNodes[1].childNodes[0].childNodes[0].className="dhc";
		var arrImg=obj.getElementsByTagName("IMG");
		for(var i=0;i<arrImg.length;i++)
		{
			arrImg[i].src=arrImg[i].src.replace("Blue","Gray");
		}
	}
}
function outMenu()
{
	showSubMenu(mainMenu.length);
}
function curMenu()
{
	if(curMenuId>-1){
	var obj=eval("document.getElementById('divMainMenu"+curMenuId+"')");
	obj.firstChild.style.backgroundImage="url("+imagePath+"BlueMenuCenter.gif)";
	//obj.childNodes[0].childNodes[0].childNodes[1].childNodes[0].childNodes[0].style.color=lightTextColor;
	obj.childNodes[0].childNodes[0].childNodes[1].childNodes[0].childNodes[0].className="dhd";
	var arrImg=obj.getElementsByTagName("IMG");
	for(var i=0;i<arrImg.length;i++)
	{
		arrImg[i].src=arrImg[i].src.replace("Gray","Blue");
	}	
	}
	window.onresize=resetPosition;	
}