$(document).ready(function(){


	var myIndex, myMenu, position, space=0; i = 0;
	
    $('.main1').each(function(){
        var t = null;
        var li = $(this);
		i++;
		
        li.hover(function(){
            t = setTimeout(function(){

				li.find("div.sub").slideDown('slow');
				
				//$("#n" +i).addClass("menu-hover");
                t = null;
            }, 250);
        }, function(){
            if (t){
                clearTimeout(t);
                t = null;
            }
            else
                li.find("div.sub").slideUp('fast');
				//$("#n" +i).removeClass("menu-hover");
        });
    });	
	
	$(".main1").hover(
				  function () {
   						 $(this).addClass("menu-hover");
						 $(this).removeClass("main1");
  				  }, 
				  function () {
					     $(this).removeClass("menu-hover");
						 $(this).addClass("main1");
				  }


			); 
	

	
/*
	var myIndex, myMenu, position, space=0;


		
	$("div.sub").each(function(){
		//$(this).css('left', $(this).parent().offset().left);
		//$(this).slideUp('fast');
		$(this).stop(true, true).slideUp(200);
	});
	
	$(".main1").hover(function(){
		
		
		
		

								 
					$('div.sub', this).stop(true, true).slideDown(200);
					//$("div.sub",this).slideDown('slow');
					
					//get the index, set the selector, add class
					myIndex = $(".main1").index(this);
					
					myMenu = $(".menu:eq("+myIndex+")");
					myMenu.addClass("menu-hover");
		

		
		
		
	}, function(){
		

					myMenu.removeClass("menu-hover");
					//$("div.sub",this).slideUp('fast');
					$('div.sub', this).stop(true, true).slideUp(200);
		

	});
		
*/	

	
	
	
	
	
});