// adapte ou compatib.js doit être chargé avant

/*
copyleft Michel RHO 2007-2009
Ce script permet de faire défiler des layers de dimensions semblables dans une
boite. Les layers se suivent du bas vers le haut (mais on peut changer la direction)
et celui qui disparait se recolle en dessous du dernier pour créer un mouvement continu.
*/

var repete;

// déclaration de toutes les variables
var i, ii,largeurDiv, hauteurZoneVisible, zone_top, zone_left, layer_defilant, fin_pause, la_pause;

// duree de la pause
dureePause = 1000;


// largeur de la zone d'affichage
   largeurDiv=326;
   hauteurZoneVisible=446;
   
// position texte defilant par rapport à la zone affichage
    //zone_top=hauteurZoneVisible; // on démarre en bas
    // NON : on démarre en haut
    zone_top = 10; 
    zone_left=0;
    var margex=20;
    //var departx=marge; 
// compteurs
   var scrolling = 1; // le pas du défilement
   var timer=30;

// variables des div défilant

/* pour l'instant, on simplifie : on fixe à l'identique la hauteur de chaque div */
  var hauteurToutDiv=110;
   var largeur_un_char=6; // en 12px
   var hauteur_une_ligne=14; // en 12px   
   var espacement_vertical=hauteur_une_ligne;
   var hauteurDiv=new Array(); // calculee par l'init en fonction de la longueur du texte
   var largeur_une_ligne; // pour estimer la hauteur des div défilants (inutilisée ici )

// nombre de div défilants :
   if (!nbre_defile)var nbre_defile=1; // actualisé par le php
   var x=new Array();
   var y=new Array();
// fin des initialisations manuelles

// timer de pause
var date_pause = new Date();
var debut_pause;
var ctrl_pause;

//var aaaa = 0;

function m_pause() {
var d2=new Date();
ctrl_pause=d2.getTime();
if (fin_pause - ctrl_pause <= 0)
  {
    clearTimeout(la_pause);
    scrolling=1;
  }
  else
  {
  var la_pause = setTimeout('m_pause();',1);
  }

}

function pause_souris(){ // arreter le défilement sous la souris
         if (typeof(repete)!="undefined")clearTimeout(repete);
         scrolling = 0;
}
function redemarre(){ // reprendre le defilement
         scrolling = 1;
}

function mouvement(){ 
  for (ii=1; ii<=nbre_defile; ii++)
  {
  y[ii]-=scrolling;
         place("defile"+ii,x[ii],y[ii]);
         // faire une pause
         if(y[ii]==nbre_defile) {
           y[ii]=nbre_defile-1
           clearTimeout(repete);
           date_pause=new Date();
           fin_pause=date_pause.getTime()+dureePause;
           scrolling=0;
           m_pause();
         }
         // limite de rotation: si tout le layer sort par le haut,
         if(y[ii]<-1*(hauteurDiv[ii]+10) )
         { 
              // le placer à la suite du précédent s'il existe
              if (y[ii-1]){
                  y[ii]=y[ii-1]+hauteurDiv[ii-1]+espacement_vertical;
              }else{ // sinon, c'est le premier, on le remet en bas, sous le dernier
                  y[ii]=y[ii+nbre_defile-1]+espacement_vertical+hauteurDiv[ii+nbre_defile-1];
              }
         }
  }
  var repete=setTimeout('mouvement();',timer);
}








// version du 04 08 2009
function initZone(){
// comme pour l'instant ils ont tous la même taille, on peut se passer du calcul ci-dessous
//largeur_une_ligne=largeurDiv/largeur_un_char; // à faireà partir des nodes html
// initialiser chaque layer defile
for (i=1; i<=nbre_defile; i++)
  {
    layer_defilant="defile"+i;
    // on décide pour l'instant (03 2007) qu'ils ont tous la même hauteur
    hauteurDiv[i]=hauteurToutDiv;
    //hauteurDiv[i]=fixeHauteur(layer_defilant,eval("message"+i));
    place(layer_defilant,zone_left,zone_top);
    x[i]=zone_left+margex;
// modif 04 08 2009 : ajout de la condition, permet un arrêt au départ
   if (i==1)
      {
      y[i]=zone_top + 1;
      }else{
     y[i]=zone_top;
     }
    // decaler le suivant avec une marge
    zone_top+=hauteurDiv[i]+espacement_vertical;
  }
mouvement();
}

function fixeHauteur(calque, le_texte){
var nombre_lignes=le_texte.length/largeur_une_ligne;
hauteur=Math.round(hauteur_une_ligne*nombre_lignes);
eval (layerRef+calque+styleSwitch+'.height='+hauteur);
return hauteur;
}