//Preloading rollovers
var homeRollover = new Image();
homeRollover.src = "images/navButtons/imgNavHomeOff.png";

var naturalRollover = new Image();
naturalRollover.src = "images/navButtons/imgNavNaturalOff.png";

var seasonalRollover = new Image();
seasonalRollover.src = "images/navButtons/imgNavSeasonalOff.png";

var hardRollover = new Image();
hardRollover.src = "images/navButtons/imgNavHardCandyOff.png";

var oldRollover = new Image();
oldRollover.src = "images/navButtons/imgNavOldCandyOff.png";

var confectionRollover = new Image();
confectionRollover.src = "images/navButtons/imgNavConfectionOff.png";

var contactRollover = new Image();
contactRollover.src = "images/navButtons/imgNavContactOff.png";

var aboutRollover = new Image();
aboutRollover.src = "images/navButtons/imgNavAboutOff.png";

var shopRollover = new Image();
shopRollover.src = "images/navButtons/imgNavShopOff.png";

//JQuery fix for IE's z-index bug
//Found here: http://at-byte.com/technology/how-fix-ie7-z-index-issues-using-jquery
$(document).ready(function () {
	if ($.browser.msie && $.browser.msie < 8) {
		var zIndexNumber = 1000;
	   
		$('div').each(function() {
			$(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 10;
		});
	}
	//Roll over function for all nav buttons
	$("#home,#natural,#seasonal,#hard,#old,#confection,#contact,#about,#shop").hover(
			//Mouse in
		   function () {
			   //Replace the word "Off" in the image source url with the word "On"
			   this.src = this.src.replace("Off", "On");
			//Mouse out
		   }, function () {
			   //Replace the word "On" in the image source url with the word "Off"
			   this.src = this.src.replace("On", "Off");
		   }
	);
});