$(function(){
	var _dOn = 1000;
	var _dOff = 1000;
	var _nav = $('#nav > li');
	var _slide = _nav.find('div.slide:eq(0)');
	var _prev = null; _t = null;
	_nav.each(function(){
		var _this= $(this);
		_this.bg = _this.find('div.bg:eq(0)');
		_this.slide = _this.find('div.slide:eq(0)');
		_this.slide.h  = _this.slide.css('display','block').height();
		_this.slide.css('height','0px');
		_this.opener = _this.find('a.opener:eq(0)');
		_this.mouseenter(function(){
			var _li = $(this);
			_t = setTimeout(function(){
				_nav.css({zIndex: 1});
				_li.css({zIndex: 100});
				if(_prev && _prev.height()> 0){
					//if(_prev.is(':animated')) _prev.stop();
					if(!_li.hasClass('active')){
						_prev.parents('li:eq(0)').removeClass('active');
						_prev.animate({height: 0}, {duration:_dOff,  complete: function(){
							
						}});
					}
				}
				if(!_this.opener.clc){
					_prev = _this.slide;
					_this.slide.animate({height: _this.slide.h}, {duration:_dOn, complete: function(){
						if(!_li.hasClass('active')) _li.addClass('active');
					}});
				}
			}, 100)
		}).mouseleave(function(){
			if(_t) clearTimeout(_t);
			
			_this.opener.clc = true;
			_nav.removeClass('active');
			_this.slide.animate({height: 0}, {duration:_dOff, complete: function(){
				_this.opener.clc = false;
				_nav.removeClass('active');
			}});
			return false;			
		});
		_this.opener.click(function(){
			_this.opener.clc = true;
			_nav.removeClass('active');
			_this.slide.animate({height: 0}, {duration:_dOff, complete: function(){
				_this.opener.clc = false;
				_nav.removeClass('active');
			}});
			return false;
		})
	})
})