var Liste1LastSelected;
var Liste1Selected;

function Liste1Display(id)
{

  Liste1Selected = id;

  if( !Liste1LastSelected ) //Premier clic sur un élément
  {
    document.getElementById(Liste1Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_liste1_1').className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste1Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
  else
  {
    document.getElementById(Liste1LastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
    document.getElementById(Liste1Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_'+Liste1LastSelected).className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste1Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
    Liste1LastSelected = Liste1Selected;
}

var Liste2LastSelected;
var Liste2Selected;

function Liste2Display(id)
{

  Liste2Selected = id;

  if( !Liste2LastSelected ) //Premier clic sur un élément
  {
    document.getElementById(Liste2Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_liste2_1').className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste2Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
  else
  {
    document.getElementById(Liste2LastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
    document.getElementById(Liste2Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_'+Liste2LastSelected).className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste2Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
    Liste2LastSelected = Liste2Selected;
}

var Liste3LastSelected;
var Liste3Selected;

function Liste3Display(id)
{

  Liste3Selected = id;

  if( !Liste3LastSelected ) //Premier clic sur un élément
  {
    document.getElementById(Liste3Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_liste3_1').className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste3Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
  else
  {
    document.getElementById(Liste3LastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
    document.getElementById(Liste3Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_'+Liste3LastSelected).className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste3Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
    Liste3LastSelected = Liste3Selected;
}

var Liste4LastSelected;
var Liste4Selected;

function Liste4Display(id)
{

  Liste4Selected = id;

  if( !Liste4LastSelected ) //Premier clic sur un élément
  {
    document.getElementById(Liste4Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_liste4_1').className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste4Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
  else
  {
    document.getElementById(Liste4LastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
    document.getElementById(Liste4Selected).style.color = '#e94826'; //change la couleur du texte sélectionné

    document.getElementById('detail_'+Liste4LastSelected).className = 'undisplayed'; //enleve l'affichage par défaut de la page
    document.getElementById('detail_'+Liste4Selected).className = 'displayed'; //affiche le div avec les détails de l'accessoire
  }
    Liste4LastSelected = Liste4Selected;
}

function Outillage(bool, div)
{
  if(bool)
  {
    document.getElementById(div).className = 'display';
  }
  else
  {
    document.getElementById(div).className = 'undisplay';
  }
}