//================================================================================================================================//
	function GetEventElement(event)
	{
		if(event ==  undefined)
			event = window.event;
		var Element = undefined;
		if(event.srcElement!=undefined)
			Element =  event.srcElement;
		else
			Element =  event.target;
		
		return Element;
	}
//===============Main Menu=====================//	
	function OnClickMainMenu(event)
	{
		var content=document.getElementById("content");
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];
		if(item.id=="Contact")
			window.open(MenuLink['Contact']);
		else
			content.src=MenuLink[item.id];
	}
	
	function OnMainMenuOver(event)
	{
		var item=GetEventElement(event);

		while(item.tagName.toLowerCase()!="td")
			item=item.parentNode;
		item.style.cursor="hand"; 
		item.style.cursor="pointer";
		item.style.background="#99DD00";
		
		while(item.tagName.toLowerCase()!="span")
				item=$(item).find("span")[0];
	
		if(item.id=="ProductLine"||item.id=="Video")
		{
			CreatePopupMenu(item);		
			event.cancelBubble=true;
		}
		else
			ClosePopMenu();		
		
	}	
	
	function OnMainMenuOut(event)
	{	
		var item=GetEventElement(event);
		while(item.tagName.toLowerCase()!="td")
			item=item.parentNode;
		
		item.style.background="#669933";	
	}	
//===============Popup Menu=====================//		
	function OnPopupMenuOver(event)
	{			
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];

		while(item.tagName.toLowerCase()!="tr")
			item=item.parentNode;
		item.style.backgroundColor="#DDDDDD";	
		item.style.cursor="hand"; 
		item.style.cursor="pointer";		
	}
	
	function OnPopupMenuOut(event)
	{	
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];

		while(item.tagName.toLowerCase()!="tr")
			item=item.parentNode;
		item.style.backgroundColor="#DDFF77";		
	}
	
	function CreatePopupMenu(item)
	{
		if(item.id!="ProductLine" && item.id!=="Video") return;
		var menu=document.getElementById("popup_menu");
		var shtml="";
		var sMouseLeave="onMouseLeave='OnPopupMenuOut(event);' onMouseOut='OnPopupMenuOut(event);'";
		var sMouseOver="onMouseOver='OnPopupMenuOver(event);'";
		var sOnclick="onclick='OnClickPopupMenu(event);'";
		var sStyle="class='style_popupsubmenu'";
		for(var key in PopupMenu)
		{
			var keyitems=key.split("_");
			var parentid=keyitems[0];
			if(parentid==item.id)
				shtml+="<tr height='25' bgcolor='#DDFF77' align='center'"+sOnclick+sMouseOver+sMouseLeave+"><td><span id='"+key+"' "+sStyle+">"+PopupMenu[key]+"</span></td></tr>";	
		}
		menu.innerHTML="<table bgcolor='#ffffff' width='189' border='0' cellpadding='0' cellspacing='1'>"+shtml+"</table>";
		menu.style.visibility="visible";
		var x=(document.body.scrollWidth-960)/2;
		if(item.id=="ProductLine")
		{
			if($.browser.msie)
			{
				menu.style.left=(x+202)+"px";
				menu.style.top="210px";
			}
			else
			{
				if(x>0)
					menu.style.left=(x+210)+"px";
				else
					menu.style.left="210px";
				menu.style.top="202px";
			}
		}
		else if(item.id=="Video")
		{
			if($.browser.msie)
			{
				menu.style.left=(x+390)+"px";
				menu.style.top="210px";
			}
			else
			{
				if(x>0)
					menu.style.left=(x+398)+"px";
				else
					menu.style.left="398px";
				menu.style.top="202px";
			}
		}		
	}
	
	function OnClickPopupMenu(event)
	{

		var content=document.getElementById("content");
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];
		content.src=MenuLink[item.id];	
	}
	
	function ClosePopMenu()
	{		
		var menu=document.getElementById("popup_menu");
		menu.style.visibility="hidden";
	}
	
	function OnBodyClick(event)
	{
		ClosePopMenu();			
	}
	
//==========Product List Menu===============//
	function OnClickProductListMenu(event)
	{		
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];	
		if(item.id=="ProductList")	
		{
			var img=document.getElementById("productlist_expandimg");
			if(item.title=="expand")
			{
				ExpandProductListMenu(true);
				item.title="unexpand";
				img.src="image/unexpand.jpg";
			}
			else
			{
				ExpandProductListMenu(false);
				item.title="expand";
				img.src="image/expand.jpg";
			}
		}
		else
			ExpandProductListMenu(false,item.id);
	}
	
	function OnClickProductListSubMenu(event)
	{		
		var content=document.getElementById("content");
		var item=GetEventElement(event);
		while(item && item.tagName.toLowerCase()!="span")
			item=$(item).find("span")[0];
		//	item=item.childNodes[0];
		content.src=MenuLink[item.id];
	}
	
	function ExpandProductListMenu(bExpandAll, parentid)
	{			
		var shtml="";
		var sMenuOver="onMouseOver='OnMainMenuOver(event);'";
		var sMenuLeave="onMouseLeave='OnMainMenuOut(event);' onMouseOut='OnMainMenuOut(event);'";
		var sOnclickMenu="onclick='OnClickProductListMenu(event)'";
		var sSubMenuLeave="onMouseLeave='OnProductListSubMenuOut(event);' onMouseOut='OnProductListSubMenuOut(event);'";
		var sSubMenuOver="onMouseOver='OnProductListSubMenuOver(event);'";		
		var sOnclickSubMenu="onclick='OnClickProductListSubMenu(event)'";
		var menulist=document.getElementById("menulist");		
		for(var key in ProductListMenu)
		{				
			var mid=key.split("_");
			if(mid.length<2)//main menu
			{
				var sSpan="<span id='"+key+"' class='style_menu'>"+ProductListMenu[key]+"</span>";
				shtml+="<tr align='left' height='25' bgcolor='#669933'><td "+sOnclickMenu+sMenuOver+sMenuLeave+">"+sSpan+"</td></tr>";		
			}	
			else if(bExpandAll)//all sub menu
			{	
				var sSpan="<span id='"+key+"' class='style_submenu'>"+ProductListMenu[key]+"</span>";
				shtml+="<tr align='left' height='33' bgcolor='#000000' "+sSubMenuLeave+sSubMenuOver+sOnclickSubMenu+"><td>"+sSpan+"</td></tr>";			
			}
			else if(parentid==mid[0])//partial sub menu
			{
				var sSpan="<span id='"+key+"' class='style_submenu'>"+ProductListMenu[key]+"</span>";
				shtml+="<tr align='left' height='25' bgcolor='#000000' "+sSubMenuLeave+sSubMenuOver+sOnclickSubMenu+"><td>"+sSpan+"</td></tr>";			
			}			
		}		
		menulist.innerHTML="<table width='100%' border='0' cellpadding='0' cellspacing='1'>"+shtml+"</table>";	
		
	}	
	
	function OnProductListSubMenuOver(event)
	{					
			var item=GetEventElement(event);
			var span;
			var tagname=$(item).attr("tagName").toLowerCase();			
			if(tagname=="span")
				span=$(item);
			else if(tagname=="td"||tagname=="tr")
				span=$(item).find("span");
			span.css({'color':'#000000'});
			span.parent().parent().css({'background':'#DDDDDD', 'cursor':'pointer'});	
	}
	
	function OnProductListSubMenuOut(event)
	{	
			var item=GetEventElement(event);
			var span;
			var tagname=$(item).attr("tagName").toLowerCase();
			
			if(tagname=="span")
				span=$(item);
			else if(tagname=="td"||tagname=="tr")
				span=$(item).find("span");
			span.css({'color':'#CCCCCC'});
			span.parent().parent().css({'background':'#000000', 'cursor':'pointer'});	
	}