var CurrentSubContainerID = "";

var TSub = 0;
var TSubID = ""

var ProcessTime = 300;

/* main - subcontainer */

function startProcessMain(eID)
	{
	HighLightON(eID);
	
	if (TSubID != "")
		{
		window.clearTimeout(TSub);
		execHideSubItem(TSubID);
		}		
	
	if (document.getElementById(eID).className == "menuMainItemStyle" && document.getElementById(eID + "sub"))
		{ showSubItem(eID + "sub"); }
	}

function stopProcessMain(eID)
	{
	HighLightOFF(eID);

	if (document.getElementById(eID).className == "menuMainItemStyle" && document.getElementById(eID + "sub"))
		{ prepHideSubItem(eID + "sub", ProcessTime); }
	}

function startProcessSubContainer(eID, peID)
	{
	HighLightON(peID)
	if (TSubID != "")
		{
		window.clearTimeout(TSub);
		execHideSubItem(TSubID);
		showSubItem(eID)
		}		
	}

function stopProcessSubContainer(eID, peID)
	{
	HighLightOFF(peID)
	prepHideSubItem(eID, ProcessTime);
	}


function prepHideSubItem(hideID, hideTime)
	{
	TSubID = hideID; TSubShow = hideTime;
	TSub = window.setTimeout("execHideSubItem(TSubID)", TSubShow)
	}

function execHideSubItem(hideID)
	{
	document.getElementById(hideID).style.display = "none"; TSubID = "";
	if (CurrentSubContainerID != "")
		{ document.getElementById(CurrentSubContainerID).style.display = "block"; }
	}

function showSubItem(SubID)
	{
	if (CurrentSubContainerID != "")
		{ document.getElementById(CurrentSubContainerID).style.display = "none"; }
	document.getElementById(SubID).style.display = "block";
	}


/* sub - subsubcontainer */

function startProcessSub(eID)
	{
	HighLightON(eID);
	}

function stopProcessSub(eID)
	{
	HighLightOFF(eID);
	}


function HighLightON(eID)
	{
	switch (document.getElementById(eID).className)
		{
		case "menuMainItemStyle": document.getElementById(eID).style.backgroundImage = 'url(/cms/mediawatch/images/menuitems/main_over.gif)'; break;
		case "menuSubItemStyle": document.getElementById(eID).style.backgroundImage = 'url(/cms/mediawatch/images/menuitems/sub_over.gif)'; break;
		}
	}

function HighLightOFF(eID)
	{
	switch (document.getElementById(eID).className)
		{
		case "menuMainItemStyle": document.getElementById(eID).style.backgroundImage = 'url(/cms/mediawatch/images/menuitems/main.gif)'; break;
		case "menuSubItemStyle": document.getElementById(eID).style.backgroundImage = 'url(/cms/mediawatch/images/pix.gif)'; break;
		}
	}

