function slideSwitch() {
	if ($("#background img").size()>1) {
		
		var $active = $('#background img.active');
		if ( $active.length == 0 ) $active = $('#background img:last');
		// use this to pull the divs in the order they appear in the markup
		var $next =  $active.next().length ? $active.next(): $('#background img:first');	
	
		$active.addClass('last-active');
	
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() {
				$active.removeClass('active last-active');
		});
	}
}