$(function(){
	var retardo;
	var retardo2;
	$("#subm1").mouseover(function(){
		  clearTimeout(retardo);
		  $(".submenu-1").fadeIn("fast");
	});
	$("#subm1").mouseout(function(){
		  retardo = setTimeout( function()
		  {
			 $(".submenu-1").fadeOut("fast");
		  }, 500);
	  });
	
	$(".submenu-1").mouseover(function(){
		clearTimeout(retardo);
	});
	$(".submenu-1").mouseout(function(){
		  retardo = setTimeout( function()
		  {
			 $(".submenu-1").fadeOut("fast");
		  }, 500);
	  });
		
	$("#subm2").hover(
	  function(){
		  clearTimeout(retardo2);
		  retardo2 = setTimeout( function()
		  {
			 $(".submenu-2").fadeIn("fast");
		  }, 500);
	},
	  function(){
		  retardo2 = setTimeout( function()
		  {
			 $(".submenu-2").fadeOut("fast");
		  }, 500);
	  }
	);
	
	$(".submenu-2").hover(
	  function(){
		clearTimeout(retardo2);
	},
	  function(){
		  retardo2 = setTimeout( function()
		  {
			 $(".submenu-2").fadeOut("fast");
		  }, 500);
	  }
	);
		
});