document.observe( "dom:loaded" , configMenu )

var vPosicaoMenu 
var vPosicaoSeta
var vSubMenuTimer = new Array()

function configMenu()
{

	vPosicaoMenu = $("links").cumulativeOffset();
	vPosicaoSeta = $("menu-seta-baixo").getDimensions();
	vLinks = $$("#links a")
	vLinks.each( function ( menuLink )	{
			menuLink.observe( "mousemove" ,  meuMenu.MouseMove.bindAsEventListener( menuLink ) );
			menuLink.observe( "mouseover" ,  meuMenu.MouseOver );
			menuLink.observe( "mouseout" ,  meuMenu.MouseOut );
			if( menuLink.hasAttribute("menu") )
			{
				var NomeSubMenu = menuLink.readAttribute("menu");
				var vDim = menuLink.getDimensions();
				var vPos = menuLink.cumulativeOffset();
				$(NomeSubMenu).style.top = (vPos.top + vDim.height + 1)  + "px" ;
				$(NomeSubMenu).style.left = parseInt(vPos.left + (vDim.width - 140)/2) + "px";
				menuLink.observe( "mouseover" ,  meuMenu.SubMenuOver.bindAsEventListener( menuLink , NomeSubMenu ) );
				$(NomeSubMenu).observe( "mouseover" ,  meuMenu.SubMenuOver.bindAsEventListener( $(NomeSubMenu) , NomeSubMenu ) );

				menuLink.observe(  "mouseout" ,  meuMenu.SubMenuOut.bindAsEventListener( menuLink , NomeSubMenu ) );
				$(NomeSubMenu).observe( "mouseout" ,  meuMenu.SubMenuOut.bindAsEventListener( $(NomeSubMenu) , NomeSubMenu ) );
				$(NomeSubMenu).observe( "mousemove" ,  meuMenu.SubMenuMove.bindAsEventListener( $(NomeSubMenu) , NomeSubMenu ) );


			}
		});

}

meuMenu = {
	MouseMove: function( vTriger )
	{
		var vMenu = Event.element(vTriger);
		$("menu-seta-baixo").style.top = ( vPosicaoMenu.top - vPosicaoSeta.height - 1 + 25) + "px";
		$("menu-seta-baixo").style.left = Event.pointerX(vTriger) + "px" 	
	},
	MouseOver: function() {
		$("menu-seta-baixo").style.display = "block";
	},

	MouseOut: function() {
		$("menu-seta-baixo").style.display = "none";
	},

	SubMenuOver: function( e ) {

		vMenu = $A(arguments)[1];
		if( vSubMenuTimer[vMenu] )
			{clearTimeout(vSubMenuTimer[vMenu]);}
		$( vMenu ).style.display = "block"
	},

	SubMenuOut: function( e , vMenu ) {
		vMenu = $A(arguments)[1];
		$("menu-seta-direita").style.display = "none";
		vSubMenuTimer[vMenu] = setTimeout("$('" + vMenu + "').style.display = 'none'" , 20);
	},

	SubMenuMove:function( e , vMenu ) {
		vMenu = $A(arguments)[1];
		vPos = $(vMenu).cumulativeOffset();
		$("menu-seta-direita").style.display = "block";
		$("menu-seta-direita").style.top =  Event.pointerY(e) + "px";
		$("menu-seta-direita").style.left = vPos.left - 12 + "px" 	
	}

	
}