// JavaScript Document

function navBox(){

var aLink = document.getElementById('navmenu').getElementsByTagName('a');
  for (i=0; i<aLink.length; i++) {
    aLink[i].onclick = function(){openItem('navbox',this);return false;}
  }
}

// Select Item with +
function openItem(context,item){
  var clean = item.id.replace("+", "");
  var show = document.getElementById(clean);
  ChangeClass(context,show);
  ChangeClass(context,item);
}

// The Change Class
function ChangeClass(context,el) {

if (el.className.indexOf("on") != -1) {
  return
}

else{
  var tag = el.tagName;
  var clas = el.className; 
  
  

  // Enleve le "on" au élement actifs
  var link = document.getElementById(context).getElementsByTagName(tag);
    for (i = 0; i<link.length; i++) {
      if (link[i].className == clas+'on') link[i].className  = clas;
      el.className = clas+'on';
      
    }
  }
}
