Automatisk skiftende visibility for tre layers

Noget i stil med det her (er ikke testet)


<img src="first.jpg" id="first" style="visibility:hidden" />
<img src="second.jpg" id="second" style="visibility:hidden" />
<img src="third.jpg" id="third" style="visibility:hidden" />

<script type="text/javascript">
index = null;
images = [
    document.getElementById('first'),
    document.getElementById('second'),
    document.getElementById('third')
];

function switchImage() {
    if(index !== null) {
        images[index].style.visibility = 'hidden';
        index++;
        if(index >= images.length) {
            index = 0;
        }
    } else {
        index = 0;
    }
    images[index].style.visibility = 'visible';
    setTimeout('switchImage()', 3000);
}
switchImage();
</script>

Netop :) Har lavet det til divs. Kan man let smide en fade effekt ind, så de blender pænt? Men ellers er det alle pointene værd. Tak. Send lige svar.
Jeg kunne have brugt et fancy jquery script, men vil ikke belaste siden med flere scripts.

Svar.
Jeg ville i øvrigt selv bruge jQuery til fade-effekten.

Tak igen, det virker udmærket. Men hvordan man kobler jQuery på som fade er no ikke bare lige sådan...