$(document).ready(function(){
	$(".mainMenuLi").each(function(i){
		$(".mainMenuLi:eq("+i+")").mouseover(function(){
			showSubMenu(i);
		});
	});
	$("body").append("<div id='subMenuContainer'></div>");
	$(".content").mouseout(function(){
		hideSubMenu();
	});
});

function showSubMenu(id){
	$("#subMenuContainer").show();
	$("#subMenuContainer").html($(".mainMenuLi:eq("+id+") div").html());
	$("#subMenuContainer").css({'top': $(".mainMenuLi:eq("+id+")").offset().top+'px'});
	$("#subMenuContainer a").mouseout(function(){
			showSubMenu(id);
	});
}

function hideSubMenu(){
	$("#subMenuContainer").hide();
}