// JavaScript Document


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

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();
	// close old layer
	$(ddmenuitem).css("visibility","hidden");

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	$(ddmenuitem).css("visibility","visible");
}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

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

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

// close layer when click-out
document.onclick = mclose; 
//*****************************************************************************************
jQuery(document).ready(function(){init();})

function init(){
	//alert("load jQuery");
	//return;
	/*$(".menuitem").each(function(i){if(aMenu[i+1].length>0)$(this).append("<div id='m"+(i+1)+"' onmouseover='mcancelclosetime()' onmouseout='mclosetime()'>"+aMenu[i+1]+"</div>");});
	*/
	$(".menuitem>a").hover(over, out);
}
function over(evt){
	var elm = $(this).parent().find("div")[0];	
	$(elm).css("left", ($(this).position().left-20)+"px");
	$(elm).css("top", ($(this).position().top+23)+"px");
	mopen($(elm).attr("id"));
}
function out(evt){
	mclosetime();
}