// JavaScript Document

$(document).ready (function(){
	//variables con tiempo para la funcion de animacion
	var tie_in_an = 50;
	var tie_entra_img = 10000;  
    var tie_fade = 5000;  
	
	function anima(){
		
		
		// Mostramos la foto 1  
        $(".foto1").fadeIn(tie_fade);
  
        // Cuando pasen otros 3000 milisegundos, ocultamos la foto 1 y mostramos la foto 2  
        setTimeout(function() {  
            // Ocultamos la foto 1  
            $(".foto1").fadeOut(tie_fade);  
            // Mostramos la foto 2  
            $(".foto2").fadeIn(tie_fade);  
        }, tie_entra_img);  
  
        // Cuando pasen otros 3000 milisegundos, ocultamos la foto 2 y mostramos la foto 3  
        setTimeout(function() {  
            // Ocultamos la foto 2  
            $(".foto2").fadeOut(tie_fade);  
            // Mostramos la foto 3  
            $(".foto3").fadeIn(tie_fade);  
        }, tie_entra_img*2);  
		
  
  
        // Cuando pasen otros 3000 milisegundos, ocultamos la foto 4 y volvemos a iniciar la animación  
        setTimeout(function() {  
            // Ocultamos la foto 3  
            $(".foto3").fadeOut(tie_fade);  
            // Iniciamos otra vez la animación  
            anima();  
        }, tie_entra_img*3);
		
		}
		
	setTimeout(function() {  
        anima ();  
    }, tie_in_an);
							
});