img1=new Image();
img2=new Image();
img3=new Image();
img4=new Image();
img5=new Image();
img6=new Image();
img7=new Image();
img8=new Image();
img1.src='/uploads/images/nav/chambres_r.gif';
img2.src='/uploads/images/nav/maison_r.gif';
img3.src='/uploads/images/nav/tarifs_r.gif';
img4.src='/uploads/images/nav/contact_r.gif';
img5.src='/uploads/images/nav/acces_r.gif';
img6.src='/uploads/images/nav/region_r.gif';
img7.src='/uploads/images/nav/presse_r.gif';
img8.src='/uploads/images/nav/liens_r.gif';

function rollnavon(button_id) {
  var button=document.getElementById(button_id);
  var img=document.getElementById(button_id+'_img')
  src="uploads/images/nav/"+button_id+"_r.gif";
  img.src=src;
  button.style.background="#624330";
}

function rollnavout(button_id) {
  var button=document.getElementById(button_id);
  var img=document.getElementById(button_id+'_img')
  src="uploads/images/nav/"+button_id+".gif";
  img.src=src;
  button.style.background="#B09A8D";
}