$(function(){
	$('ul#menu li div.sub').each(function(){
		var width = 0;
		$(this).show();
		$(this).find('ul').each(function(){
			width += $(this).outerWidth(true);
		});
		$(this).hide();
		//$(this).css('width', width+'px');
	});
	var timers = new Array();
	$('ul#menu li div.sub').each(function(){
		
		var li = $(this).parents('ul#menu li');
		var el = this;
		//$(this).css('left', $(li).find('>a').offset().left+'px');
		$(this).parents('ul#menu > li').mouseenter(function(){
			$(this).addClass('active');
			timers[$(this).index('ul#menu > li')] = clearTimeout(timers[$(this).index('ul#menu > li')]);
			$(el).parent().find('.line').show();
			$(el).stop(true, true).slideDown(500);
		}).mouseleave(function(){
			var el2 = $(this);
			timers[$(this).index('ul#menu > li')] = setTimeout(function(){
				$(el).stop(true, true).slideUp(500, function(){
					$(el).parent().find('.line').hide();
					
					$(el2).removeClass('active');
				});
			}, 200);
			
		});
		$(this).mouseenter(function(){
			timers[$(this).index('ul#menu > li')] = clearTimeout(timers[$(this).index('ul#menu > li')]);
		});
	
	}).hide();
});