// 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';
    */
}