var menuArray = new Array();



function popupMenu(id)
{

	menuArray[id] = 'false';
		
	menuleft = document.getElementById('menu-'+id).offsetLeft;
	menutop =  document.getElementById('menu-'+id).offsetHeight;
	menuHeight = parseInt(document.getElementById('drop-menu-'+id).scrollHeight)-2;
	//menuHeight = 50;
	//alert(menuHeight);
	
	//document.getElementById('menu-'+id).style.background = 'url(images/menu-hover-bck.jpg) repeat-x';
	document.getElementById('menu-'+id).style.cursor = 'pointer';


	if (document.getElementById('drop-menu-'+id).offsetHeight>5)
	{
		document.getElementById('drop-menu-'+id).style.border =  '1px solid #CCCCCC';
	}

	document.getElementById('drop-menu-'+id).style.left =  menuleft+'px';
	document.getElementById('drop-menu-'+id).style.top =  menutop+'px';
	
	document.getElementById('drop-menu-'+id).style.visibility = 'visible';
	
	mySlide = new Fx.Slide('drop-menu-'+id);
	mySlide.toggle();
	
	
	
	
	
	
	
	//document.getElementById('drop-menu-'+id).style.height = 0+'px';

	
	//growMenu(menuHeight, id);
	//Effect.Appear(document.getElementById('drop-menu-'+id), {duration: 0});
	//document.getElementById('drop-menu-'+id).style.height = '100px';
	
}

function growMenu(realHeight, id)
{
	
	if (parseInt(document.getElementById('drop-menu-'+id).style.height) < (realHeight))
	{
		document.getElementById('drop-menu-'+id).style.height = (parseInt(document.getElementById('drop-menu-'+id).style.height)+10)+'px'; 
		
		setTimeout("growMenu("+realHeight+","+id+")", 5);
		//growMenu(realHeight, id);
	}
	else
	{
		document.getElementById('drop-menu-'+id).style.height = realHeight+'px';
	}

}


function keepMenu(id)
{
	menuArray[id] = 'true';
}

function hideMenu(id)
{
	//document.getElementById('menu-'+id).style.background = 'url(images/menu-hover.jpg) repeat-x';
	document.getElementById('menu-'+id).style.cursor = 'auto';
	
	//mySlide = new Fx.Slide('drop-menu-'+id);
	//mySlide.hide();
	
	//mySlide.toggle();
	
	
	
	document.getElementById('drop-menu-'+id).style.visibility = 'hidden';
	//Effect.Fade(document.getElementById('drop-menu-'+id), {duration: 0.5});
	//document.getElementById('drop-menu-'+id).style.left = 0;
}

function hideMenuTime(id)
{
	menuArray[id] = 'false';
	setTimeout("hideMenuTimeout("+id+")" , 50);
}


function hideMenuTimeout(id)
{
	if (menuArray[id] == 'false')
	{
		hideMenu(id);
	}
}

function hideMenuNow(id)
{
	menuArray[id] = 'false';
	hideMenu(id);
}