// JavaScript Document
	 $(document).ready(function(){
	   $("#cabeceraLogo").css({ background: 'none'});



	var tiempo_inicio_anim = 200;
	var tiempo_entre_img = 3000;
	var tiempo_fade = 1000;
	
	function animacion_simple() {
		
		// Mostramos la foto 1
		$("#cabeceraLogo1").fadeIn(tiempo_fade);
 
		// Cuando pasen otros 3000 milisegundos, ocultamos la foto 1 y mostramos la foto 2
		setTimeout(function() {
			// Ocultamos la foto 1
			$("#cabeceraLogo1").fadeOut(tiempo_fade);
			// Mostramos la foto 2
			$("#cabeceraLogo2").fadeIn(tiempo_fade);
		}, tiempo_entre_img);
	
		// Cuando pasen otros 3000 milisegundos, ocultamos la foto 2 y mostramos la foto 3
		setTimeout(function() {
			// Ocultamos la foto 2
			$("#cabeceraLogo2").fadeOut(tiempo_fade);		
			// Mostramos la foto 3
			$("#cabeceraLogo3").fadeIn(tiempo_fade);
		}, tiempo_entre_img*2);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 3 y mostramos la foto 4
		setTimeout(function() {
			// Ocultamos la foto 3
			$("#cabeceraLogo3").fadeOut(tiempo_fade);
		
			// Mostramos la foto 4
			$("#cabeceraLogo4").fadeIn(tiempo_fade);
		}, tiempo_entre_img*3);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 4 y mostramos la foto 5
		setTimeout(function() {
			// Ocultamos la foto 4
			$("#cabeceraLogo4").fadeOut(tiempo_fade);
		
			// Mostramos la foto 5
			$("#cabeceraLogo5").fadeIn(tiempo_fade);
		}, tiempo_entre_img*4);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 5 y mostramos la foto 6
		setTimeout(function() {
			// Ocultamos la foto 5
			$("#cabeceraLogo5").fadeOut(tiempo_fade);
		
			// Mostramos la foto 6
			$("#cabeceraLogo6").fadeIn(tiempo_fade);
		}, tiempo_entre_img*5);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 6 y mostramos la foto 7
		setTimeout(function() {
			// Ocultamos la foto 6
			$("#cabeceraLogo6").fadeOut(tiempo_fade);
		
			// Mostramos la foto 7
			$("#cabeceraLogo7").fadeIn(tiempo_fade);
		}, tiempo_entre_img*6);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 7 y mostramos la foto 8
		setTimeout(function() {
			// Ocultamos la foto 7
			$("#cabeceraLogo7").fadeOut(tiempo_fade);
		
			// Mostramos la foto 8
			$("#cabeceraLogo8").fadeIn(tiempo_fade);
		}, tiempo_entre_img*7);
			// Cuando pasen otros 3000 milisegundos, ocultamos la foto 8 y mostramos la foto 9
		setTimeout(function() {
			// Ocultamos la foto 8
			$("#cabeceraLogo8").fadeOut(tiempo_fade);
		
			// Mostramos la foto 9
			$("#cabeceraLogo9").fadeIn(tiempo_fade);
		}, tiempo_entre_img*8);
	
			setTimeout(function() {
			// Ocultamos la foto 9
			$("#cabeceraLogo9").fadeOut(tiempo_fade);
		
			// Mostramos la foto 10
			$("#cabeceraLogo10").fadeIn(tiempo_fade);
		}, tiempo_entre_img*9);
		// Cuando pasen otros 3000 milisegundos, ocultamos la foto 10 y volvemos a iniciar la animación
		setTimeout(function() {
			// Ocultamos la foto 10
			$("#cabeceraLogo10").fadeOut(tiempo_fade);
			// Iniciamos otra vez la animación
			animacion_simple();
		}, tiempo_entre_img*10);
 
	}
	
	//Empezamos la animación a los 200 milisegundos
	setTimeout(function() {
		animacion_simple();
	}, tiempo_inicio_anim);
	
	 });