var switchInt;
function slideSwitch($nextSlide, $nextThumbItem){
    clearInterval(switchInt);
    var $active = $('.jsslideshow li.active');
    if ($active.length == 0) $active = $('.jsslideshow li:first');
    if ($nextSlide)
        var $next = $nextSlide;
    else
        var $next = ($active.next().length) ? $active.next() : $('.jsslideshow li:first');
   
    var $activeThumb = $('.jsthumbs li.active');
    if ($activeThumb.length == 0) $activeThumb = $('.jsthumbs li:first');
    if ($nextThumbItem)
        var $nextThumb = $nextThumbItem;
    else
        var $nextThumb = ($activeThumb.next().length) ? $activeThumb.next() : $('.jsthumbs li:first');
   
    $active.addClass('last-active');
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 800, function() {
            $active.removeClass('active last-active');
            $nextThumb.addClass('active');
            $activeThumb.removeClass('active');
        });
    $nextThumb.addClass('active').children().animate({opacity: 0.0}, 800);
    $activeThumb.removeClass('active').children().animate({opacity: 0.4}, 800);
    if ($('.jsslideshow').children().size() > 1) {
        switchInt = setInterval( "slideSwitch(0,0)", 8000 );
    }
}
jQuery(function($){
    // Make everything active if js is enabled
    $('.jsgallery').addClass('jsslideshow');
    $('.jsslideshow li:first').addClass('active');
    $('.jsthumbs').show();
    $('.jsthumbs li:first').addClass('active').children().animate({opacity: 0.0}, 800);
   
    $('.jsthumbs li').click(function(){
        slideSwitch($('.jsslideshow .' + this.className), $(this));
    });
    switchInt = setInterval( "slideSwitch(0,0)", 8000 );
});