$(document).ready(function(){
	
	$('.drop-down').css( {opacity: 0} );

	// Drop menu functions
	$('.main-nav > li').hover(
	
	// hover
	function () {
		var el = $(this);		
		el.addClass('active');
		el.children('ul').show().stop().animate(
			{opacity: 1}, 
			450, 
			"linear"			
		);
	},
	
	//no hover
	function () {
		var el = $(this),
		dropdown = el.children('ul');
		dropdown.stop().animate(
			{ opacity: 0},
			300,
			"linear",
			function(){ 
				el.removeClass('active')
				dropdown.hide();
			}
		);
	});
});