﻿        var menuobj=null;
        var menuonmousetf=true;
         function getmenuover(e,i) 
        {  
			if (menuobj!=null && menuobj==e){
				menuobj.className="1";
				menuobj=null;
			}
			
			menuobj=e;
            var t=e.offsetTop;  
            var l=e.offsetLeft;  
        	 
            while(e=e.offsetParent) 
            {  
              t+=e.offsetTop;  
              l+=e.offsetLeft;  
            }  
        	 
            if (geties()==1)
	            {t+=16;l-=12}
            else	
	            {t+=26; }//l+=14;
            var divs=document.getElementById("menu_"+i);
            divs.className="menus";
            divs.style.cssText="left:"+l+"px; top:"+t+"px; ";
           

        }  	   
        function geties()
        {
           if(navigator.userAgent.indexOf("MSIE")>0)return 1;
           if(isFirefox=navigator.userAgent.indexOf("Firefox")>0)return 2;
           if(isSafari=navigator.userAgent.indexOf("Safari")>0)return 3;   
           if(isCamino=navigator.userAgent.indexOf("Camino")>0)return 4;
           if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0)return 5;
           return 0;
        }
        function getmenushow(e)
        {
            e.className="menus";
            menuobj.className="overmenu";
            
        }

        function getmenunone(i)
        {
            if(menuonmousetf){ 
             document.getElementById("menu_"+i).className="menuh";
		     menuobj.className="";
		     }
        }
        function setheaderon()
        {
            var i=1;
               $('menu').childElements().each(function(el){
                el.childElements().each(function(a,index){
                index=i;
                a.onmouseover =function(){getmenuover(this,index);}
                a.onmouseout=function(){menuonmousetf=true;setTimeout(function(){getmenunone(index);},10);}
                 
                })
                  i++
                 // alert(el.innerHtml);
                })
                
                 $('menu_body').childElements().each(function(el,i){
                    el.onmouseover =function(){menuonmousetf=false;getmenushow(this);}
                    el.onmouseout=function(){menuonmousetf=true;getmenunone(i+1);}
                   
                  })
        }
       Event.observe(window, 'load',function(){
            setheaderon();
        });