/* Initialisation des variables pour le contrôle de l'affichage du menu */
var SelectedMenu;
var SelectedSubMenu;
var SelectedItemSubMenu;
var SelectedSubMenuLeft;
var ShownSubMenu;

// Fonction d'initialisation du menu de navigation
// Récupération du menu sélectionné et du sous-menu sélectionné
function InitiateMenu(IdMenu, IdItem, PosLeft)
{
  SelectedMenu = IdMenu; // Attribution pour le contrôle
  document.getElementById(SelectedMenu).className = 'titre-roll'; //le menu sélectionné prend cette classe
  if(IdItem) // si un item d'un sous-menu est sélectionné on affiche le sous-menu
  {
    SelectedSubMenu = "sous-"+IdMenu;
    SelectedItemSubMenu = IdItem;
    ShownSubMenu = SelectedSubMenu;
    SelectedSubMenuLeft = PosLeft;
    ShowSubMenu(SelectedSubMenu, SelectedSubMenuLeft);
    document.getElementById(SelectedItemSubMenu).className = 'selected';
  }
}

//Fonction pour gérer le changement de style des menus, suivant si la souris passe ou sort d'un élément on attribue un style à cet élément.
function SetStyle(Id, Style)
{
  if(Id != SelectedMenu) // si c'est le menu sélectionné, pas de changement de style
  {
    document.getElementById(Id).className = Style; //attribue à Id le Style
  }
}

function ShowSubMenu(Id, Left)
{
  if(ShownSubMenu && ShownSubMenu != Id)
  {
    HiddeSubMenu();
    ShownSubMenu = "sous-"+Id;
  }
  else if(!ShownSubMenu)
  {
    ShownSubMenu = "sous-"+Id;
  }
  document.getElementById('sous-menu').style.display = 'block';
  document.getElementById('sous-menu').style.left = Left;
  document.getElementById(ShownSubMenu).style.display = 'block';
}

function HiddeSubMenu()
{
  if(ShownSubMenu)
  {
   document.getElementById('sous-menu').style.display = 'none';
   document.getElementById(ShownSubMenu).style.display = 'none';
  }
}

function ShowSelectedSubMenu()
{
  HiddeSubMenu();
  if(SelectedSubMenu)
  {
    ShownSubMenu = SelectedSubMenu;
    ShowSubMenu(SelectedSubMenu, SelectedSubMenuLeft);
  }
}