// preload images first (can run before page is fully loaded)
$.preloadImages("images/nav/about_us_on.png", "images/nav/calendar_on.png", "images/nav/faq_on.png", "images/nav/home_on.png", "images/nav/sponsors_friends_on.png", "images/nav/tickets_on.png");
$(
	function()
	{
		// set up rollover
		$("#navigation img").hover(
			function()
			{
				this.src = this.src.replace("_off","_on");
			},
			function()
			{
				this.src = this.src.replace("_on","_off");
			}
		);
	}
)