function slideSwitch() {
	
	// set the active image
	var $slideshow = $('#slideShow'); 
	var $active = $('div.slideActive',$slideshow);
	if ( $active.length == 0 ) $active = $('div:last',$slideshow);
		
	// set the next image to be active (first if current active is last)
	var $next =  $active.next().length ? $active.next()	: $('div:first',$slideshow);

	// mark the active as last active
	$active.addClass('slidePrevious');
	
	// fade out the active and fade in the next, then trade classes
	$active.fadeOut(1000,function(){			
		$next.css({display: "block", opacity: 0.0})
			.addClass('slideActive')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('slideActive slidePrevious')
					.css({display: "none"});
			});
	});
}
$(window).load(function() {
	// Set the length between transitions in milliseconds below
	setInterval( "slideSwitch()", 8000 );
});