var current = 0;
var next;
var $items;
$(document).ready(                    
    function() {
        $items = $('#slideshowContainer .slideshowImageContainer');
        setInterval( "nextSlide()", 12000 );
    }
);
function nextSlide() {
    next = current + 1;
    if ( next > $items.length - 1 ) {
        next = 0;
    } 
    $($items.get(current)).fadeOut(5000);
    setTimeout("doFadeIn()", 4500); // delay before fading in next pic
    

    current = next;
}
function doFadeIn() {
	$($items.get(next)).fadeIn(7000);
}