var gCurrTopMenuItemId	=	"";
var gTimeDelay			=	200;
var gTimeoutMenu;

//========================================================================================
function	TopMenuItemOver(pMenuTopItemId, pDivContainer)
{
	//alert(pMenuTopItemId);
	/*dùng delay ở đây để giảm bớt độ nhạy khi mở content ra, nếu không chỉ lướt chuột là hiện sẽ che mất body*/
	/*if (document.getElementById(pDivContainer).style.display != "block")
		gTimeoutMenu = setTimeout(function(){ShowCompleted(pMenuTopItemId, pDivContainer);}, gTimeDelay);
	else
		ShowCompleted(pMenuTopItemId, pDivContainer);*/
}


//========================================================================================
function	ShowCompleted(pMenuTopItemId, pDivContainer)
{
	//display div container if it doesn't display
	document.getElementById(pDivContainer).style.display =	"block";
	ChangeStyleById(pMenuTopItemId, 'MenuTop_Over');
	clearTimeout(gTimeoutMenu);

	if (pMenuTopItemId != gCurrTopMenuItemId)//display
	{
		HideMenu(gCurrTopMenuItemId);	//hide current
		ShowMenu(pMenuTopItemId);	//hide current
		gCurrTopMenuItemId	=	pMenuTopItemId;
	}	
	
}


//========================================================================================
function	HideMenu(pMenuTopItemId)
{
	HideDiv("Content_" + pMenuTopItemId);	//hide current
	ChangeStyleById(pMenuTopItemId, 'MenuTop');
}

function	ShowMenu(pMenuTopItemId)
{
	//alert("Content_" + pMenuTopItemId);
	ShowDiv("Content_" + pMenuTopItemId);	//hide current
	ChangeStyleById(pMenuTopItemId, 'MenuTop_Over');
}

//========================================================================================
function	TopMenuItemOut(pMenuTopItemId, pDivContainer)
{
	clearTimeout(gTimeoutMenu);
	gTimeoutMenu	=	setTimeout(function() { HideCompleted(pDivContainer) }, gTimeDelay);
}


//========================================================================================
function	TopMenuSubContentOver(pDivContainer)
{
	
	clearTimeout(gTimeoutMenu);
}


//========================================================================================
function	TopMenuSubContentOut(pDivContainer)
{
	clearTimeout(gTimeoutMenu);
	gTimeoutMenu	=	setTimeout(function() { HideCompleted(pDivContainer) }, gTimeDelay);
}


//========================================================================================
function	HideCompleted(pDivContainer)
{
	//alert(gCurrTopMenuItemId);
	ChangeStyleById(gCurrTopMenuItemId, 'MenuTop');
	
	HideDiv("Content_" + gCurrTopMenuItemId);	//hide current
	document.getElementById(pDivContainer).style.display =	"none";

	gCurrTopMenuItemId = 0;
	
	
}


//========================================================================================
function	CallLockMenuItem(pMenuId)
{
	//Lock event over and out
	var tMenuItem	=	document.getElementById("TopMenuItem_" + pMenuId);
	tMenuItem.onmouseover 	=	null;
	tMenuItem.onmouseout 	=	null;
	
	//active css menu
	ChangeStyleById("TopMenuItem_" + pMenuId, "MenuTop_Over");
}