var menu_elements = Array("haut", "bas");
var menu_liens = Array("haut", "bas");

function menu(nom_menu, style){
  menu_elements["haut"] = Array("nosservices", "actualites", "recrutement");
  menu_elements["bas"] = Array("accueil", "nosavantages", "devisgratuit", "nouscontacter");
  menu_liens["haut"] = Array("nos-services", "actualites", "recrutement");
  menu_liens["bas"] = Array("accueil", "nos-avantages", "devis", "nous-contacter");

  document.write("<table style='width:"+(208*menu_elements[nom_menu].length)+"px; table-layout:fixed; "+style+"'><tr>");
  for(i=0; i<menu_elements[nom_menu].length;i++){
	document.write('<td id="btn_'+menu_elements[nom_menu][i]+'"><a href="'+menu_liens[nom_menu][i]+'"><img style="border:0px;" src="images/menu_'+menu_elements[nom_menu][i]+'.png" onmouseover="this.src=\'images/menu_on_'+menu_elements[nom_menu][i]+'.png\'"  onmouseout="this.src=\'images/menu_'+menu_elements[nom_menu][i]+'.png\'" /></a></td>');
  }
  document.write("</tr></table>");
}

function changebtn(bouton){
  document.getElementById('btn_'+bouton).innerHTML="<img src='images/menu_on_"+bouton+".png' />";
}

function chargeimg(){
  menu_elements = Array("nosservices", "financement", "recrutement", "actualites", "avantages", "vosquestions", "nouscontacter");

  for(i=0; i<menu_elements.length;i++){
	document.write('<div style="background-image:url(\'images/menu_on_'+menu_elements[i]+'\'); width:1px; height:1px"></div>');
  }
}