var index = 0;
var banners = null;
var listings = null;
$(function() {
	banners = $('#upcoming-shows .banners li');
	listings = $('#upcoming-shows .listing li');
	banners.hide();
	$(banners[0]).show();
	$('.next.arrow').click(function() {
		$(banners[index]).fadeOut('fast', function () { 
			$(listings[index]).removeClass('featured');
			index = (index < banners.length-1)? index+1 : 0;
			$(banners[index]).fadeIn('fast');
			$(listings[index]).addClass('featured');																	
		});		
		return false;
	});
	$('.prev.arrow').click(function() {
		$(banners[index]).fadeOut('fast', function() { 
			$(listings[index]).removeClass('featured');
			index = (index > 0)? index-1 : banners.length-1;
			$(banners[index]).show();
			$(listings[index]).addClass('featured');
		});
		return false;
	});
});