/* Script de l'effet visuel lorsque le visiteur pointe sa souris sur l'un des boutons de la barre de thèmes */

window.addEvent('domready', function(){
  var szNormal=84, szSmall=84, szFull=100;
  var barre_boutons_themes = $$("#barre_boutons_themes .bouton_theme");
  var fx = new Fx.Elements(barre_boutons_themes,{wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});

  barre_boutons_themes.each(function(bouton_theme, i){
    bouton_theme.addEvent("mouseenter", function(event){
      var o ={};

      o[i] ={width: [bouton_theme.getStyle("width").toInt(), szFull]}

      barre_boutons_themes.each(function(other, j){
        if(i != j){
          var w = other.getStyle("width").toInt();
          if(w != szSmall) o[j] ={width: [w, szSmall]};
        }
      });
      fx.start(o);
    });
  });

  $("barre_boutons_themes").addEvent("mouseleave", function(event){
    var o ={};
    
    barre_boutons_themes.each(function(bouton_theme, i){
      o[i] ={width: [bouton_theme.getStyle("width").toInt(), szNormal]}
    });
    fx.start(o);
   })
   
});