var Menu = {
	contador: new Array(),
	ApareceMenu : function ( vMenu , vLink ) {
		clearTimeout( Menu.contador[vMenu] )
		oMenu = $( vMenu );
		oLink = $(vLink);		
		oMenu.setStyle({"display":"block"});
		var Dimensao = oLink.getDimensions();
		var Posicao = oLink.cumulativeOffset();
		
		/* oMenu.style.top = (Posicao.top + Dimensao.height + 12) + "px"; */
		/* oMenu.style.left = (Posicao.left + Dimensao.width + (-277)) + "px"; */
		$("formMenu").style.left = (Posicao.left + Dimensao.width + (-277)) + "px";
		$("formMenu").style.top = (Posicao.top + Dimensao.height + 12) + "px";
		$("menuServico").style.left = (Posicao.left + Dimensao.width + (-545)) + "px";
		$("menuServico").style.top = (Posicao.top + Dimensao.height + 10) + "px";
		/* oMenu.style.left = Posicao.left + "px"; */
	},
	SomeMenu : function SomeMenu( vMenu ) {
		$( vMenu ).setStyle( {"display":"none"});
	},
	cancelaEsconde: function ( vMenu ) {
		clearTimeout( Menu.contador[vMenu] )
	}, 
	testaEsconder : function ( vMenu ) {
		vfuncao = "Menu.SomeMenu( '" + vMenu + "' )";	
		Menu.contador[vMenu] = setTimeout( vfuncao , 380 );
	}
}

document.observe("dom:loaded" , function () {	
	$("link1").observe( "mouseover" , Menu.ApareceMenu.bind( null,  "menuServico" , "link1"  )  );
	$("link1").observe( "mouseout" , Menu.testaEsconder.bind( null, "menuServico" , "link1") );
	$("menuServico").observe( "mouseover" , Menu.cancelaEsconde.bind( null, "menuServico", "link1" ) );
	$("menuServico").observe( "mouseout" , Menu.testaEsconder.bind( null, "menuServico", "link1" ) );
	
	$("link2").observe( "click" , Menu.ApareceMenu.bind( null,  "formMenu" , "link2"  )  );
	$("link2").observe( "mouseout" , Menu.testaEsconder.bind( null, "formMenu" , "link2") );
	$("formMenu").observe( "mouseover" , Menu.cancelaEsconde.bind( null, "formMenu", "link2" ) );
	$("formMenu").observe( "mouseout" , Menu.testaEsconder.bind( null, "formMenu", "link2" ) );
} )