$(function(){
	
	// Styling and hiding
	$("ul#menu-navigation li ul").hide();
	$("ul#menu-navigation li ul.sub-menu li a").css({paddingLeft: '20px'});
	$('ul#menu-footer-navigation li').css({opacity: '0.6'});
	
	// Controls the logo hover effect
	$(".logo").hover(function(){
		$(this).stop().animate({backgroundPosition: '0px -57px'}, 200, 'easeOutCirc');
	}, function(){
		$(this).stop().animate({backgroundPosition: '0px 0px'}, 200, 'easeOutCirc');
	});
					 
	// Main navigation
  $("ul#menu-navigation li").hover(function(){
  	// On hover
		$(this).addClass("hover");
  	$('ul:first',this).slideDown('fast');
	}, function(){
    // Off hover
		$('ul:first',this).slideUp('fast');
		$(this).removeClass("hover");
  });
	
	// Main navigation - sub nav
	$("ul#menu-navigation li ul.sub-menu li a").hover(function(){
  	// On hover
		$(this).stop().animate({paddingLeft: "30px"}, 100);
  }, function(){
    // Off hover
		$(this).stop().animate({paddingLeft: "20px"}, 100);
  });
	
	// Footer navigation
	$('ul#menu-footer-navigation li').hover(function() {
		// On hover
		$(this).stop().animate({opacity: '1.0'}, 200);
	}, function(){
		// Off hover
		$(this).stop().animate({opacity: '0.6'}, 200);
	});
	
	// Add ">>" to the third sub-nav level
  // $("ul.menu li ul li:has(ul)").find("a:first").append(" » ");

});