
function oucher_menu(_text,_href)
{
	this.text=_text
	this.href=_href
	this.idtext="oucher_213"
	this.itemtext="oucher_menu_temp"
	this.color1="#B6BDD2"//鼠标经过颜色
	this.color2="#FFFFFF"//正常颜色
	this.color3="#DBD8D1"//图标背景色
	this.color4="#000000"//边框
	this.color5="#000000"//阴影
	this.color6="#000000"//文字颜色
	this.menuwidth=125
	this.timeout=200
	this.activemenu=null;
	this.img=""
	this.menus=[];
	this.fuqin=null;
	this.szhtml=""
	//this.szhtml="<a href="+this.href+" >"+this.text+"</a>"
	this.dfhtml=""
	this.divobj=function()
	{
		  try {
			var temp=eval(this.idtext);
			return temp;
		  }
		  catch(e) {
			return null;
		  }


	}
	this.show=function()
	{
		

		//alert(this.idtext)
		var _root=this.root(this)
		//if (this!=_root)
		//alert()
		this.hide()
		if(this.menus.length==0)
		return ;		
		var obj=this
		do
		{

				obj.divobj().style.visibility="visible"

				if (!obj.fuqin) break;
				obj.fuqin.activemenu=obj
				var obj=obj.fuqin
			
		}while(obj)
	}
	this.hide=function()
	{

		var _root=this.root(this)
		if(_root.hideevent)
		clearTimeout(_root.hideevent)
		var obj=_root

		do
		{
			var obj1
		
			obj.divobj().style.visibility="hidden";
			var obj1=obj.activemenu;
			if (!obj1) break;
			obj.activemenu=null;
			var obj=obj1
		}while(obj)
	}	
	this.outevent=function()
	{

		var _root=this.root(this)
		if(_root.hideevent)
		clearTimeout(_root.hideevent)
		_root.hideevent=setTimeout(this.itemtext+".hide()",this.timeout)
	}		
	this.add=function(_text,_href)
	{
		this.menus[this.menus.length]=new oucher_menu(_text,_href)
		this.menus[this.menus.length-1].fuqin=this
		this.menus[this.menus.length-1].idtext=this.idtext+"_"+this.menus.length
		this.menus[this.menus.length-1].itemtext=this.itemtext+".menus["+(this.menus.length-1)+"]"		
		return this.menus[this.menus.length-1]
	}
	this.addmenu=function(menu)
	{
		menu.idtext=this.idtext+"_"+this.menus.length
		this.menus[this.menus.length]=menu
		this.menus[this.menus.length-1].fuqin=this
		this.menus[this.menus.length-1].itemtext=this.itemtext+".menus["+(this.menus.length-1)+"]"
	}
	this.makehtml=function()
	{


			//this.getdfhtml()
//			this.szhtml=this.dfhtml



			if(this.menus.length!=0)
			{
			this.szhtml+='<div id="'+this.idtext+'" style="cursor:hand;position:absolute;over-flow;auto;width:1px; height:1px; z-index:1; visibility: hidden;"><table width="125"  border="0" cellspacing="1" cellpadding="0" bgcolor="'+this.color4+'"  ><tr><td>'

				this.szhtml+='<table width="'+this.menuwidth+'"  border="0" cellspacing="0" cellpadding="0">'			
				for(var i=0;i<this.menus.length;i++)
				{
					this.menus[i].makehtml()
					this.szhtml+='<tr >'
					this.szhtml+='<td width="24"  height="24"   bgcolor="'+this.color3+'"'
					this.szhtml+='onMouseOver=\"event.cancelBubble=true;'+this.itemtext+'.show()\" onMouseOut=\"event.cancelBubble=true;'+this.menus[i].itemtext+'.outevent()\"'		
											
					if (this.menus[i].img=="")
					this.szhtml+='></td>'
					else
					this.szhtml+='>'+this.menus[i].img+'</td>'

					this.szhtml+='<td bgcolor="#FFFFFF"'
					if(this.menus[i].menus.length!=0)
					{
						this.szhtml+='onMouseOver=\"event.cancelBubble=true;this.bgColor=\''+this.color1+'\';'+this.menus[i].itemtext+'.show()\" onMouseOut=\"event.cancelBubble=true;this.bgColor=\''+this.color2+'\';'+this.menus[i].itemtext+'.outevent()\"'
					}
					else
					
					{
						this.szhtml+='onMouseOver=\"event.cancelBubble=true;this.bgColor=\''+this.color1+'\';'+this.itemtext+'.show()\" onMouseOut=\"event.cancelBubble=true;this.bgColor=\''+this.color2+'\';'+this.menus[i].itemtext+'.outevent()\"'					
					}
					
					this.szhtml+='><table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0"><tr><td>'+'<a href="'+this.menus[i].href+'"><font color="'+this.color6+'">'+this.menus[i].text+'</font></a></td>'
					if(this.menus[i].menus.length!=0)
					{					
					this.szhtml+= '<td width="24"  align="center">▼' +this.menus[i].szhtml + '</td>'
					}
					this.szhtml+='</tr></table></td></tr>'
				}
				this.szhtml+='</table>'
			this.szhtml+='</td></tr></table></div>'
			}
}

	this.root=function(obj)
	{
		if(obj.fuqin)
			return obj.fuqin.root(obj.fuqin)
		else
			return obj
	}
	this.draw=function()
	{

		this.makehtml()
	
		if(this.divobj())		
		{

		this.divobj().outerHTML=''
	
		}

		document.write(this.szhtml)

	}
	
	return this;
}
