var DEFAULT_BG_IMAGE;
var _myBackgroundHoverImages = [];

startBackgroundHover = function() {
	DEFAULT_BG_IMAGE = $("body").css("background-image");
	$("#work-navigation li img.bg-image").each(function(theIndex, theElement) {
		_myBackgroundHoverImages.push(theElement);
	});
	$("#work-navigation li a").each(function(theIndex, theElement) {
		$(theElement).hover(
			function() {
				$("#content").css("visibility", "hidden");
				$(".minislide").css("visibility", "hidden");
				$("#work-navigation li a").addClass("hidden");
				$(theElement).addClass("highlighted");
				$("body").css("background-image", "url(" + $(_myBackgroundHoverImages[theIndex]).attr("src") + ")");
			},
			function() {
				$("#content").css("visibility", "visible");
				$(".minislide").css("visibility", "visible");
				$("#work-navigation li a").removeClass("hidden");
				$(theElement).removeClass("highlighted");
				$("body").css("background-image", DEFAULT_BG_IMAGE);	
			}
		);
	});
};
