var EtapeALastSelected = 'a_1';
var EtapeASelected = 'a_1';

function EtapeADisplay(id)
{

  EtapeASelected = id;

  document.getElementById(EtapeALastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
  document.getElementById(EtapeASelected).style.color = '#e94826'; //change la couleur du texte sélectionné

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

  EtapeALastSelected = EtapeASelected;
}

var EtapeBLastSelected = 'b_1';
var EtapeBSelected = 'b_1';

function EtapeBDisplay(id)
{

  EtapeBSelected = id;

  document.getElementById(EtapeBLastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
  document.getElementById(EtapeBSelected).style.color = '#e94826'; //change la couleur du texte sélectionné

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

var EtapeCLastSelected = 'c_1';
var EtapeCSelected = 'c_1';

function EtapeCDisplay(id)
{

  EtapeCSelected = id;

  document.getElementById(EtapeCLastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
  document.getElementById(EtapeCSelected).style.color = '#e94826'; //change la couleur du texte sélectionné

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

var EtapeDLastSelected= 'd_1';
var EtapeDSelected= 'd_1';

function EtapeDDisplay(id)
{

  EtapeDSelected = id;

  document.getElementById(EtapeDLastSelected).style.color = 'black'; //l'ancien élément reprend sa couleur
  document.getElementById(EtapeDSelected).style.color = '#e94826'; //change la couleur du texte sélectionné

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

function Outillage(bool, etape, div)
{
  if( etape == 'A' )
  {
    var element = 'detail_etape_'+EtapeASelected;
  }

  if( etape == 'B' )
  {
    var element = 'detail_etape_'+EtapeBSelected;
  }

  if( etape == 'C' )
  {
    var element = 'detail_etape_'+EtapeCSelected;
  }

  if( etape == 'D' )
  {
    var element = 'detail_etape_'+EtapeDSelected;
  }

  if(bool)
  {
//     alert(EtapeASelected);
    document.getElementById(div).className = 'displayed';
    document.getElementById(element).className = 'undisplayed';
  }
  else
  {
    document.getElementById(div).className = 'undisplayed';
    document.getElementById(element).className = 'displayed';
  }
}

function Ref(letter)
{
  this.letter = id;
}