(function($) {
	$(document).ready(function() {
		// only execute on the homepage...
		if ($("#home-content").size() == 0) {
			return;
		}
		
		var SECTIONS = ["industrial", "rental", "home-generator", "marine", "mobile"];
		var sectionStr = SECTIONS.join(" ");
		
	
		var openTimer = null;
		var closeTimer = null;
		$("#home-nav li").hover(function() {
			var that = this;
			clearTimeout(openTimer);
			openTimer = setTimeout(function() {
				$(that).addClass("hover");
				transitionHomepageBg(getSection($(that).children("a")));
				
				if ($.browser.msie && $.browser.version < "7"){
					IEPNGFix.update();		
				}
			}, 200);
		}, function() {
			var that = this;
			clearTimeout(closeTimer);
			closeTimer = setTimeout(function() {
				$(that).removeClass("hover");
				transitionHomepageBg("");
				
				if ($.browser.msie && $.browser.version < "7"){
					IEPNGFix.update();		
				}
			}, 200);
		});
		
		
		function transitionHomepageBg(section) {
			var bgDiv = $("#home-background");
			
			// Create a 2nd div holding the background so we can do transitions
			var transDiv = bgDiv.clone();
			transDiv.css("display", "none");
			bgDiv.after(transDiv);
			
			var currentSection = getSection(bgDiv);
			
			if (currentSection != "") {
				bgDiv.removeClass(currentSection);
			}
			bgDiv.addClass(section);
			
			transDiv.css("display", "block");
			transDiv.fadeOut(300, function() {
				transDiv.remove();
			});
		}
		
		function getSection(elem) {
			for (var i = 0; i < SECTIONS.length; i++) {
				if ($(elem).hasClass(SECTIONS[i])) {
					return SECTIONS[i];
				}
			}
			return "";
		}
	});
})(jQuery);