// JavaScript Document
var OPEN = [];
var efecto = false;
function openMenu(id,idReferenc,position,left,top)
{
	
	if(!paginaCargada)
		return false;
		
	posMenu(id,idReferenc,position,left,top);
	
	

	if(Effect)
	{

		var div = $(id).getElementsBySelector('div')[0];
		if(!div)
		{
			div = new Element('div');	
			
			var links = $(id).getElementsBySelector('a');
			for(var i = 0; i< links.length ; i++)
			{
				div.appendChild(links[i])
			}
			$(id).appendChild(div);
			
			
		}

		var alto = $(id).select("div.contboton")[0].getStyle("height");
		if(alto || alto != ""  ){ $(id).setStyle({ height:alto }); }
		
		efecto = new Effect.Parallel([
		  Effect.Appear($(id),{ sync: true }), 
		  Effect.SlideDown($(id),{ sync: true,scaleX:false,scaleContent:false,scaleMode:'contents' })
		], { 
		  duration: 0.8,
		  afterFinish:function(){ if(alto  || alto != "") { $(id).setStyle({ height:alto }); } }
		});

	}
	else
	{
		$(id).toggle();
	}
	

	setTimeout("closeMenu('"+id+"')",1);
}

function posMenu(id, idReferenc, position,left,top )
{
	var position_ref = Element.cumulativeOffset($(idReferenc));
	var dimensions = Element.getDimensions($(idReferenc));
	
	var menu_dim = Element.getDimensions($(id));
	var Left = position_ref[0];
	var Top = position_ref[1];
	
	$( id ).style.position = "absolute";
	
	if(left)Left += left;
	if(top)Top += top;
	
	switch(position)
	{
		
	case "TopLeft":
					$( id ).style.top = Top+"px";
					$( id ).style.left = Left+"px";
					break;
	case "BottomLeft":
						$( id ).style.top = (Top+dimensions.height)+"px";
						$( id ).style.left = Left+"px";
					break;
	case "TopRigth":
						$( id ).style.top = Top+"px";
						$( id ).style.left = (Left-dimensions.width)+"px";
	break;
	case "BottomRigth":
						$( id ).style.top = (Top+dimensions.height)+"px";
						$( id ).style.left = (Left-dimensions.width)+"px";
	break;
	case "Center":break;
		
	}
	
	
	
}

function closeAll()
{
	
	closeMenu( 'menu1' );
	closeMenu( 'menu2' );
	closeMenu( 'menu3' );
	closeMenu( 'menu4' );
	closeMenu( 'menu5' );
}

function closeMenu( id )
{
	//debugger;
	
	if($( id ).style.display != "none" && OPEN == 0)
		$(id).toggle();//Effect.toggle($(id),'blind');	
	else
		setTimeout("closeMenu('"+id+"')",1);
	
}

function POS_MENUS()
{
	if($('menuBuyer'))
	posMenu('menuBuyer','link_menuBuyer','BottomLeft',15,-0)
	
	if($('menuSupplier'))
	posMenu('menuSupplier','link_menuSupplier','BottomRigth',10,-0)	
	
	if($('loginMenu'))
	posMenu('loginMenu','Referencia1','TopRigth')	
	
}
var paginaCargada = false;
var paginaCargada02 = false;
Event.observe(window, 'resize', POS_MENUS, false);
Event.observe(window, 'load', function(){ paginaCargada = true; }, false);
//Event.observe(document, 'dom:loaded', function(){ paginaCargada02 = true; }, false);