$(document).ready(function(){
	
	function fadeBanners() {
	
		var $selected = $('#slideshow li.selected');
		if ($selected.length == 0 ) $active = $('#slideshow li:last');
		
		var $next =  $selected.next().length ? $selected.next() : $('#slideshow li:first');
		$selected.addClass('lastSelected');
		
		$next.css({opacity: 0.0})
			.addClass('selected')
			.animate({opacity: 1.0}, 1000, function() {
				$selected.removeClass('selected lastSelected');
			});	
	}
	
	nextBanner = setInterval(function(){fadeBanners()}, 5 * 1000);

})