$(document).ready(function(){
	var _navEl = $('#menu li');
	var _durationSlide = 300;
	
	_navEl.each(function(i, _el){
		_el = $(_el);
		var _ul = $('> div.sub', _el);
		_ul.css({'opacity':0});
		
		_el.hover(function(){
			this.hoverEl = true;
			$(this).addClass('hover');
			
			_ul.animate({opacity:1},{queue:false,duration:_durationSlide,complete:function(){
				_ul.css('opacity','auto');
			}});
		}, function(){
			this.hoverEl = false;
			var _this = this;
			if (_ul.length)
				_ul.animate({opacity:0},{queue:false,duration:_durationSlide, complete:function(){
					if (!_this.hoverEl)
						$(_this).removeClass('hover');
				}});
			else $(_this).removeClass('hover');
		});
	});
});