debugPrint ('loaded rollover.js');

var MenuStayOn = 2500 ;

function onSubLink(aMenuItem, aMenuText) {
    debugPrint ('onSubLink');
	experienceMenuShowing = "Yes" ;

    document.getElementById(aMenuItem).style.backgroundColor = "#485B8F" ;
    document.getElementById(aMenuText).style.backgroundColor='#485B8F';
    document.getElementById(aMenuText).style.color='#FFFFFF';    

	return ;
}
function offSubLink(aMenuItem, aMenuText) {
    debugPrint ('offSubLink');

	experienceMenuShowing = "No" ;

    document.getElementById(aMenuItem).style.backgroundColor = "#FFFFFF" ;
    document.getElementById(aMenuText).style.backgroundColor='#FFFFFF';
    document.getElementById(aMenuText).style.color='#485B8F';    

	setTimeout( "hideLayer()" , MenuStayOn ) ;
	return ;
}
function hideLayer() {
    debugPrint ('hideLayer');
	if (experienceMenuShowing == "Yes") return ;

	document.getElementById("ExperienceMenuStyle").style.visibility = "hidden" ;
		
	return ;
}

function showExperienceMenu() {
    debugPrint ('showExperienceMenu');
	experienceMenuShowing = "Yes" ;

	TopOffset = 145;
	LeftOffset = 150;

	lyrHTML = '<table width=175 border=1 cellpadding=0 cellspacing=0 valign="top" bgcolor="#FFFFFF"><tr><td class="PopLinkRow" id="EWMenuItem" height=14 onmouseover="onSubLink(\'EWMenuItem\', \'EWMenuText\') ; return true" onmouseout="offSubLink(\'EWMenuItem\', \'EWMenuText\') ; return true"><a class="PopTextLink" id="EWMenuText" href="expertwitness.html">Expert Witness</a></td></tr><tr><td class="PopLinkRow" id="AppDevMenuItem" height=14 onmouseover="onSubLink(\'AppDevMenuItem\', \'AppDevMenuText\');" onmouseout="offSubLink(\'AppDevMenuItem\', \'AppDevMenuText\');" ><a class="PopTextLink" id="AppDevMenuText" href="ApplicationDevelopment.html" >Application Development</a></td></tr><tr><td class="PopLinkRow"  id="MedDevMenuItem" height=14 onmouseout="offSubLink(\'MedDevMenuItem\', \'MedDevMenuText\');" onmouseover="onSubLink(\'MedDevMenuItem\', \'MedDevMenuText\');" ><a class="PopTextLink" id="MedDevMenuText" href="medicaldevice.html" >Medical Device Software</a></td></tr></table>';

	document.getElementById("ExperienceMenuStyle").style.top = TopOffset + "px" ;
	document.getElementById("ExperienceMenuStyle").style.left = LeftOffset + "px" ;
	document.getElementById("ExperienceMenuStyle").innerHTML = lyrHTML ;		
	document.getElementById("ExperienceMenuStyle").style.visibility = "visible";

	return ;
}

function hideExperienceMenu() {
    debugPrint ('hideExperienceMenu');
	experienceMenuShowing = "No" ;
	setTimeout( "hideLayer()", MenuStayOn ) ;
	return ;
}
