$(document).ready(function(){
	
	var myIndex, myMenu, position, space=20;
	
	$("div.sub").hide();
	
	$("div.sub").each(function(){
		$(this).css('left', $(this).parent().offset().left);
		$(this).slideUp('fast');
	});
	
	$(".main1").hover(function(){
		$("div.sub",this).slideDown('fast');
		
		//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');
	});
});