var pixel_de_decalage = -10;   // le pas de decalage des div en cours de deplacement
var entre_chaque_pas  = 19;    // temps entre chaque pas de deplacement
var entre_les_slide   = 7500;  // temps entre chaque slide en millisecondes

var largeur_div;   // largeur de la div conteneur globale
var hauteur_div;   // largeur de la div conteneur globale

var element_en_cours  = 1;     // element a afficher en premier
                               // il aura pour id="thread1" ("thread" + i)

// Fonction permettant d'effectuer quelques initialisations
function initialisation()
  {
  var fenetre = document.getElementById("fenetre");
  largeur_div = parseInt(fenetre.style.width);
  hauteur_div = parseInt(fenetre.style.height);
  
  entre_les_slide       = entre_les_slide + (Math.abs(largeur_div / pixel_de_decalage) * entre_chaque_pas);
  }


// Fonction qui permet de faire apparaitre un element
// id_element correspond a l'id de l'element dans le document html
function gauche(id_element)
  {

  var hd = document.getElementById(id_element);
  var x  = window.setInterval(function()
                      {
					  var new_left = parseInt(hd.style.left) + pixel_de_decalage;
					  
					  if(new_left < 10)
					    {
						new_left = 5;
	  				    hd.style.left = new_left + "px";
						window.clearInterval(x);
						}
				      else
					    {
	  				    hd.style.left = new_left + "px";
						}
					  },
					  entre_chaque_pas);

  }
  

// Fonction qui sert a afficher un element
// numero_element est le numero de l'element a afficher thread1, thread2, etc...
// PS: on ne met que le chiffre!
function afficher(numero_element)
  {
  var hf = document.getElementById("fenetre");
  var nbre_de_slide = document.getElementsByClassName("thread").length;
   
  for(var i=1; i <= nbre_de_slide; i++)
    {
	var id_element_temporaire  = "thread" + i;
    var hd_temporaire          = document.getElementById(id_element_temporaire);
	var new_largeur            = largeur_div + 5;
	hd_temporaire.style.left   = new_largeur + "px";
	hd_temporaire.style.top    = 5 + "px";
	hd_temporaire.style.width  = (largeur_div - 10) + "px";
	hd_temporaire.style.height = (hauteur_div - 10) + "px";
	}
     
  var id_element = "thread" + numero_element;

  gauche(id_element)
  }
 
// Fonction amorce, qui appelle successivement les bonnes fonctions
// aux bons moments
function bootstrap()
  {
  // Initialisation de certains parametres
  initialisation();
  afficher(element_en_cours);
  
  y = window.setInterval(function()
                      {				     
					  var nbre_de_slide = document.getElementsByClassName("thread").length;
					  if(element_en_cours == nbre_de_slide)
					    {
						var nouvel_element = 1;
						//alert("je suis ici" + element_en_cours + " " + nouvel_element);
						}
					  else
					    {
						var nouvel_element = element_en_cours + 1;
						//alert("je suis la" + element_en_cours + " " + nouvel_element);
						}
					  element_en_cours = nouvel_element;
					  afficher(nouvel_element);
					  },
					  entre_les_slide);
  
  }
  
bootstrap();

goToLink('4pub');