var curImg;
var curIndex = -1;
var myTimer;

function showImage(index){
    if(index < $('#slideshow img').length){
        var indexImage = $('#slideshow img')[index];
        if(curImg){
            if(curImg != indexImage ){
                $(curImg).css('z-index',2);
                clearTimeout(myTimer);
                $(curImg).fadeOut(1000, function() { myTimer = setTimeout("showNext()", 3000);
                                                    $(this).css({'display':'none','z-index':1}) });
            }
        }
        
        $(indexImage).css({'display':'block', 'opacity':1});
        curImg = indexImage;
        curIndex = index;
    }
}

function showNext(){
    var len = $('#slideshow img').length;
    var next = curIndex < (len-1) ? curIndex + 1 : 0; showImage(next);
}

$(document).ready(
    function(){
        myTimer = setTimeout("showNext()", 2000);
        showNext();
    });