// Selected menu selections on mousover.
function Selected(id)
{

	// for <td> text
	document.getElementById(id + '_Text').className = 'MenuSelected';
	
	// for <td> icon
	document.getElementById(id + '_Icon').className = 'MenuIconSelected';

	// for icon images with different color backgrounds
	if (document.getElementById(id + '_Icon_Img') != null)
		document.getElementById(id + '_Icon_Img').src = '/images/Console/' + id + '_on.gif';

}

// UnSelected function is only used to undo the effects of the Selected function
// on mouseleave. 
function UnSelected(id)
{

	// for <td> text
	document.getElementById(id + '_Text').className = 'MenuUnSelected';
	
	// for <td> icon
	document.getElementById(id + '_Icon').className = 'MenuIconUnSelected';
	
	// for icon images with different color backgrounds
	if (document.getElementById(id + '_Icon_Img') != null)
		document.getElementById(id + '_Icon_Img').src = '/images/Console/' + id + '_off.gif';

}

function gotoPageAnchor(anchor)
{
	alert(window.location + anchor);
	WBC_offWarningBeforeLeave();
	document.location.href = window.location + anchor;
	//document.location.hash = anchor;
}