var LastSelected;
var Selected;

function Display(id)
{

  Selected = id;

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

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

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

function ShowIndic(chain)
{
  var mystringarrayed = chain.split(", "); //recupere les numéros des indicateurs à setter à visible

  for(i=0; i<7; i++) //on passe tous les indicateurs à hidden avant
  {
    var id = "indic"+i;
    document.getElementById(id).style.visibility = 'hidden';
  }

  if( mystringarrayed[0] )
  {
    for(j=0; j<mystringarrayed.length; j++) //on passe les indicateurs contenus dans le tableau à visible
    {
      var id = "indic"+mystringarrayed[j];
      document.getElementById(id).style.visibility = 'visible';
    }
  }

}