// set the active image
var $active = $('div:first','#slideShow');
$active.addClass('slideActive');

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

	// mark the active as last active
	$active.addClass('slidePrevious');
	
	// fade out the active and fade in the next, then trade classes
	$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()", 4200 );
});