// Prevent Flickering of Red Hover Image on Page Load

document.write('<style type="text/css">body{display:none}</style>');
jQuery(function($) {
$('body').css('display','block');
});


// Begin Transparent Hover Image

$(document).ready(function(){

	// fashion
	$("img.menu_fashion_red").css("opacity","0");  // opacity of red hover image set to 0%.
	$("img.menu_fashion_red").hover(function() {
	$(this).stop().animate({"opacity": "0.50"}, "slow"); // fade in on mouseover 1.00 = 100%, 0.50 = 50% //
	}, function() {
	$(this).stop().animate({"opacity": "0"}, "slow"); // fade out on mouseout
	});
	
	// luxe
	$("img.menu_luxe_red").css("opacity","0");  // opacity of red hover image set to 0%.
	$("img.menu_luxe_red").hover(function() {
	$(this).stop().animate({"opacity": "0.50"}, "slow"); // fade in on mouseover 1.00 = 100%, 0.50 = 50% //
	}, function() {
	$(this).stop().animate({"opacity": "0"}, "slow"); // fade out on mouseout
	});
	
	// shopping
	$("img.menu_shopping_red").css("opacity","0");  // opacity of red hover image set to 0%.
	$("img.menu_shopping_red").hover(function() {
	$(this).stop().animate({"opacity": "0.50"}, "slow"); // fade in on mouseover 1.00 = 100%, 0.50 = 50% //
	}, function() {
	$(this).stop().animate({"opacity": "0"}, "slow"); // fade out on mouseout
	});
	
	// art
	$("img.menu_art_red").css("opacity","0");  // opacity of red hover image set to 0%.
	$("img.menu_art_red").hover(function() {
	$(this).stop().animate({"opacity": "0.50"}, "slow"); // fade in on mouseover 1.00 = 100%, 0.50 = 50% //
	}, function() {
	$(this).stop().animate({"opacity": "0"}, "slow"); // fade out on mouseout
	});
	
	// work
	$("img.menu_work_red").css("opacity","0");  // opacity of red hover image set to 0%.
	$("img.menu_work_red").hover(function() {
	$(this).stop().animate({"opacity": "0.50"}, "slow"); // fade in on mouseover 1.00 = 100%, 0.50 = 50% //
	}, function() {
	$(this).stop().animate({"opacity": "0"}, "slow"); // fade out on mouseout
	});
	
});