var oIntervalTimer = null;

function Show(oPageElement, sLayerID)
{
	HideAll(sLayerID)
	ClearTimer()
	ShowMenu(oPageElement, sLayerID)
}

function ShowMenu(oPageElement, sLayerID)
{
	//1. Swap the image
	SwapImage('img'+ sLayerID, '/images/btn'+ sLayerID +'_over.gif')

	//2. Show the layer
	var oLayer = document.getElementById('lay'+ sLayerID);
	if(oLayer != null)
	{
		MoveTo(oLayer, oPageElement.offsetLeft + (b.ff? 0:1) + (b.ff? "px":""), oPageElement.offsetTop + (b.ff? 30:31) + (b.ff? "px":""))
		oLayer.style.visibility = "visible";
	}
}

function Hide(sLayerID)
{
	oIntervalTimer = setTimeout('HideMenu("'+ sLayerID +'")', 125)
}

function HideMenu(sLayerID)
{
	//1. Swap the image
	SwapImage('img'+ sLayerID, '/images/btn'+ sLayerID +'.gif')

	//2. Hide the layer
	var oLayer = document.getElementById('lay'+ sLayerID);
	if(oLayer != null)
	{
		oLayer.style.visibility = "hidden";
		MoveTo(oLayer, -500 + (b.ff? "px":""), -500 + (b.ff? "px":""))
	}
}

function HideAll(sLayerExcludeID)
{
	for(i = 0; i < sCategoryArray.length; i++)
	{
		HideMenu(sCategoryArray[i])
	}
}

function ClearTimer()
{
	clearTimeout(oIntervalTimer)
}

function MoveTo(oLayer, sLeft, sTop)
{
	oLayer.style.left = sLeft
	oLayer.style.top = sTop
}