Rotador de imágenes Javascript & php [Problema]

[crash1912]

Hola de nuevo!

Estoy tratando de crear un rotador aleatorio de imágenes, seleccionándolas de una base de datos mediante php y recargando el div donde ha de mostrarse mediante setInterval.

Funciona correctamente mientras se mantenga la ventana sin minimizar o cambiar de pestaña, en caso contrario, es como si se fueran acumulando TODAS las imágenes que se deberían haber ido mostrando, y al volver a la ventana donde se está ejecutando el script, empiezan a mostrarse todas sin respetar pausas ni nada.

Os dejo el código y a ver si me podéis echar una mano, a parte, creo que también es una aportación al foro una vez funcione correctamente, simple y fácil de implementar en cualquier sitio .

Código PHP:

  
<script type="text/javascript">    
    function imagerand(){ 
        $("#imagerand").fadeOut(1500, function(){ 
            // uso timestamp para evitar que en internet explorer se muestre siempre el mismo contenido.
            var timestamp = Math.round((new Date()).getTime() / 1000);
            $("#imagerand").load('rotador.php?imagerand=' + timestamp + '', function(){ 
                $("#imagerand").fadeIn(2500);
            });                 
        });          
    }
    
    setInterval( "imagerand();", 5000 );
</script> 
  

Sin más, espero impaciente un poco de ayuda!
Un Saludo!

[crash1912]

He probado con una chapucilla pero tampoco sirve de nada:

Código PHP:

  
    $(document).focus(function(){
        var intrvl;
        intrvl = setInterval( "imagerand();", 5000 );      
    });     
    
    $(window).focusout(function(){
       clearInterval(intrvl);        
    }); 
   

[crash1912]

Alguna forma de detener el script al pasar la ventana a inactividad? es lo único que se me ocurre...