var bannerIndex = 0;

$(document).ready(function () {
	switchBanner();
});

function switchBanner() {
  var banners = $('#banner .banner');

  if (banners.size() == 0)
    return; // hack for other page, index page should get its own script

  var newBannerIndex = (bannerIndex+1) % banners.size();
  if (bannerIndex > -1)
    banners.eq(bannerIndex).hide();
  banners.eq(newBannerIndex).show();
  bannerIndex = newBannerIndex;
  
  window.setTimeout(function() { $('#fader').fadeIn() }, 5500);
  window.setTimeout(function() { $('#fader').fadeOut() }, 6000);
  window.setTimeout(function() { switchBanner(); }, 6000);
}