$(document).ready(function () {
	
	setInterval( "slideSwitch()", 4000 );	

});

function slideSwitch() {
	var active = jQuery('#slideshow DIV.active');

	if ( active.length == 0 ) active = jQuery('#slideshow DIV:last');

	// use this to pull the divs in the order they appear in the markup
	var next =  active.next().length ? active.next()
		: jQuery('#slideshow DIV:first');

	active.addClass('last-active');

	next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			active.removeClass('active last-active');
		});
}

