(function(){
	var elemHumb		= $('.navigation__humb'),
		elemNav			= $('.nav'),
		activeClass		= 'active',
		animateIn		= 'fadeIn',
		animateOut		= 'fadeOut';
	elemHumb.click(function(e){
		e.preventDefault();
		elemNav.show();
		$(this).toggleClass(activeClass);

		if ($(this).hasClass(activeClass)) {
			elemNav.removeClass(animateOut).addClass(animateIn);
		} else {
			elemNav.removeClass(animateIn).addClass(animateOut);
		}
	});
	$(document).mouseup(function (e){
		if (!elemNav.is(e.target) && elemNav.has(e.target).length === 0 &&
			!elemHumb.is(e.target) && elemHumb.has(e.target).length === 0) {
			elemHumb.removeClass(activeClass);
			elemNav.removeClass(animateIn).addClass(animateOut);
		}
	});
}());