function showBanner(banner_id) {
	//hide all banners
	hideAllBanners();

	//sort the active classes on tabs
	$('.tabs li').removeClass("active");
	$('#banner-tab-'+banner_id).addClass("active");

	//show the correct banner now
	var banner_id = banner_id;
	$("#banner-"+banner_id).show();
	return false;
}

function hideAllBanners() {
	$(".banner").each(
		function hideBanners(index, banner) {
			//now we can hide all banners
			$(".banner").hide();
		}
	);
}
	
$(document).ready(function(){
	//assign each banner with a unique ID
	$(".banner").each(
		function hideBanners(index, banner) {
			//now we can hide all banners
			$(".banner").hide();
		}
	);
	
	//show first banner only
	$('.banner:first').show();
	
	$('.tabs li:first').addClass("active");
	
	var banner_count = $(".banner").length;
	//show tabs if we have more than 1 banner
	if (banner_count > 1 ) {
		$("#banner-tabs").show();
		$("#banner-overlay-left").hide();
	}
});