$(document).ready(function(){ 
  /*
  
  // News
  initScroller('newsScroller');
  animScroller('newsScroller', 0, "newsNavScroller") ;

  // Messages
  initScroller('scrollPage2');
  animScroller('scrollPage2', 0) ;

  // Video
  initScroller('videoScroller');
  animScroller('videoScroller', 0, "videoNavScroller") ;
  */

  // Box Menu
  /*
  initScrollBox('box_menu', 4);
  try {
    if ( selectedIndex ) {
      showScrollBox('box_menu', (Math.ceil(selectedIndex/4)), 4);
    }
  } catch(e) {
    
  }
  */

  // Box download
  //initScrollBox('box_download', 1);
  //showScrollBox('box_download', 1, 1);

  /*
  $('.navScrollPage a').click(function() {
    var page = $(this).html();								 
    stopanimScroller(page)	;					  
  });
  */		
});

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', top:'0', left:'0', overflow:'hidden', width:l+'px'});
  
  // on positionne les item et on leur donne une classe
  // pour la gestion du clic sur le numero de page
  for(i=0 ; i<= nb ; i++) {		
    var p = (i*la);
    $('.'+ element +' .liItem:eq('+ i +')').css({position:'absolute', top:'0', left:'0'});
    $('.'+ element +' .liItem:eq('+ i +')').addClass('liItem_'+i);
  };
  
  // on cache
  $('.'+ element +' .liItem').hide();	 
}

function stopanimScroller(page) {
  $('.navScrollPage a').css({'opacity': '1'});
  $('.navScrollPage a').stop();								 
  navScrollPage(page);
}

function animScroller(obj, element, navElement) {		
  // on recupere le nombre d'item
  var nb = 0;
  if ( $('.' + obj + ' .liItem') )
    nb = $('.' + obj + ' .liItem').length;
  var elementSuivant = (element + 1 );   
  if (elementSuivant <= nb) {
    $('.' + navElement + ' a').removeClass('actif');
    $('.' + navElement + ' a:eq('+ element +')').addClass('actif');
    $('.' + navElement + ' a:eq('+ (element+5) +')').addClass('actif');    
    $('.' + obj + ' .ulItem .liItem').fadeOut(2000);
    // on recherche l'item correspondant au numéro   
    var itemPage = '.' + obj + ' .ulItem .liItem_'+(element);    
    // on affiche l'item
    $(itemPage).fadeIn(2000);        
    $('.' + navElement + ' a:eq('+ element +')').animate({'opacity': '1'}, 6000, function(){animScroller(obj, elementSuivant, navElement);} );
  } else {    
    if ( nb > 0 )
      animScroller(obj, 0, navElement);
  };
}

var currentsPageNumber = {};

function initScrollBox(element, number_elements) {
  var nb = $('.' + element + ' .liItem').length;

  for(i = 0 ; i < Math.floor(nb/number_elements) + 1; i++) {	
    $('.' + element + ' .number a').eq(i).click(function() {
      showScrollBox(element, this.innerHTML, number_elements);
    });
  }
  
  for(i = 0 ; i < nb; i++) {	
    $('.' + element + ' .liItem').eq(i).css( "display", "inline" );
    $('.' + element + ' .liItem').eq(i).hide();
  }

  currentsPageNumber[element] = 1;
}

function showScrollBox(element, pageNumber, number_elements) {  
  $('.' + element + ' .number a').eq(currentsPageNumber[element]-1).removeClass('actif');
  $('.' + element + ' .number a').eq(pageNumber-1).addClass('actif');

  var start = (number_elements * (currentsPageNumber[element] - 1)) + 1;
  for (i = start; i < start + number_elements; i++) {	
    $('.' + element + ' .liItem').eq(i - 1).hide();
  }
  currentsPageNumber[element] = pageNumber;
  var start = (number_elements * (currentsPageNumber[element] - 1)) + 1;
  for (i = start; i < start + number_elements; i++) {	
    $('.' + element + ' .liItem').eq(i - 1).fadeIn("slow");
  }  
}