//============================================================================================
// Autres fichiers JavaScript nécessaires au fonctionnement de celui-ci :
// - gen.js
//============================================================================================

var Fsa;

(function()
{

if (!Fsa)
 Fsa = {};

//============================================================================================

// Mise en cache de toutes les images

//var imgCache = [];

function f_addCharInImgCache(charNum,imgCount)
{
 try
 {
  for (var i = 1; i <= imgCount; i++)
  (new Image()).src = "inc/img/alpha/zizikafafa" + Fsa.f_numberToString(charNum, 2) + Fsa.f_numberToString(i, 2) + ".gif";
 }
 catch(ex)
 {
  Fsa.f_exception('f_addCharInImgCache()', ex);
 }
}

//============================================================================================

function f_cacheImgs()
{
 try
 {
  f_addCharInImgCache(1,5);  // Z
  f_addCharInImgCache(2,6);  // I
  f_addCharInImgCache(3,5);  // Z
  f_addCharInImgCache(4,6);  // I
  f_addCharInImgCache(5,5);  // K
  f_addCharInImgCache(6,4);  // A
  f_addCharInImgCache(7,5);  // F
  f_addCharInImgCache(8,4);  // A
  f_addCharInImgCache(9,5);  // F
  f_addCharInImgCache(10,4); // A
 }
 catch(ex)
 {
  Fsa.f_exception('title.js f_cache()', ex);
 }
}

//============================================================================================

function f_yLettres()
{
 var img_partCoord = Fsa.f_getXYZ('img_part');

 for (var i = 0; i < 10; i++)
 {
  var charNumString = Fsa.f_numberToString(i + 1, 2);

  var img = document.getElementById('img' + charNumString);
  img.style.top = (img_partCoord.y + 35) + 'px';
 }
}

//============================================================================================

var title_nbreImg = [5,6,5,6,5,4,5,4,5,4];
var title_actImg  = [2,2,2,2,2,2,2,2,2,2];
var title_cptImg  = [0,0,0,0,0,0,0,0,0,0];
var title_sens    = [-1,1,-1,1,-1,1,-1,1,-1,1];

function f_title_anim()
{
 try
 {
//  f_yLettres();

  for (var charNum = 0; charNum < 10; charNum++)
  {
   //----- chrono de la lettre

   if(title_cptImg[charNum] > 0)
   {
    title_cptImg[charNum]--;
    continue;
   }

   // le chrono est écoulé pour cette lettre

   //----- quelle sera la nouvelle src ?

   if(title_sens[charNum] > 0)
   {
    title_actImg[charNum]++;
    if(title_actImg[charNum] > title_nbreImg[charNum])
    {
     title_sens[charNum] = -title_sens[charNum]; // changement de sens car mouvement pendulaire
     title_actImg[charNum] -= 2;
    }
   }
   else
   {
    title_actImg[charNum]--;
    if(title_actImg[charNum] < 1)
    {
     title_sens[charNum] = -title_sens[charNum];  // changement de sens car mouvement pendulaire
     title_actImg[charNum] += 2;
    }
   }

   var charNumString = Fsa.f_numberToString(charNum + 1, 2);

   var imgSrc = "inc/img/alpha/zizikafafa" + charNumString + Fsa.f_numberToString(title_actImg[charNum], 2) + ".gif";

   //----- remplacement par la nouvelle src

   var img = document.getElementById("img" + charNumString);
   //img.setAttribute("src", imgSrc);
   img.src = imgSrc;

   //----- remettre le compteur à zéro

   title_cptImg[charNum] = 1;
  }
 }
 catch(ex)
 {
  Fsa.f_exception('f_title_anim()', ex);

 }
}

//============================================================================================

/*
 Positionnement des lettres sur l'image de la portée
*/

function f_title_startAnim()
{
 window.setInterval(f_title_anim, 50);
}

//============================================================================================

function f_title_addElements()
{
 //----- Mise ne cache des image

 //f_cacheImgs(); //tout se fait dans la page PHP

 //----- positionnement des lettres

 var imgX = [90,130,160,200,230,270,325,350,405,430];
 var img_partCoord = Fsa.f_getXYZ('img_part');

 for (var i = 0; i < 10; i++)
 {
  var charNumString = Fsa.f_numberToString(i + 1, 2);

  var img = document.getElementById('img' + charNumString);
  img.style.position = 'absolute';
  img.style.left = (img_partCoord.x + imgX[i]) + 'px';
  img.style.top = (img_partCoord.y + 35) + 'px';
  img.style.zIndex = (110 - i);
  img.style.visibility = 'visible';
 }

 //----- démarrer l'animation //après 5 secondes

 setTimeout(f_title_startAnim, 0);

}

//============================================================================================

//----- fonctions publiques

//Fsa.f_title_startAnim  = f_title_startAnim;
//Fsa.f_title_anim = f_title_anim;
Fsa.f_title_addElements = f_title_addElements;

})();

//============================================================================================

//----- attacher les eventHandlers

Fsa.f_attachEvent(window, 'load',  Fsa.f_title_addElements);