// ------------- Global Variables -------------- //
var bannerTimer;
var bannersNum;
var bannerCount = 1;
var bannerWait
// -------------------------------------------- //

$(document).ready(function() {
  
  bannersNum = $('.bannerBoxContent').length;
  if(bannersNum > 1) {
    setTimeout("bannerChange(bannerCount)", 20000);
  }
  
});

function bannerChange(changeIndex) {
    
    if(changeIndex >= bannersNum) {
      bannerCount = 0;
      changeIndex = 0;
    }
    
    $('.bannerBoxContent').each(function(index) {
      if(index == changeIndex) {
        $('.bannerBoxContent').fadeOut(500);
        $(this).delay(550).fadeIn(500);
        bannerCount++;
      }
    });
    
    setTimeout("bannerChange(bannerCount)", 20000);
    
}