jQuery(document).ready(function(){
	initDrops();
})

function initDrops(){
	var _hrdcd = 4;
	jQuery('#nav > li').each(function(){
		var _link = jQuery(this);
		var _t;
		var _drop = _link.find('div.drop');
		jQuery('body').append(_drop);
		var _pos = _link.position();
		_drop.css({
			top: _pos.top + _link.outerHeight(),
			left:_pos.left
		});
		_link.mouseenter(function(){
			jQuery('#nav > li').removeClass('hover');
			jQuery('div.drop').hide().css('top', -9999);
			jQuery(this).addClass('hover');
			if(_t) clearTimeout(_t);
			_pos = _link.position();
			_drop.css({
				top: _pos.top + _link.outerHeight() - _hrdcd,
				left:_pos.left
			});
			_drop.show();
		}).mouseleave(function(){
			_t = setTimeout(function(){
				_drop.hide();
				_link.removeClass('hover');
			}, 1000);
		});
		_drop.mouseenter(function(){
			if(_t) clearTimeout(_t);
		}).mouseleave(function(){
			_t = setTimeout(function(){
				_drop.hide();
				_link.removeClass('hover');
			}, 300);
		});
	});
}