var divDisplay; // element affiché

function Hide(newDiv){
    document.getElementById(divDisplay).style.display = 'none';
    divDisplay = newDiv;
}

var classBefore; //classe css du bouton avant mouse over
var selectBefore; //nom du bouton selectionné précédement

function over(el){
  classBefore = el.src;
  el.src = 'img/ic-'+el.id.substr(1,el.id.length)+'-over.png';
}

function out(el){
  el.src = classBefore;
}

function setSelected(el){
  if(selectBefore != null )
  {
    document.getElementById(selectBefore).src = 'img/icdefault.png';
  }
  el.src = 'img/ic-'+el.id.substr(1,el.id.length)+'-selected.png';
  classBefore = el.src;
  selectBefore = el.id;
}

var car = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','-','.','@','3');

function GiveLeft(x) {
    var show = "";
    var count = x.length / 2;
    for (i = 0; i < count; i++) {
        start = i * 2;
        end = start + 2;
        string = car[parseInt(x.substring(start, end), 10)];
        show += string;
    }
    return show;
}

function toggleVol(x) {
  vol = document.getElementById(x);

  if( vol.className == 'on' ){
    vol.className = 'off';
  }
  else
  {
    vol.className = 'on';
  }
}