$(document).ready(function(){
var tiempo_inicio_anim = 200;
var tiempo_entre_img = 3000;
var tiempo_fade = 1000;
function animacion_simple() {
// Mostramos la foto 1
$("#multi").fadeIn(tiempo_fade);
// Cuando pasen otros 3000 milisegundos, ocultamos la foto 1 y mostramos la foto 2
setTimeout(function() {
// Ocultamos la foto 1
$("#multi").fadeOut(tiempo_fade);
// Mostramos la foto 2
$("#detectiv").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
$("#detectiv").fadeOut(tiempo_fade);
// Mostramos la foto 3
$("#informes2").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
$("#informes2").fadeOut(tiempo_fade);
// Mostramos la foto 4
$("#juridico").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
$("#juridico").fadeOut(tiempo_fade);
// Mostramos la foto 5
$("#security").fadeIn(tiempo_fade);
}, tiempo_entre_img*4);
// Cuando pasen otros 3000 milisegundos, ocultamos la foto 5 y volvemos a iniciar la animación
setTimeout(function() {
// Ocultamos la foto 5
$("#security").fadeOut(tiempo_fade);
// Iniciamos otra vez la animación
animacion_simple();
}, tiempo_entre_img*5);
}
//Empezamos la animación a los 200 milisegundos
setTimeout(function() {
animacion_simple();
}, tiempo_inicio_anim);
});