$(document).ready(function(){   
  // Keynotes
  initScroller('keynotesScroller');
  animScroller('keynotesScroller', 1) ;
});

function none() {}

function initScroller(element) {	
  // on recupere la largeur et hauteur du conteneur principal
  var l = $('.'+ element +' .ulItem').width();
  var h = $('.'+ element +' .liItem').height();

  // on recupere le nombre d'item
  var nb = $('.'+ element +' .liItem').length;

  // la largeur d'un item
  var la = $('.'+ element +' .liItem').width();
  la = (la+15); // on ajoute un espacement

  // on positionne les conteneurs
  $('.'+ element ).css({position:'relative', overflow:'hidden', height:h+'px', width:l+'px'});
  $('.'+ element +' .liItem').css({visibility:'visible'});
  $('.'+ element +' .liItem').css({position:'absolute', overflow:'hidden', width:l+'px'});
    
  // on cache
  $('.'+ element +' .liItem').hide();	 
}

function animScroller(obj, element) {		
  var nb = 0;
  if ( $('.' + obj + ' .liItem') )
    nb = $('.' + obj + ' .liItem').length;
  var elementSuivant = (element + 1 );   
  if (elementSuivant <= nb) {
    if ( element == 1 )
      previous = nb - 1;
    else
      previous = element - 1;      
    $('.'+ obj +' .liItem:eq(' + previous + ')').fadeOut(500, function(){show(obj, element)});
    setTimeout(function(){animScroller(obj, elementSuivant)}, 6000);
  } else {    
    if ( nb > 0 )      
      animScroller(obj, 1);
  };
}

function show(obj, element) {
  $('.'+ obj +' .liItem:eq(' + element + ')').fadeIn(500);	 
}