var timeOuts = new Array();
var i = 1;

$(document).ready(function() {

    if ($('#slideshow IMG').size() > 1) {

        timeOuts[i] = setTimeout(function() { slideSwitch(); }, 6100);

        $('.s-prev').click(function() {
            clearAllTimeouts();
            slideSwitch('prev');
        });
        $('.s-next').click(function() {
            clearAllTimeouts();
            slideSwitch('next');
        });
    }
    else {
        $('.s-prev').css('display', 'none');
        $('.s-next').css('display', 'none');
    }
});

function slideSwitch(dir) {
    var $active = $('#slideshow IMG.active');

    var $next;
    if (dir == 'prev') {
        $next = $active.prev();
        if ($next.attr('src') == null) {
            $next = $('#slideshow IMG').last();
        }
    }
    else {
        $next = $active.next();
        if ($next.attr('src') == null) {
            $next = $('#slideshow IMG').first();
        }
    }

    $active.addClass('last-active');

    $next.css({ opacity: 0.0 })
        .addClass('active')
        .animate({ opacity: 1.0 }, 1000, function() {
            $active.removeClass('active last-active');
        });

    i += 1;
    timeOuts[i] = setTimeout(function() { slideSwitch('next'); }, 6100);
}

function clearAllTimeouts() {
    for (key in timeOuts) {
        clearTimeout(timeOuts[key]);
    }
}