¿por que se descoordina mi codigo?

[mensajeescrito]

Hola a todos veran tengo este codigo que junto a un poco de php me permite que una imagen se cambie aleatoriamente cada x segundos con efecto face entre cambio y cambio de imagen.


Lo que deberia pasar es:

fade para aparecer imagen 1 ( se mantiene x segundos ) fade para desaparecer,

fade para aparecer imagen 2 ( se mantiene x segundos ) fade para desaparecer,

asi sucesivamente.......



Pero lo que pasa es :

fade para aparecer imagen 1 ( se mantiene x segundos ) fade para desaparecer,

fade para aparecer imagen 2 ( se mantiene x segundos ) fade para desaparecer,


y cuando pasan unos 10 minutos mas o menos .....

fade para aparecer imagen 1 ( se mantiene x segundos ) (ahora cambia por imagen 2 asi de sopeton) y fade para desaparecer,

asi sucesivamente.......




Este es el script que estoy utilizando para ello, decir que bueno no es solo una imagen aleatoria son unas 30 aleatorias a la vez pero he esplicado el problema con una foto solo pa no extenderme demasiado, no se si es que se hace un cuello de botella en el servidor o que , pueden ayudarme gracias de antemano.


<script>

$(document).ready(function() {

function animate() {
$('#cont_foto_1').fadeIn(1500).load('random_fotos_ 2/foto_1.php #random_foto_1a').delay(10000).fadeOut(1500);
}

animate();
setInterval(animate, 13000);
});

</script>