Problema con secuencia de imágenes y AJAX

[edballo]

Hola a todos!
Tengo una secuencia de imágenes que se suceden con un efecto de desvanecimiento. Las imágenes se insertan en un div del siguiente modo:

Código HTML:

<div id="slideshow">
<img>
<img>
...
</div>
 

Y se suceden mediante la siguiente función:

Código Javascript:

function slideSwitch() {
    if($("#slideshow").children().length==1){
        int = clearInterval(int);
        return;
    }else{
        var $active = $('#slideshow IMG.active');
    
        if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
        
        var $next =  $active.next().length ? $active.next(): $('#slideshow IMG:first');
    
        $active.addClass('last-active');
    
        $next.css({opacity: 0.0})
            .addClass('active')
            .animate({opacity: 1.0}, 1000, function() {
                $active.removeClass('active last-active');
            });
    }
}
 

Hasta ahí todo perfecto. El problema viene cuando cambio, mediante AJAX, el contenido del DIV e inserto otras imágenes distintas desde un archivo PHP. La función slideSwitch ya no funciona bien, toma varias imágenes a la vez y les cambia la opacidad (css), y ya no se suceden correctamente... ¿Sabe alguien qué está pasando?

Se puede ver en funcionamiento en [URL="http://www.eduardbaviera.com"]http://www.eduardbaviera.com[/URL]
Muchas gracias!