var bannerIndex = 0;
var bannerTimer = 0;
var totalBanners = 0;

function changeBannerTo(id) {
	$('#banner' + bannerIndex).fadeOut(1250);
	bannerIndex = id;
	if (bannerIndex >= totalBanners || bannerIndex < 0) bannerIndex = 0;
	$('#banner' + bannerIndex).fadeIn(1250);
	
	$('[id^=bannerControl]').removeClass('selected');
	$('#bannerControl' + bannerIndex).addClass('selected');
	
	startBannerTimer();
}

function nextBanner() {
	changeBannerTo(bannerIndex + 1);
}

function startBannerTimer() {
	stopBannerTimer();
	bannerTimer = setTimeout('nextBanner()', 5000);
}

function stopBannerTimer() {
	if (bannerTimer > 0) {
		clearTimeout(bannerTimer);
	}
}

$(function() {
	startBannerTimer();
});