// =====================================================
// Procédures de gestion des images survolées des menus
// =====================================================
var TabImages = new Array();
var DefOption;
// Variables spécifique à la gestion de la flêche verte
var FV_ID = 'optionmenu_flecheverte'
var FV_TabURL = new Array();
var FV_Index = 0;
var ImagesOK = false;

// Ajoute une image dans le tableau des images
function AjouteImage(Id_, Dir_, NomFichierOn_, NomFichierOff_, NomFichierActifOn_, NomFichierActifOff_, Commentaire_)
{ 
  Id_ = Id_.toLowerCase(Id_);
  TabImages[Id_] = new Image();
  TabImages[Id_].src = Dir_ + NomFichierOn_;
  TabImages[Id_].SrcImageOn = Dir_ + NomFichierOn_;
  TabImages[Id_].SrcImageOff = Dir_ + NomFichierOff_;
  if (!NomFichierActifOn_) {
      TabImages[Id_].SrcImageActifOn = Dir_ + NomFichierOn_;
	}
  else {
	  TabImages[Id_].SrcImageActifOn = Dir_ + NomFichierActifOn_;
	}
  if (!NomFichierActifOff_) {
      TabImages[Id_].SrcImageActifOff = Dir_ + NomFichierOff_;
	}
  else {
	  TabImages[Id_].SrcImageActifOff = Dir_ + NomFichierActifOff_;
	}
  if (!Commentaire_) {
    TabImages[Id_].alt = Id_;
  }
  else {
    TabImages[Id_].alt = Commentaire_;
  }	
}

// Affiche l'image en fonction du sélecteur (On ou off)
function ChangeImage(Id_, Selecteur_) 
{
// Avec cette version l'argument ID est soit une chaine d'identification de l'objet image,
// soit directement l'objet image lui même dont on récupère le nom (name)
// Cette dernière option, permet l'utilisation du THIS lors de l'appel de la fonction
  if (Id_.name) { Id_ = Id_.name }
  Id_ = Id_.toLowerCase(Id_);
  if (ImagesOK) {
    if (Id_!=DefOption) {
      if (Selecteur_=='on') {
        document.images[Id_].src = TabImages[Id_].SrcImageOn;
        document.images[Id_].alt = TabImages[Id_].alt;
      }
      else {
  	    document.images[Id_].src = TabImages[Id_].SrcImageOff;
	  }
	}  
	else {
      if (Selecteur_=='on') {
        document.images[Id_].src = TabImages[Id_].SrcImageActifOn;
        document.images[Id_].alt = TabImages[Id_].alt;
      }
      else {
  	    document.images[Id_].src = TabImages[Id_].SrcImageActifOff;
	  }	  	  
    }
  }
}

// Toutes les images OFF
function ToutesImagesOff()
{   
  DefOption = '';
  for (name in TabImages)
   { 
     ChangeImage(name,'off');
   }
}

// Verrouille une Image sur ON
function VerrouilleImageOn(Id_)
{
  ToutesImagesOff();
  if (Id_.name) { Id_ = Id_.name }
  Id_ = Id_.toLowerCase(Id_);
  // Verou ON de l'image en cours 
  ChangeImage(Id_,'on');
  document.images[Id_].alt = 'Page active';
  document.images[Id_].src = TabImages[Id_].SrcImageActifOff;
  DefOption = Id_.toLowerCase(Id_);
}

// Procédures spécifiques à la FLECHE VERTE
// (La fleche verte (page précédente) conserve un historique des url pour gérer la pagination arrière)
function FlecheVerte(Etat_, UrlBack_)
{ 
  if (Etat_=='on') {
    document.images[FV_ID].src = TabImages[FV_ID].SrcImageOn;
    document.images[FV_ID].alt = TabImages[FV_ID].alt;
    //document.images[FV_ID].URL = UrlBack_
    //Ajoute l'URL dans l'historique des urls
    FV_Index++; 
    FV_TabURL[FV_Index] = new String();
    FV_TabURL[FV_Index] = UrlBack_;
  }
  else {
    document.images[FV_ID].src = TabImages[FV_ID].SrcImageOff;
    document.images[FV_ID].alt = ""
    document.images[FV_ID].URL = ""
    FV_Index = 0;
  }
}

function FlecheVerte_GO()
{
  if (FV_Index >0) {
      top.MainFrame.document.location = FV_TabURL[FV_Index];
      FV_Index--; 
  }
  else {
    return true;
  }    
}
