var t;
var t2;
var t3;

jQuery(function(){});
jQuery(document).ready(function(){
// menu
	jQuery('.menu li:not(.active)').hover(function(){
		jQuery(this).addClass('active');
		jQuery(this).next().addClass('active_next');
		// when there is active at right
		if(jQuery(this).next().is('.active')){
			jQuery(this).next().removeClass('active_next').addClass('active2');
		};
		// when there is active at left
		if(jQuery(this).prev().is('.active')){
			jQuery(this).addClass('active2');
		};
		// when it is first
		if(jQuery(this).hasClass('first')){
			jQuery(this).addClass('first_active');
		};
	},function(){
		jQuery(this).removeClass('active');
		jQuery(this).next().removeClass('active_next');

		// when there is active at right
		if(jQuery(this).next().is('.active')){
			jQuery(this).next().removeClass('active2').addClass('active');
		};
		// when there is active at left
		if(jQuery(this).prev().is('.active')){
			jQuery(this).removeClass('active2');
		};
		// when it is first
		if(jQuery(this).hasClass('first')){
			jQuery(this).removeClass('first_active');
		};
	});
// sub menu 
	jQuery('.menu li').hover(function(){
		clearTimeout(t);
		var nextthat = jQuery(this).nextAll().find('div');
		var prevthat = jQuery(this).prevAll().find('div');
		
		jQuery(this).nextAll().find('div').hide();
		jQuery(this).prevAll().find('div').hide();
		jQuery(this).find('div').slideDown('fast', function() {
			jQuery(this).nextAll().find('div').hide();
			jQuery(this).prevAll().find('div').hide();
		});
		clearTimeout(t2);
		
		t2 = setTimeout(function(){
			jQuery(nextthat).hide('normal');
			jQuery(prevthat).hide('normal');
		},500);

		
	},function(){
		var that = jQuery(this).find('div');
		var nextthat = jQuery(this).next().find('div');
		var prevthat = jQuery(this).prev().find('div');
		
		t = setTimeout(function(){
			jQuery(that).hide('normal');
			jQuery(nextthat).hide('normal');
			jQuery(prevthat).hide('normal');
			//jQuery(this).nextAll().find('div').hide();
			//jQuery(this).prevAll().find('div').hide();
		},300);

	});
// hide sub menu if .menu not hover
	jQuery('.menu').hover(function(){
		clearTimeout(t3);
		
	},function(){
		var that = jQuery(this).find('div');
		t3 = setTimeout(function(){
			jQuery('.menu').find('div').hide('normal');
		},500);
	});
	
	
});