function hoverMenu()
{
  $$("div.dropmenu").addEvent('mouseleave', dispNone);
}

function getPositions(el) 
		{
    	var SL = 0, ST = 0;
    	var is_div = /^div$/i.test(el.tagName);
    	if (is_div && el.scrollLeft) SL = el.scrollLeft;
			if (is_div && el.scrollTop)  ST = el.scrollTop;
			
			var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
			
    	if (el.offsetParent) {
    		var tmp = getPositions(el.offsetParent);
    		r.x += tmp.x;
    		r.y += tmp.y;
    	}
    	return r;
    };
		
function hover(e)
{
  m=getPositions(e);
  id=e.className.substring(5);
	if(e.src.indexOf("-a")==-1) e.src=e.src.substr(0,e.src.length-4)+"-a.gif";
	for(i=1;i<7;i++)
	{
  men=document.getElementById("dropmenu"+i);
	//alert(men);
	if(men==undefined) continue;
	if(i==id)  
  	{
    	as=men.getElementsByTagName("a");
		if(as.length!=0) 
		{
		men.style.top=m.y+"px";
    	men.style.left=m.x+"px";
    	disp="block";
		}
  	}
  	else disp="";
  	men.style.display=disp;
	}
}

function dispNone()
{
this.style.display="";
img=document.getElementById("nav").getElementsByTagName("img")[this.id.substr(8)-1];
out(img);
}

function out(img)
{
if(img.src.indexOf("-a")!=-1) img.src=img.src.substring(0,img.src.length-6)+".gif";
}