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