var browser = (navigator.appName.indexOf('Microsoft')!=-1) ? "IE" : "Moz";

// user clicked a top menu item, and on page reload it needs to remain highlighted
function expandTopMenuOnLoad(topmenuid)
{
	highlightTopMenuItem(topmenuid);
	keepTopItemHighlighted(topmenuid);
}


// user clicked a sub menu item, and on page reload it needs to remain highlighted
function expandSubMenuOnLoad(submenuid, divitemid)
{
	unfoldSubMenu(submenuid);
	mouseOverSubItem(divitemid);
	keepSubItemHighlighted(submenuid, divitemid);
}


// highlight top menu item
function highlightTopMenuItem(topmenuid)
{
	var elems = document.forms[0].getElementsByTagName("div");
	for (var i = 0; i < elems.length; i++)
		if (elems[i].id.indexOf('topmenuitem_') != -1)
			elems[i].className = (elems[i].id == topmenuid) ? 'topmenuitemhighlighted' : 'topmenuitem'
}


// remove highlight from top menu item
function unHighlightTopMenuItem(topmenuid)
{
	// A highlighted item from a different page should not be affected by this
	if(topmenuid.indexOf('topmenuunfolded_') != -1)
		return;

	document.getElementById(topmenuid).className = 'topmenuitem';
}


// find submenu and change its class name to obtain visibility instead of invisible
function unfoldSubMenu(submenuid)
{
	var elems = document.forms[0].getElementsByTagName("div");
	for (var i = 0; i < elems.length; i++)
		if (elems[i].id.indexOf('submenu_') != -1)
			elems[i].className = (elems[i].id == submenuid) ? 'submenuvisible' : 'submenuinvisible'
}


// mouse over sub item event 
function mouseOverSubItem(divitemid)
{
	// An already highlighted item from a different page should not be affected by this
	if(divitemid.indexOf('divsubmenuitem_highlighted_') != -1)
		return;

	document.getElementById(divitemid).className = 'selectedsubmenuitem';
}


// mouse out sub item event
function mouseOutSubItem(divitemid)
{
	// An already highlighted item from a different page should not be affected by this
	if(divitemid.indexOf('divsubmenuitem_highlighted_') != -1)
		return;

	document.getElementById(divitemid).className = 'submenuitem';
}


function keepTopItemHighlighted(topmenuid)
{
	// change id of the element that are to be kept highlighted,
	// thus keeping them out of the unfoldSubMenu loop.
	document.getElementById(topmenuid).id = topmenuid.replace('topmenuitem_', 'topmenuunfolded_');
}


function keepSubItemHighlighted(submenuid, divitemid)
{
	// change id of the elements that are to be kept unfolded and highlighted,
	// thus keeping them out of the unfoldSubMenu loop.
	document.getElementById(submenuid).id = submenuid.replace('submenu_', 'submenuunfolded_');
	document.getElementById(divitemid).id = divitemid.replace('divsubmenuitem_', 'divsubmenuitem_highlighted_');
}