Event.observe(window, 'load', Animation_load);

/*VARIABLE GLOBALES*/

var DURATION_AGRANDISSEMENT = 1;
var DURATION_RETRECISSEMENT = 1;
var DELAI = 3000;
var FPS = 60;
/*var COLOR_FOREGROUND = "#831A45";
var COLOR_BACKGROUND = "#800080";*/

var COLOR_FOREGROUND = "#646464";
var COLOR_BACKGROUND = "#646464";


var POURCENTAGE_AGRANDISSEMENT = 200;
var POURCENTAGE_RETRICISSEMENT = 50;

/* FONCTIONS */

function Animation_load(){
  var array_child = $('kwo-mstourisme-liste-metiers').childElements();
  var index = Math.floor(Math.random() * array_child.length);
  Animation_grossir(array_child,index,0);
}

function Animation_Recursif(compteur,index_pred){
  var array_child = $('kwo-mstourisme-liste-metiers').childElements();
  var index = Math.floor(Math.random() * array_child.length);
  if(index==index_pred){
    Animation_Recursif(compteur,index_pred);
  }else{
    Animation_grossir(array_child,index,compteur);
  }
}

function Animation_grossir(array_child,index,compteur){
  new Effect.Scale(array_child[index],POURCENTAGE_AGRANDISSEMENT, {duration:DURATION_AGRANDISSEMENT, fps:FPS, from:0.0, to:1.0});
  setTimeout("Animation_reduire("+ index + "," + compteur + ")",DELAI);
  array_child[index].setStyle({color:COLOR_FOREGROUND});
}

function Animation_reduire(index,compteur){
  var array_child = $('kwo-mstourisme-liste-metiers').childElements();
  new Effect.Scale(array_child[index],POURCENTAGE_RETRICISSEMENT, {duration:DURATION_RETRECISSEMENT, fps:FPS, from:0.0, to:1.0,queue:'end'});
  array_child[index].setStyle({color:COLOR_BACKGROUND});
  compteur ++;
  if(compteur>0){
    Animation_Recursif(compteur,index);
  }
}