var morph;
var widthMask = 330;



window.addEvent('load', function() {



  // GESTION DE LA MULTIBOX POUR LA CARTE GOOGLE MAP
  //-------------------------------------------------
  
  var initMultiBox = new multiBox('mb', {useOverlay: true});



  // GESTION DES VIGNETTES DE LA FICHE
  //-----------------------------------
  if($('vignettes_liste'))
  {
      
    // Largeur totale de la liste des images
    var largeur = $('vignettes_liste').getWidth();
    var imageLeft = $('go_left').getStyle('backgroundImage');
    var imageRight = $('go_right').getStyle('backgroundImage');
  
  
    // Au chargement
    //-> la fleche de gauche n'est pas visible
    $('go_left').setStyle('backgroundImage', 'none');
  
  
    if(largeur <= widthMask)
      $('go_right').setStyle('backgroundImage', 'none');
  
    else
    {
  
      // Définition de l'effet
      morph = new Fx.Morph($('vignettes_liste'), {
        
        duration: Math.ceil(largeur / 0.2),
        
        onComplete: setBoutons = function() {
        
          var leftSlide = $('vignettes_liste').getStyle('left');
          
          if(leftSlide == '0px')
            $('go_left').setStyle('backgroundImage', 'none');
            
          else if(leftSlide == (-(largeur - widthMask) + 'px'))
            $('go_right').setStyle('backgroundImage', 'none');
        }
      });
    
    
      // Slide à gauche
      var startSlideLeft = function() {
        $('go_right').setStyle('backgroundImage', imageRight);
        morph.start({
            'left': '0px'
          });
      }
    
    
      // Slide à droite
      var startSlideRight = function() {
        $('go_left').setStyle('backgroundImage', imageLeft);
        morph.start({
            'left': -(largeur - widthMask) + 'px'
          });
      }
    
      // Arrêt des slides
      var stopSlide = function() {
        morph.cancel();
      }
    
    
      // Récupération des événements
      $('go_left').addEvent('mouseenter', startSlideLeft);
      $('go_left').addEvent('mouseleave', stopSlide);
      $('go_right').addEvent('mouseenter', startSlideRight);
      $('go_right').addEvent('mouseleave', stopSlide);
  
    }
  }

});




// AFFICHAGE D'UNE IMAGE AU CLIC SUR UNE VIGNETTE
//------------------------------------------------

function showImg(foto, largeur, hauteur)
{
  $('foto_principale').src = foto;

  if(largeur != -1)
  {
    $('foto_principale').style.width = largeur+'px';
    $('foto_principale').style.height = null;
  }

  if(hauteur != -1)
  {
    $('foto_principale').style.width = null;
    $('foto_principale').style.height = hauteur+'px';
  }
}