function imageRollover(e)
{
	if(!e)
		var e = window.event;
	
	if(selectedServicesImage != "" && this.src.match(selectedServicesImage))
		return;
	
	if(e.type == "mouseover")
		this.src = this.src.replace("-off.gif", "-on.gif");
		
	else if(e.type == "mouseout")
		this.src = this.src.replace("-on.gif", "-off.gif");
}

function registerRollovers()
{
	var whoWeAre				= document.getElementById("whoWeAre");
	var whereWeAre				= document.getElementById("whereWeAre");
	var whyWeAreHere			= document.getElementById("whyWeAreHere");
	var agendaCalendar			= document.getElementById("agendaCalendar");
	var resourceLinks			= document.getElementById("resourceLinks");
	var questionsFeedback		= document.getElementById("questionsFeedback");	
	var registerForEvents		= document.getElementById("registerForEvents");
	var whatToDoWithYourWaste	= document.getElementById("whatToDoWithYourWaste");	
	var howToPayYourBill		= document.getElementById("howToPayYourBill");	
	var contractorFTP			= document.getElementById("contractorFTP");

	var gis						= document.getElementById("gis");
	var constructionEngineering	= document.getElementById("constructionEngineering");
	var transferStation			= document.getElementById("transferStation");	
	var recycling				= document.getElementById("recycling");	
	var waterAndSewer			= document.getElementById("waterAndSewer");	
	var customerServices		= document.getElementById("customerServices");	
	
	whoWeAre.onmouseover				= imageRollover;
	whoWeAre.onmouseout					= imageRollover;
	whereWeAre.onmouseover				= imageRollover;
	whereWeAre.onmouseout				= imageRollover;
	whyWeAreHere.onmouseover			= imageRollover;
	whyWeAreHere.onmouseout				= imageRollover;
	agendaCalendar.onmouseover			= imageRollover;
	agendaCalendar.onmouseout			= imageRollover;
	resourceLinks.onmouseover			= imageRollover;
	resourceLinks.onmouseout			= imageRollover;
	questionsFeedback.onmouseover		= imageRollover;
	questionsFeedback.onmouseout		= imageRollover;
	registerForEvents.onmouseover		= imageRollover;
	registerForEvents.onmouseout		= imageRollover;
	whatToDoWithYourWaste.onmouseover	= imageRollover;
	whatToDoWithYourWaste.onmouseout	= imageRollover;
	howToPayYourBill.onmouseover		= imageRollover;
	howToPayYourBill.onmouseout			= imageRollover;
	contractorFTP.onmouseover			= imageRollover;
	contractorFTP.onmouseout			= imageRollover;
	
	gis.onmouseover						= imageRollover;
	gis.onmouseout						= imageRollover;
	constructionEngineering.onmouseover	= imageRollover;
	constructionEngineering.onmouseout	= imageRollover;
	transferStation.onmouseover			= imageRollover;
	transferStation.onmouseout			= imageRollover;
	recycling.onmouseover				= imageRollover;
	recycling.onmouseout				= imageRollover;
	waterAndSewer.onmouseover			= imageRollover;
	waterAndSewer.onmouseout			= imageRollover;
	customerServices.onmouseover		= imageRollover;
	customerServices.onmouseout			= imageRollover;
}

// http://fightingforalostcause.net/techblog/preloading-images/
function preloadImages()
{
	document.getElementById("whoWeAre").style.background				= "url(/uploads/mcsaneng.2009.05/images/top-nav/who-we-are-on.gif) no-repeat -500px -500px";
	document.getElementById("whereWeAre").style.background				= "url(/uploads/mcsaneng.2009.05/images/top-nav/where-we-are-on.gif) no-repeat -500px -500px";
	document.getElementById("whyWeAreHere").style.background			= "url(/uploads/mcsaneng.2009.05/images/top-nav/why-we-are-here-on.gif) no-repeat -500px -500px";
	document.getElementById("agendaCalendar").style.background			= "url(/uploads/mcsaneng.2009.05/images/top-nav/agenda-calendar-on.gif) no-repeat -500px -500px";
	document.getElementById("resourceLinks").style.background			= "url(/uploads/mcsaneng.2009.05/images/top-nav/resource-links-on.gif) no-repeat -500px -500px";
	document.getElementById("questionsFeedback").style.background		= "url(/uploads/mcsaneng.2009.05/images/top-nav/questions-feedback-on.gif) no-repeat -500px -500px";
	document.getElementById("registerForEvents").style.background		= "url(/uploads/mcsaneng.2009.05/images/top-nav/register-for-events-on.gif) no-repeat -500px -500px";
	document.getElementById("whatToDoWithYourWaste").style.background	= "url(/uploads/mcsaneng.2009.05/images/top-nav/what-to-do-with-your-waste-on.gif) no-repeat -500px -500px";
	document.getElementById("howToPayYourBill").style.background		= "url(/uploads/mcsaneng.2009.05/images/top-nav/how-to-pay-your-bill-on.gif) no-repeat -500px -500px";
	document.getElementById("contractorFTP").style.background			= "url(/uploads/mcsaneng.2009.05/images/top-nav/contractor-ftp-on.gif) no-repeat -500px -500px";
	
	document.getElementById("gis").style.background						= "url(/uploads/mcsaneng.2009.05/images/services/gis-on.gif) no-repeat -500px -500px";
	document.getElementById("constructionEngineering").style.background	= "url(/uploads/mcsaneng.2009.05/images/services/construction-engineering-on.gif) no-repeat -500px -500px";
	document.getElementById("transferStation").style.background			= "url(/uploads/mcsaneng.2009.05/images/services/transfer-station-on.gif) no-repeat -500px -500px";
	document.getElementById("recycling").style.background				= "url(/uploads/mcsaneng.2009.05/images/services/recycling-on.gif) no-repeat -500px -500px";
	document.getElementById("waterAndSewer").style.background			= "url(/uploads/mcsaneng.2009.05/images/services/water-and-sewer-on.gif) no-repeat -500px -500px";
	document.getElementById("customerServices").style.background		= "url(/uploads/mcsaneng.2009.05/images/services/customer-services-on.gif) no-repeat -500px -500px";
}

// http://www.sitepoint.com/blogs/2004/05/26/closures-and-executing-javascript-on-page-load/
function addLoadEvent(func)
{ 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function')
		window.onload = func; 
	else
	{
		window.onload = function()
		{ 
			oldonload(); 
			func(); 
		}
	}
}

addLoadEvent(function()	{ 
	registerRollovers();
	preloadImages();
} );