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

	// Drop menu functions
	$('.main-nav li').hover(
	
	// hover
	function () {
		// stop current animation and fade to 100 opacity
		$(this).children('ul').show().stop().animate(
			{opacity: 1}, 
			450, 
			"linear"			
		);
	},
	
	//no hover
	function () {
		// need dropdown reference for anonymous function within .animate()
		var dropdown = $(this).children('ul');
		
		//stop current animation, fade to 0, hide dropdown with call back
		dropdown.stop().animate(
			{ opacity: 0},
			300,
			"linear",
			function(){ 
				dropdown.hide(); // set display:none
			}
		);
	});
});