//var cptMo,nbBanner,cpt,timer,firstBack;
var banner,animRunning,delay,currentBanner;

$(window).ready(function(){
  Shadowbox.init();
  
  delay = 6000;
  
  banner = $('#banner .banner-element');
  currentBanner = 0;
  $(banner[currentBanner]).show();
  
  animRunning = true;
  
  if(banner.length > 1){
    createNav();
    setTimeout('showNext()', delay);
  }
});

function createNav(){
  var container = $(document.createElement('div')).addClass('banner-nav');
  var prev = $(document.createElement('div')).addClass('nav-left').click(function(){
    animRunning = false;
    showPrevious(true);
  });
  var next = $(document.createElement('div')).addClass('nav-right').click(function(){
    animRunning = false;
    showNext(true);
  });
  container.append(prev);
  
  for(var i = 0; i < banner.length; i++){
    var tempNav = $(document.createElement('div')).addClass('nav-point').attr('id', 'nav-point-'+i);
    if(i == 0){
      tempNav.addClass('active');
    }
    container.append(tempNav);
  }
  
  container.append(next);
  
  $('#banner').append(container);
}

function showNext(override){
  if(animRunning || override){
    $(banner[currentBanner]).stop().fadeOut('slow');
    $('#nav-point-'+currentBanner).removeClass('active');
    
    currentBanner++;
    if(currentBanner >= banner.length){
      currentBanner = 0;
    }
    
    $(banner[currentBanner]).stop().fadeIn('slow');
    $('#nav-point-'+currentBanner).addClass('active');
    
    if(animRunning){
      setTimeout('showNext()', delay);
    }
  }
}
function showPrevious(override){
  if(animRunning || override){
    $(banner[currentBanner]).stop().fadeOut('slow');
    $('#nav-point-'+currentBanner).removeClass('active');
    
    currentBanner--;
    if(currentBanner < 0){
      currentBanner = banner.length-1;
    }
    
    $(banner[currentBanner]).stop().fadeIn('slow');
    $('#nav-point-'+currentBanner).addClass('active');
  }
}