var idIntCom;

	$(document).ready(function() {

		$(".selector").mouseover(function(){
			$(".hidden").css("display", "none"); // Oculta todas las "hidden" a la vez
			$("#vacio").css("display", "none");  // Oculta la "vacia" por si acaso
			
			var id = $(this).attr("id");
			id = id.toUpperCase();
			$("#"+id).css("display", "block"); // Muestra la que le corresponde	
      
      		clearInterval(idIntCom); // Anula la llamada a la vacia	
		});
		
		$(".selector").mouseout(function() {
    	   idIntCom = window.setInterval("ponerVacia()", 100); // Dentro de 100ms llamrá a la vacia
	    });
	
		$(".capa").mouseover(function() {
		  clearInterval(idIntCom); // Anula la llamada a la vacia	
		});
		
		$(".capa").mouseout(function() {
			  idIntCom = window.setInterval("ponerVacia()", 100); // Dentro de 100ms llamrá a la vacia
		});
		
		$(".capa > img").mouseout(function() {
  clearInterval(idIntCom); // Anula la llamada a la vacia	
	    });
		
		$(".capa > img").mouseover(function() {
		  clearInterval(idIntCom); // Anula la llamada a la vacia	
		});
  
	});
	
	function ponerVacia(){  // Si llega aqui es por que el ratón lleva mas de 100ms fuera de las "selector"
	  $(".hidden").css("display", "none");  // Oculta todas las hidden
		$("#vacio").css("display", "block");  // Muestra la vacia
		clearInterval(idIntCom); // Cierra el interval para que no esté todo el rato llamando a "ponerVacia"
	}