var totalSlides;
var currentSlide = 1;
var slideTime = 7 * 1000;
$(document).ready(function() {
    loadSlideshow('slideshow');
});

function loadSlideshow(divId) {
    $('#' + divId +' .nextSlide').click(slideshowNext);
    $('#' + divId +' .prevSlide').click(slideshowPrev);
    totalSlides = $('#' + divId +' li').length;
    wait = setTimeout('slideshowNext()', slideTime);
    // stop slideshow while mouse is over
    // TODO: slideshow begins advancing again after user clicks a button 
    $('#' + divId).mouseover(function() {
        clearTimeout(wait);
    });
    $('#' + divId).mouseout(function() {
        wait = setTimeout('slideshowNext()', slideTime);
    });
}

function slideshowNext() {
    currentSlide = (currentSlide == totalSlides)? 1 : currentSlide + 1;
    displaySlide(currentSlide);
    return false;
}

function slideshowPrev() {
    currentSlide = (currentSlide == 1)? totalSlides : currentSlide - 1;
    displaySlide(currentSlide);
    return false;
}

function displaySlide(slideNo) {
    clearTimeout(wait);
    $('#slideshow li').each(function(i){
        if (i == slideNo - 1) {
            $(this).fadeIn(800);
        }
        else {
            $(this).hide();
        }
    });
    wait = setTimeout('slideshowNext()', slideTime);
}