$(document).ready(function() {
	
	$(".arrow").attr("src", "/site/images/colors/"+color+"/arrow.png");
	$(".downarrow").attr("src", "/site/images/colors/"+color+"/down-arrow.png");

	$("nav.main-nav a").click(function() {
		//$("header nav a.active").removeClass("active");
		//$("body").attr("id", "");
		//$(this).parents("li.main").find("a").addClass("active");	
	});	
	
	$("nav.main-nav li ul").hover(function() {
		$(this).parents().filter("li.main").addClass("hover");
	});
	
	$("nav.main-nav").hover(function() {
		$(this).find("ul").show(); 
	}, function() {
		$(this).find("ul li ul").hide(); 
	
	});
	
	$("nav.main-nav li").hover(function() {
		$(this).find(".downarrow").show(); 
	}, function() {
		$(this).find(".downarrow").hide(); 
	
	});
		
	$("nav.main-nav ul li").hover(function() {
		$(this).find("ul").show();
		if ($(this).hasClass("children")) {
			$(this).find("> .arrow").show();
			
		}
		$(this).addClass("hover");	
	}, function() {
		$(this).find("ul").hide();
		$(this).find(".arrow").hide();
		$(this).removeClass("hover");	
	
	});


});