$(document).ready(function() {

// Tabla de imagenes
	$('#img1').tooltip({showURL: false});
	$('#img2').tooltip({showURL: false});
	$('#img3').tooltip({showURL: false});
	$('#img4').tooltip({showURL: false});
	$('#img5').tooltip({showURL: false});
	$('#img6').tooltip({showURL: false});
	$('#img7').tooltip({showURL: false});
	$('#img8').tooltip({showURL: false});
	$('#img9').tooltip({showURL: false});
	$('#img10').tooltip({showURL: false});


	var _timeAnimar = "";
	var _timeAnimar2 = "";

$('map area').each(function(){	
	$(this).hover(
		function () {		
			
			clearTimeout(_timeAnimar2 );
			clearTimeout(_timeAnimar );
			

			var bicho = $(this);

_timeAnimar = setTimeout(function() { animar(bicho) }, 200);	
			
			//alert(_timeAnimar2)
	
		}, 
		function () {			
			clearTimeout(_timeAnimar2 );
			clearTimeout(_timeAnimar ); 
			
		
			_timeAnimar2 = setTimeout(function() { animar2() },700);
		}
	   );
}); 

function animar(elemento) {
	
	var capaImg = $("#tabla-imagenes");
	var imagen = $("#imagen");
	var img_imagen = $("#img_imagen");
	var foto = elemento.attr('href');
	
		if(imagen.css('display') == 'none') {
		
		capaImg.fadeOut("fast",function () {
				img_imagen.attr('src',foto);
				imagen.fadeIn("slow"); 
		});
		
		} else {
			t = setTimeout(function() { 
				capaImg.fadeOut("fast",function () {
				img_imagen.attr('src',foto);
				imagen.fadeIn("slow"); 
			}); },300);											 
		}
	
	clearTimeout(_timeAnimar );

}

function animar2() {
	var capaImg = $("#tabla-imagenes");
	var imagen = $("#imagen");
	var img_imagen = $("#img_imagen");
	
	imagen.fadeOut("slow",function(){
		img_imagen.attr('src','');
		capaImg.fadeIn("slow"); 
	});
	
	
	clearTimeout(_timeAnimar2 );
}
	

});