$(document).ready(function(){
	var $ = jQuery;
	$('.nav .menu div, .nav .button')
		.mouseenter(function(){
			$(this).addClass('over');
		})
		.mouseleave(function(){
			$(this).removeClass('over');
		});
	
	$('.nav .button, .menu')
		.filter(':has(.menu)')
		.mouseenter(function(){
			$(this).find('.menu').stop().css({display: 'block'}).animate({opacity: 1});
		})
		.mouseleave(function(){
			$(this).find('.menu').stop().animate({
				opacity: 0
			},{
				complete: function(){
					$(this).css({
						display: 'none'
					});
				}
			});
		});
	$('.menu').css({opacity: 0});
});