$(document).ready(function () {
    initSlideshow();
});

function initSlideshow () {
    if ($('div.slideshow').length == 1) {
        slideshowSetPositionIndicator(0);
        setTimeout(nextSlide, 4000);
    }
}

var slideshowPosition = 0;

function nextSlide ()
{
    var maxSlides = 3;
    if (slideshowPosition < (maxSlides - 1)) {
        slideshowPosition = slideshowPosition + 1;
    } else {
        slideshowPosition = 0;
    }
    slideshowSlideTo(slideshowPosition);
    setTimeout(slideshowSetPositionIndicator, 1000, slideshowPosition);
    setTimeout(nextSlide, 4000);
    return false;
}

function slideshowSlideTo (slide)
{
    var oldSlide = $('div.slideshow div.slide.active').index();
    var newSlide = $('div.slideshow div.slide').eq(slide);
    newSlide.addClass('active').css({display: 'none'});
    if (slide == 0) {
        $('div.slideshow div.slide').eq(0).css('z-index', '1');
    }
    newSlide.fadeIn(1000, function () {
        $('div.slideshow div.slide').eq(oldSlide).css({display: 'none'}).removeClass('active');
        if (slideshowPosition == 0) {
            $('div.slideshow div.slide').eq(0).css('z-index', '');
        }
    } );
}

function slideshowSetPositionIndicator (position)
{
    $('div.slideshow div.slide div.slidePositionIndicator').css('background-position', '0px ' + (0 - (20 * position)) + 'px');
}