// JavaScript Document
var subnav_images = new Array(8);
subnav_images[1] = "http://s7d5.scene7.com/is/image/drexelheritage/H1681_S?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[2] = "http://s7d5.scene7.com/is/image/drexelheritage/095_620S_09?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[3] = "http://s7d5.scene7.com/is/image/drexelheritage/500_351?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[4] = "http://s7d5.scene7.com/is/image/drexelheritage/144_917?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[5] = "http://s7d5.scene7.com/is/image/drexelheritage/689_920?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[6] = "http://s7d5.scene7.com/is/image/drexelheritage/H1681_S?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
subnav_images[7] = "http://s7d5.scene7.com/is/image/drexelheritage/H1681_S?req=tmb&op_sharpen=1&wid=235&hei=265&fmt=png,rgb&op_contrast=65&layer=1&color=141,86,66,228&sizeN=235,235&op_contrast=-25&align=1,-1";
var subnav_descriptions = new Array(8);
subnav_descriptions[1] = "Live";
subnav_descriptions[2] = "Dine";
subnav_descriptions[3] = "Slumber";
subnav_descriptions[4] = "Work";
subnav_descriptions[5] = "Watch";
subnav_descriptions[6] = "Customize";
subnav_descriptions[7] = "Blog";

$(document).ready(function() 
{
	$.each("#topnav a", function(i){
		$("#menu_" + i).mouseover(function(){
			$("#menu_" + i).addClass("active");
			$("#subnav_" + i).show();
			$("#subnav_" + i + " .subnav_image").css("background-image", "url(" + subnav_images[i] + ")");
			$("#subnav_" + i + " .headline1").html(subnav_descriptions[i]);							
		});
		$("#menu_" + i).mouseout(function(){
			$("#menu_" + i).removeClass("active");
			$("#subnav_" + i).hide();		
		});
		$("#subnav_" + i).hover(
			function(){$("#subnav_" + i).show(); activateMenu(i);}, 
			function(){$("#subnav_" + i).hide(); deactivateMenu(i);}
		);
	});
	
	$(".subnav li ul li a").each(function(){
		$(this).hover(
			function(){
				$(".subnav .subnav_image .headline1").html($(this).attr("title"));
				$(".subnav .subnav_image").css("background-image", "url(" + $(this).attr("rel") + ")");
			},
			function(event){
				if(!$(event.relatedTarget).is("a")){
					var subnav = $(this).closest(".subnav");
					var id = subnav.attr('id').substr(7);
					$(subnav).find(".subnav_image").css("background-image", "url(" + subnav_images[id] + ")");
					$(subnav).find(".subnav_image .headline1").html(subnav_descriptions[id]); 				
				}
			}
		);
	});
	
});

function activateMenu(id){
	$("#menu_" + id).addClass("active");
}

function deactivateMenu(id){
	$("#menu_" + id).removeClass("active");
}