$(document).ready(
	function DropDown(){
		var _t;
		var _btn = $('#nav a');
		var _dropbox = $('#nav li .drop-box');
		_btn.live('click', function(){
			_dropbox.css('display', 'none');
			$(this).parent().find('.drop-box').animate({
				height: "toggle"
			}, 700);
		});
		function DropAnimate(){
			_dropbox.animate({
				height:"hide"
			}, 700);
		}
		_dropbox.mouseleave(function(){
			_t = setTimeout(function(){
				DropAnimate();
				},3000);
		}).mouseenter(function(){
			if(_t) clearTimeout(_t);
		});
		_btn.mouseleave(function(){
			_t = setTimeout(function(){
				DropAnimate();
				},3000);
		}).mouseenter(function(){
			if(_t) clearTimeout(_t);
		});
	}
);