/************************************************************************************************************************************************************************************************************

 Scripts

  - préchargement des images
  - défilement des photos dans la colonne de droite

************************************************************************************************************************************************************************************************************/


/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//   Déclarations globales
//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


   ypos=0;      // Position verticale en pixels de la première ligne du tableau qui contient les visuels par rapport au conteneur
   timer=40;    // Temps en milisecondes entre chaque remontée du tableau des images d'un pixel
   pointeur=7;  // Pointeur dans le tableau 'photos' vers la prochaine image à insérer dans le tableau des images

   var photos=new Array("ptr1.jpg","ptr2.jpg","orh1.jpg","orh2.jpg","tdx1.jpg","tdx2.jpg","cfia1.jpg","cfia2.jpg","fg1.jpg","fg2.jpg","femov1.jpg","femov2.jpg","scs1.jpg","scs2.jpg","rfh1.jpg","rfh2.jpg","ind1.jpg","ind2.jpg"); // Liste des photos affichées dans l'animation
   var legendes=new Array("Print'Or","Print'Or","Orhopa","Orhopa","Tradexpo","Tradexpo","CFIA Rennes","CFIA Rennes","Foods & Goods","Foods & Goods","Forum de l'électronique","Forum de l'électronique","SCS Paris","SCS Paris","Industrie","Industrie"); // Légendes des photos

   var ok; // sentinelle utilisée pour le préchargement des images
   var i;  // compteur utilisé pour le préchargement des images

   var imgs=new load("./gfx/interface/fond-haut.gif","./gfx/interface/bdr-droit.gif","./gfx/interface/bdr-gauche.gif","./gfx/interface/coin-bas-droit.gif","./gfx/interface/coin-bas-gauche.gif","./gfx/interface/coin-haut-gauche.gif","./gfx/interface/coin-haut-droit.gif","./gfx/interface/bdr-haut.gif","./gfx/interface/bdr-bas.gif","./gfx/interface/chapeau-haut.gif","./gfx/interface/chapeau-bas.gif","./gfx/logos/ptr.gif","./gfx/logos/agor.gif","./gfx/logos/v.gif","./gfx/logos/cfiam.gif","./gfx/logos/cfiar.gif","./gfx/logos/o.gif","./gfx/logos/f&g.gif","./gfx/logos/indl.gif","./gfx/logos/expoindus.gif","./gfx/logos/gl.gif","./gfx/logos/rfh.gif","./gfx/logos/scs.gif","./gfx/logos/tdx.gif","./gfx/logos/orh.gif","./gfx/logos/m.gif","./gfx/logos/fe.gif","./photos/ptr1.jpg","./photos/ptr2.jpg","./photos/orh1.jpg","./photos/orh2.jpg","./photos/tdx1.jpg","./photos/tdx2.jpg","./photos/cfia1.jpg","./photos/cfia2.jpg","./photos/fg1.jpg","./photos/fg2.jpg","./photos/femov1.jpg","./photos/femov2.jpg","./photos/scs1.jpg","./photos/scs2.jpg","./photos/rfh1.jpg","./photos/rfh2.jpg","./photos/ind1.jpg","./photos/ind2.jpg"); setTimeout("verifie()",200);



/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//   Fonction d'inatialisation
//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

   function init()
    {
     document.body.style.display="block";  // afficher le corps de la page web chargée
     window.setTimeout("defiler()",timer); // lancement de l'animation des photos de la colonne de gauche
    }




/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//   Préchargement des images
//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

   function load()
    {
     this.length=load.arguments.length;
     for (var i=0;i<this.length;i++)
      {
       this[i]=new Image();
       this[i].src=load.arguments[i];
      }
    } // function load

   function verifie()
    {
     ok=true;
     for (i=0;i<imgs.length;i++)
      {
       if (!(imgs[i].complete))
        {
         ok=false;
        }
      }
     if (!ok)
      {
       setTimeout("verifie()",200);
      }
     else
      {
       chargePage();
      }
    } // function verifie

   function chargePage() { init(); } // function chargePage

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
// Animation des photos dans la colonne de gauche
//
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


   function defiler()
    {
     if (ypos==-120) // si on a fait défiler une photo
      {
       // supression de la première et de la seconde ligne

       document.getElementById("tab_pellicule").deleteRow(0);
       document.getElementById("tab_pellicule").deleteRow(0);

       // repositionnement du tableau qui vient de perdre sa première ligne

       document.getElementById("mouvement").style.top="0px";

       // création de la nouvelle ligne, puis d'une cellule et remplissage de cette dernière
       pointeur++;

       var ligne=document.getElementById("tab_pellicule").insertRow(-1);
       var cellule=ligne.insertCell(0);
       if (pointeur==photos.length) pointeur=0;
       cellule.innerHTML = "<img src=\"./photos/"+photos[pointeur]+"\" width=\"150\" height=\"100\" />";

       ligne=document.getElementById("tab_pellicule").insertRow(-1);
       cellule=ligne.insertCell(0);
       cellule.className="legende";
       if (pointeur==legendes.length) pointeur=0;
       cellule.innerHTML = legendes[pointeur];

       ypos=0;

       // lancement de la prochaine animation

       window.setTimeout("defiler()",timer);
      }
     else // on remonte le tableau d'un pixel
      {
       ypos--;
       document.getElementById("mouvement").style.top=ypos+"px";

       // lancement de la prochaine animation

       window.setTimeout("defiler()",timer);
      }

    } // function defiler