$(window).load(function(){
 slider.init();
});
 
 
/* INITIALISATION */
	
var slider={
 num:-1,
 actu:0, /* Numéro de l'image apparaissant à l'écran */
 al:null,
 at:10*500, /* temps d'attente, ici 5 secondes */
 autoplay:true, /* défilement automatique */
 
 
init:function(){
	 
  var d=slider.data;
  slider.num=d.length;
  var pos=Math.floor(Math.random()*slider.num);
  for(var i=0;i<slider.num;i++){
   $('#'+d[i].id).css({left:((i-pos)*1000)}); /* déplace les images pour les aligner les unes apres les autres */
   $('#numbers').append('<a id="slide-link-'+i+'" href="javascript:slider.sliding('+i+');" >'+(i+1)+'</a>');
  }

  $('img,#slider-controler',$('#slider-container')).fadeIn(1);
  slider.on(pos);
  slider.actu=pos;
  window.setTimeout('slider.auto();',slider.at);
 },

/* FONCTION DEFILEMENT AUTOMATIQUE */
 auto:function(){
  if(!slider.autoplay)
   return false;

  var next=slider.actu+1; 
  if(next>=slider.num) next=0; /* Si fin des images, retour au point de départ */
  slider.sliding(next);
 },
 
 /* FONCTION 'SLIDING THE IMAGES!' */
 sliding:function(pos){

  window.clearTimeout(slider.al);
  slider.al=window.setTimeout('slider.auto();',slider.at);

  var d=slider.data;
  for(var i=0;i<slider.num;i++)
   $('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
  
  slider.on(pos);
  slider.actu=pos;
 },
 on:function(pos){
  $('#numbers a').removeClass('on');
  $('#numbers a#slide-link-'+pos).addClass('on');
 }
};