var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;
var menu_parent = 0;

// open hidden layer
function show_menu(id)
{	
	// cancel close timer
	cancel_menu_timeout();

	// close old layer
	if(ddmenuitem){
		/*ddmenuitem.style.visibility = 'hidden';*/
		ddmenuitem.style.display = 'none';		
		menu_parent.style.background = '';
		menu_parent.style.color = '';
	}

	// get new layer and show it
	ddmenuitem = document.getElementById(id+'_children');
	menu_parent = document.getElementById(id);
	ddmenuitem.style.display = 'block';	
/*	ddmenuitem.style.visibility = 'visible';	*/
	//menu_parent.style.background = '#111111';
	//menu_parent.style.color = '#ccc';
}
// close showed layer
function mclose()
{
	if(ddmenuitem){		
		/*ddmenuitem.style.visibility = 'hidden';	*/
		ddmenuitem.style.display = 'none';	
		menu_parent.style.background = '';
		menu_parent.style.color = '';

	}
}

// go close timer
function menu_timeout()
{
	closetimer = window.setTimeout(mclose, timeout);

}

// cancel close timer
function cancel_menu_timeout()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 
/*
function show_menu(id,width,x_pos,y_pos){
	
	if(navigator.appName == "Microsoft Internet Explorer"){
		//to do: avoid this cheat
		menu = new Array();
		
		menu['categories'] = -86;
		menu['marketplace'] = -99;
		menu['membership'] = -91;
		menu['advertise'] = -77;
		menu['resources'] = -84;	
		
		x_pos = menu[id];
		y_pos = y_pos +15;		
	}
		
	parentMenu = document.getElementById(id);
	parentMenu.style.background = "#FCFCFA";
	parentMenu.style.color = "#999999";	
	childMenu = document.getElementById(id+"_children");
	childMenu.style.display = '';
	childMenu.style.width = width+'px';	
	childMenu.style.marginLeft = x_pos+'px';
	childMenu.style.marginTop = y_pos +'px';
}

function hide_menu(id){
	parentMenu = document.getElementById(id);
	parentMenu.style.background = "";
	parentMenu.style.color = "";	
	childMenu = document.getElementById(id+"_children");
	childMenu.style.display = 'none';
}*/