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

/*
copyleft Michel RHO 2007
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
var duree= 3000;


// largeur de la zone d'affichage
   largeurDiv=492;
   hauteurZoneVisible=290; 
   
// 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 marge=4;
    //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 à 100px la hauteur de chaque div */
  var hauteurToutDiv=80;

   var largeur_un_char=6; // en 12px
   var hauteur_une_ligne=14; // en 12px   
   var espacement_vertical=hauteur_une_ligne*2;
   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();
//aaaa++;
//if (aaaa<3)alert("pause");
//alert ("calcul = "+fin_pause - ctrl_pause);
if (fin_pause - ctrl_pause <= 0)
  {
    clearTimeout(la_pause);
    scrolling=1;
    return;
  }
  else
  {
  la_pause = setTimeout('m_pause();',10);
  }

}

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

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()+duree;
         scrolling=0;
         m_pause();         
         }
         // limite de rotation: si tout le layer sort par le haut, 
         if(y[ii]<(hauteurDiv[ii]+10)*-1) 
         {       
              // 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];
              }       
         }
  } 
  repete=setTimeout('mouvement();',timer);
}

// new methode avec gversion net ou mic et dom true ou false
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; // cf plus haut, selon le style 
// 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;
    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;
}