[Vertex]

$(document).ready(function(){
    $("#gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded'});
    $("body").click(function() {
        $("#randImg").fadeOut(1000, function() {
             getRandImg();
        });
    $("#randImg").fadeIn(1000);
    });

    function getRandImg()
    {
        $.getJSON("/randImg.php", {v: 1}, function(img){
        $("#randImg").html(img.img);
        });
     }
});

<div id="gallery">
<ul id="randImg">
<li><a href="/img/company/gallery/large/image1.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image1.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image2.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image2.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image3.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image3.jpg" alt="Picture 1 title" /></a></li>
<li><a href="/img/company/gallery/large/image4.jpg" rel="prettyPhoto[gallery1]"><img src="/img/company/gallery/prew/image4.jpg" alt="Picture 1 title" /></a></li>
</ul>
</div>

все работает, но вот когда скрипт на сервере отдает случайные изображения из директории - получается DOM обновляется, и галерея отказывается работать.

1) как это исправить?
2) как сделать чтобы функция запускалась не по клику, а к примеру: каждые 5 сек?

Спасибо