[jQuery] fade in first problem

[rockblock]

Hi,
I am using the jQuery Cycle plugin to rotate backgrounds on my
website. I am using the fade effect, with random image order and
fading in the first image. The problem is, the timeout works even on
the very first image. But that means, after the page is loaded, I have
to wait 30sec. to see the first image. I have been trying to play
around the variables, delays, timeouts, but non of them would work.

My goal: have a fade random slideshow, the first image fade in after 2
sec., then all the other images should change every 30sec.

Here is my code, please help me out of this:

<script type="text/javascript">
$(function() {
        $('.pics img').css({
        opacity: 0
    });
       setTimeout(function() {
        $('#slideshow').cycle({
            random: 1,
            delay: 2000
        });
            $('.pics img').css({
                opacity: 0
            });
    }, 30000);
});
</script>