// JavaScript Document

var maxbtEvent = 10;	//最多支持10个动态按钮
var maskid = "maskbox"; //菜单半透明背景id
var menuid = "menubox"; //菜单id

var nowActiveBt = -1;    //当前活动菜单

var n_normal = "funbutton_normal"; 
var n_over = "funbutton_over";
var n_select = "funbutton_select";
//var n_down = "funbutton_down";

var isIE = document.all && window.external;


var maskobj = null;
var menuobj = null;


var m_menu = [{0:"index.html"},{1:""},{2:""},{3:""},{4:""}];


var m_menutext = new Array(new Array(),
						   new Array("网维大师","网吧星传媒","顺网实验室","蝌蚪娱乐"),
						   new Array("下载中心","帮助中心","顺网大联盟"),
						  // new Array("关于顺网","媒体中心","合作伙伴","加入顺网"),
						   new Array("顺网介绍","企业文化","顺网招聘","媒体中心"),
						   new Array("互动论坛 ","网维问吧 "));


var m_menuhref = new Array(new Array(),
						   new Array("prod.html","<new>http://www.icafe28.com/","product.html","<new>http://www.kedou.com/"),
						   new Array("down.html","help.html","<new>/temp/dlm/"),
						   //new Array("about.html","mtzx.html","<new>/temp/dlm/","friend.html","join.html"),
						   new Array("swjianjie.html","qiyewenhua.html","swjob.html","mtzx.html"),
						   new Array("<new>http://bbs.icafe8.com/","<new>http://ask.icafe8.com/"));


function getReady() //初始化
{

	maskobj = document.getElementById(maskid);
	menuobj = document.getElementById(menuid);
	
	maskobj.onmouseout = function(){
		isMouseOut();
	}
	

	
	addEvents("menubt",1);
}



function isMouseOut(){ //鼠标是否移开 
	   
	//if(!document.all){
	//	document.captureEvents(Event.MOUSEMOVE);
	//}
	document.onmousemove = mouseMove;
	
}


function mouseMove(e){
	var x,y;
	if(!document.all){
		x=e.pageX; 
		y=e.pageY;
	}else{
		x=document.body.scrollLeft+event.clientX;
		y=document.body.scrollTop+event.clientY; 
	}
		
	var menubt = document.getElementById("menubt_"+nowActiveBt);
	
	var objpos = getAbsolutePosition(maskobj);
	var objsize = getAbsoluteSize(maskobj);
	
	if(x<objpos.x || x>objpos.x+objsize.width || y<objpos.y || y>objpos.y+objsize.height)
	{
		var objpos2 = getAbsolutePosition(menubt);
		var objsize2 = getAbsoluteSize(menubt);
		
		if(x<objpos2.x || x>objpos2.x+objsize2.width || y<objpos2.y || y>objpos2.y+objsize2.height+20)
		{
			
			maskobj.style.display = "none";
			menuobj.style.display = "none";
			menubt.className = n_normal;
			document.onmousemove = null;			
		}
	}
	
		
	
}


var rootmenu = new Array;

function clearMenu(obj){ //清空菜单表格
	var obj_table = obj; 
	for(var i=obj_table.rows.length-1; i>=0;i--)
	{
		obj_table.deleteRow(i);
	}
}


function drawMenu(index){

	var obj = document.getElementById(menuid);
	clearMenu(obj); 
	
	var j=index;
		
		for(var i=0;i<m_menutext[j].length;i++)
		{
			var tr = obj.insertRow(-1); tr.id = "fun_" + i; tr.className = "menu_tr";
			var td1= tr.insertCell(-1);	td1.innerHTML = '<img src="images/m_left_t.gif" />';	
			var td2= tr.insertCell(-1);	td2.innerHTML = m_menutext[j][i];						
			var td3= tr.insertCell(-1);	td3.innerHTML = '';										
			
			td1.id="left_" + i;
			td2.id="text_" + i;
			td3.id="right_" + i;
			
			td1.className="menu_left";
			td2.className="menu_text";
			td3.className="menu_right";
			
			tr.onmouseover = function(){
				
				var mid = jsright(this.id,1);
				var m1 = document.getElementById("left_" + mid);
				var m2 = document.getElementById("text_" + mid);
				var m3 = document.getElementById("right_" + mid);
				
				m1.style.backgroundImage = "url('images/m_left.gif')";
				m2.bgColor = "#13a3e7";
				m3.style.backgroundImage = "url('images/m_right.gif')";
								
			}
			
			tr.onmouseout = function(){
				
				var mid = jsright(this.id,1);
				var m1 = document.getElementById("left_" + mid);
				var m2 = document.getElementById("text_" + mid);
				var m3 = document.getElementById("right_" + mid);
				
				m1.style.backgroundImage = "url('images/m_left_t.gif')";
				m2.bgColor = "";
				m3.style.backgroundImage = "";
			}
			
			tr.onclick = function(){
				
				var mid = jsright(this.id,1);
				var url = m_menuhref[index][mid];
				
				if(jsleft(url,5)=="<new>")
				{
					window.open(jsright(url,url.length-5));	
				}else
				{
					window.location.href=url;
				}
				
				
				
			}

			
			document.body.appendChild(obj);
		}
	
	
}



function movebox(obj,m_left,m_top,m_width,m_height){//显示并设置半透明菜单的位置

	if(obj==null)return false;
	obj.style.left = m_left + "px";
	obj.style.top = m_top + "px";
	if(m_width!=null)obj.style.width = m_width + "px";
	if(m_height!=null)obj.style.height = m_height + "px";	
}



function addEvents(objId,curId){ //添加按钮事件
	
	var objs = new Array;
	for(var j=0;j<maxbtEvent;j++) 
	{
		var bt = objId+"_"+j;
		var obj = document.getElementById(bt);
		if(obj!=null)objs.push(obj);
	}	
	
	for(var i=0;i<objs.length;i++)
	{	
		objs[i].onmouseover = function()
		{	
			for(var l=0;l<maxbtEvent;l++)
			{
				var tmpobj = document.getElementById("menubt_" + l);
				if(tmpobj!=null)
				{
					 //tmpobj.className == n_select;
					 if(tmpobj.className == n_select) tmpobj.className = n_normal;
				}
			}
			
			
			if(this.className==n_normal)
			{					
				if(jsright(this.id,1)>0)
				{	//如果不是首页则绘制菜单
					this.className = n_select;			
					drawMenu(jsright(this.id,1)); 
					var pos = getAbsolutePosition(this);
					
					pos.y += 30;//30是按钮的高度
					if(isIE)pos.y+=5;  //修正位置
	  
					maskobj.style.display = "inline";
					menuobj.style.display = "inline";
					
					var size = getAbsoluteSize(menuobj);
					movebox(maskobj,pos.x,pos.y,size.width+20,size.height+20);
					movebox(menuobj,pos.x+10,pos.y+10);
					
					nowActiveBt = jsright(this.id,1);
				}
				
			}
		}
		
		objs[i].onmouseout = function()
		{			
			if(this.className==n_over)
			{
				isMouseOut();
			}			
		}
		
		objs[i].onmousedown = function()
		{
			for(var i=0;i<objs.length;i++)
			{
				objs[i].className = n_normal;
			}			
			this.className = n_select;
			
			var _thisindex = jsright(this.id,1);
			
			var url = m_menu[0][_thisindex];
			if(url!="")
			{
				if(jsleft(url,5)=="<new>")
				{
					window.open(jsright(url,url.length-5));	
				}else
				{
					window.location.href=url;
				}				
			}			
		}	
	}
	
}





///////////////////// 修正IE6中无法用getElementsByName获得对象.
function getElementsByName_iefix(tag, name) {

     var elem = document.getElementsByTagName(tag);
     var arr = new Array();
     var iarr,att,iarr;
     for(i = 0,iarr = 0; i < elem.length; i++) {
          att = elem[i].getAttribute("name");
          if(att == name) {
               arr[iarr] = elem[i];
               iarr++;
          }
     }

     return arr;
}
///////////// 左边的字符
function jsleft(lefts,leftn) 
{ 
	var sl=lefts; 
	sl = sl.substring(0,leftn); 
	return sl; 
}
///////////// 右边的字符
function jsright(rights,rightn) 
{ 
	var sr=rights; 
	sr = sr.substring(sr.length-rightn,sr.length); 
	return sr; 
}

////////////////////////////////////////获得DIV绝对位置
function getAbsolutePosition(obj)
{
	position = new Object();
	position.x = 0;
	position.y = 0;
	var tempobj = obj;
		while(tempobj!=null && tempobj!=document.body)
		{
			if(isIE)
			{
				position.x += tempobj.offsetLeft;
				position.y += tempobj.offsetTop;
			}
			else
			{
				position.x += tempobj.offsetLeft;
				position.y += tempobj.offsetTop;
			}
			tempobj = tempobj.offsetParent;
		}
	return position;
}



////////////////////////////////////////获得DIV绝对尺寸
function getAbsoluteSize(obj)
{
	size = new Object();
	size.width = obj.clientWidth;
	size.height = obj.clientHeight;
	return size;
}