/*** 
    Simple jQuery Slideshow Script
    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
***/

function slideSwitch( slideTo ) {
var $active = $('#slideshow div.active');
if ( $active.length == 0 ) $active = $('#slideshow div:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow div:first');
$active.addClass('last-active')
.animate({opacity : 0.0}, 1000);
// added 'slideTo' variable to allow transition to a selected slide
// defaults to null, but if it's >= 0, it will use this index for '$next'
var slideTo = ( slideTo+1 )? slideTo : null;
if ( slideTo != null ) $next = $('#slideshow div').eq(slideTo);
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1000, function() {
$active.removeClass('active last-active');
});
}
$(document).ready(function(){
// hide all images except first to avoid initial flicker
$('#slideshow div').css({opacity: 0.0});
$('#slideshow div:first').css({opacity: 1.0});
// use setInterval to traverse list
var playSlideshow = setInterval( 'slideSwitch()', 3000 );
// create buttons to move to specific slide
var $slideButtons = $('#slide-buttons a.slide-button');
$slideButtons.click(function(){
// stop the slideshow, to keep it from trying to overlap our transition
clearInterval(playSlideshow);
// call the function using the index of the clicked button
slideSwitch( $slideButtons.index(this) );
// restart the slideshow
setTimeout( playSlideshow = setInterval( 'slideSwitch()', 3000 ), 3000);
});
});