$(document).ready( function() {
  $('.filter li').hover( function() {
    $(this).find('.select').css('display', 'block');
  }, function() {
    $(this).find('.select').css('display', 'none');
  });


	    $('.menu-category').click( function() {
			if ($(".menu").hasClass("menu-passive")) {
                $('.menu').removeClass('menu-passive').addClass('menu-active');
                $(this).find('.select').css('display', 'block');
			} else {
			    $('.menu').removeClass('menu-activ').addClass('menu-passive');
                $(this).find('.select').css('display', 'none');
			}
        });

		$('.menu-category').live('hover', function() {
			if ($(".menu").hasClass("menu-active")) {
                $('.menu .select').css('display', 'none');
                $(this).find('.select').css('display', 'block');
			}
			if ($(".menu").hasClass("menu-passive")) {
                $('.menu .select').css('display', 'none');
                $(this).find('.select').css('display', 'none');
			}
        });


    function onBodyClick(evt) {
        var evt = evt || window.event;
        var node = evt.srcElement || evt.target;
        while(node && !isMenuWrapper(node)) {
            node = node.parentNode;
        }

        if (!node) {
            $('.menu').removeClass('menu-active').addClass('menu-passive');
            $('.menu .select').css('display', 'none');
        }


    function isMenuWrapper(node) {
        if (node.nodeType!=1) return;
            return /menu\-wrapper/.test(node.className || "");
        }
    }
    //document.documentElement.onclick = onClick;
    if (document.documentElement.addEventListener) {
        document.documentElement.addEventListener('click', onBodyClick, false);
    } else {
        document.documentElement.attachEvent('onclick', onBodyClick);
    }

});