$(function(){
		   
		//init   
		$('#menu a').append('<span class="hover"></span>');
		$('#menu>li:lt(4)').append('<span class="divider"></span>');
		$('#menu ul, #menu .hover').css({opacity: 0});
		$('#menu ul').css({display: 'none'});
		
		var $activeMenu = $('#menu .active');
		var $menu = $('#menu');
		
		if ( $activeMenu.size() ) {
			var $activeSubmenu = $('#menu .active').parent().find('ul');
			$activeMenu.children('.hover').css({opacity: 1});
			
			if ( $activeSubmenu.size() ) {
				$menu.css({top : '17px'});
				$activeSubmenu.css({display: 'block', opacity: 1});
				var fullPath = window.location.search + window.location.hash;
				$('a[href=' + fullPath + ']').find('.hover').stop().animate({opacity: 1}, 200, 'easeOutQuart');
			}
		}
		
		//behaviors
		$('#menu>li>a')
		.mouseenter(function(){
			$('#menu a>.hover').stop().animate({opacity: 0}, 600);
			$('#menu ul').stop().animate({opacity: 0}, 400, 'easeOutQuart', function(){
				$(this).css({display: 'none'});
			});
			$(this).children('.hover').stop().animate({opacity: 1}, 200);
			$subMenu = $(this).parent().find('ul');
			if ( $subMenu.size() ) {
				$menu.stop().animate({top: '17px'}, 400, 'easeOutQuart');
				$subMenu.stop()
				.css({display: 'block'})
				.animate({opacity: 1}, 600, 'easeOutQuart');
			}
		});
		
		$('#menu ul a')
		.mouseenter(function(){
			$('#menu ul a .hover').stop().animate({opacity: 0}, 600, 'easeOutQuart');
			$(this).find('.hover').stop().animate({opacity: 1}, 200, 'easeOutQuart');
		});
		
		$('#menu-brands-and-designers a').click(function(event){
			var currentHref = this.href;
			$('#header').unbind('mouseleave');
			$('#menu').stop(false, false).animate({top: '36px'}, {
					duration: 600,
					easing: 'easeOutQuart',
					complete: function() {
						window.location = currentHref;
						return true;
					}
			});
			return false;
		});
		
		//reset
		$('#header')
		.mouseleave(function(){
			$('#menu ul, #menu .hover').stop().animate({opacity: 0, display: 'none'}, 400, 'easeOutQuart');

			var $activeSubmenu = $('#menu .active').parent().find('ul');
			$activeMenu.children('.hover').stop().animate({opacity: 1}, 200, 'easeOutQuart');
						
			if ( $activeSubmenu.size() ) {
				$menu.stop().animate({top : '17px'}, 400, 'easeOutQuart');
				$activeSubmenu.stop().css({display: 'block'}).animate({opacity: 1, display: 'block'}, 600, 'easeOutQuart');
				var fullPath = window.location.search + window.location.hash;
				$('a[href=' + fullPath + ']').find('.hover').stop().animate({opacity: 1}, 200, 'easeOutQuart');
			} else {
				$menu.stop().animate({top : '36px'}, 600, 'easeOutQuart');
			}
		});
});