function slideSwitch() {
var $active = $('#slideshow .active');
if ( $active.length == 0 ) $active = $('#slideshow img:last');
	var $next =  $active.next().length ? $active.next()
	: $('#slideshow img:first');
 
	$active.addClass('last-active');
 
	$next.css({opacity: 0.0})
		.addClass('active')
    //adjust value to change the time taken to fade between images
		.animate({opacity: 1.0}, 3000, function() {
		$active.removeClass('active last-active');
	});
}

$(document).ready(function() {    
	$('#slideshow img:first').addClass('active');
	//adjust value to change the interval between each image change
	setInterval( "slideSwitch()", 6000 );
});