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]).hide();
		$(listings[index]).removeClass('featured');
		index = (index < banners.length-1)? index+1 : 0;
		$(banners[index]).show();
		$(listings[index]).addClass('featured');
		return false;
	});
	$('.prev.arrow').click(function() {
		$(banners[index]).hide();
		$(listings[index]).removeClass('featured');
		index = (index > 0)? index-1 : banners.length-1;
		$(banners[index]).show();
		$(listings[index]).addClass('featured');
		return false;
	});
});