function imgRolloverOn()
	{
		this.imgSave = document.images[this.imgName].src;
		document.images[this.imgName].src = this.imgOn.src;
	}
	
	function imgRolloverOff()
	{
		document.images[this.imgName].src = this.imgSave;
	}
	
	function Rollover(imgName, on)
	{
		this.imgName = imgName;
		this.imgOn = new Image();
		this.imgOn.src = on;
		this.on = imgRolloverOn;
		this.off = imgRolloverOff;
	}

//here is an example of how to call this function
//<script language="JavaScript">
//	<!-- 
//		//Preload RollOver Images For Menu
//		var rNav = new Rollover("imgNavHome", "/Images/navHomeOn.gif");
//		var rBulletin = new Rollover("imgServiceBulletins", "/Images/navServiceBulletinsOn.gif");
//		var rManuals = new Rollover("imgServiceManuals", "/Images/navServiceManualsOn.gif");
//		var rOps = new Rollover("imgOpsManuals", "/Images/navOpsManualsOn.gif");
//		var rTech = new Rollover("imgTechResources", "/Images/navTechResourcesOn.gif");
//		var rContact = new Rollover("imgContactUs", "/Images/navContactUsOn.gif");
//		
//	//-->
//	</script>
//
//
//below is an example on how to use the mouseover for the first variable
//
//
//<a href="/index.asp" onMouseover="rNav.on()" onMouseout="rNav.off()">