pet = 0;


      boutona1 = new Image();
      boutona1.src = "btn1.jpg"
      boutona2 = new Image();
      boutona2.src = "btn1b.jpg"
      boutona3 = new Image();
      boutona3.src = "btn1b.jpg"
	  
      boutonb1 = new Image();
      boutonb1.src = "btn2.jpg"
      boutonb2 = new Image();
      boutonb2.src = "btn2b.jpg"
      boutonb3 = new Image();
      boutonb3.src = "btn2b.jpg"
	  
      boutonc1 = new Image();
      boutonc1.src = "btn3.jpg"
      boutonc2 = new Image();
      boutonc2.src = "btn3b.jpg"
      boutonc3 = new Image();
      boutonc3.src = "btn3b.jpg"
	  	
	  boutond1 = new Image();
      boutond1.src = "btn4.jpg"
      boutond2 = new Image();
      boutond2.src = "btn4b.jpg"
      boutond3 = new Image();
      boutond3.src = "btn4b.jpg"
	
	  boutone1 = new Image();
      boutone1.src = "btn5.jpg"
      boutone2 = new Image();
      boutone2.src = "btn5b.jpg"
      boutone3 = new Image();
      boutone3.src = "btn5b.jpg"
	  
	  boutonf1 = new Image();
      boutonf1.src = "btn6.jpg"
      boutonf2 = new Image();
      boutonf2.src = "btn6b.jpg"
      boutonf3 = new Image();
      boutonf3.src = "btn6b.jpg"
	  
	  boutong1 = new Image();
      boutong1.src = "btn7.jpg"
      boutong2 = new Image();
      boutong2.src = "btn7b.jpg"
      boutong3 = new Image();
      boutong3.src = "btn7b.jpg"
   
   
   function un(nom) {
   //le numero du bouton correspond a l'image du rollover
   
          if (nom == "f1" && pet != 1) {document.f1.src = boutona2.src;}
          if (nom == "f2" && pet != 2) {document.f2.src = boutonb2.src;}
          if (nom == "f3" && pet != 3) {document.f3.src = boutonc2.src;}
          if (nom == "f4" && pet != 4) {document.f4.src = boutond2.src;}
		  if (nom == "f5" && pet != 5) {document.f5.src = boutone2.src;}
		  if (nom == "f6" && pet != 6) {document.f6.src = boutonf2.src;}
		  if (nom == "f7" && pet != 7) {document.f7.src = boutong2.src;}
          return true;
   }
   function deux(nom) {
          if (nom == "f1" && pet != 1) {document.f1.src = boutona1.src;}
          if (nom == "f2" && pet != 2) {document.f2.src = boutonb1.src;}
          if (nom == "f3" && pet != 3) {document.f3.src = boutonc1.src;}
          if (nom == "f4" && pet != 4) {document.f4.src = boutond1.src;}
		  if (nom == "f5" && pet != 5) {document.f5.src = boutone1.src;}
		  if (nom == "f6" && pet != 6) {document.f6.src = boutonf1.src;}
		  if (nom == "f7" && pet != 7) {document.f7.src = boutong1.src;}
          return true;
   }
   
   function trois(nom) {
   
		  //ici on reinitialise les autres boutons avec leurs premieres images
          if (pet==1) {document.f1.src = boutona1.src;}
          if (pet==2) {document.f2.src = boutonb1.src;}
          if (pet==3) {document.f3.src = boutonc1.src;}
          if (pet==4) {document.f4.src = boutond1.src;}
		  if (pet==5) {document.f5.src = boutone1.src;}
		  if (pet==6) {document.f6.src = boutonf1.src;}
		  if (pet==7) {document.f7.src = boutong1.src;}

		  //cette partie represente l'image apres le clique
          if (nom == "f1" && pet!=1) {document.f1.src = boutona3.src; pet=1}
          if (nom == "f2" && pet!=2) {document.f2.src = boutonb3.src; pet=2}
          if (nom == "f3" && pet!=3) {document.f3.src = boutonc3.src; pet=3}
          if (nom == "f4" && pet!=4) {document.f4.src = boutond3.src; pet=4}
		  if (nom == "f5" && pet!=5) {document.f5.src = boutone3.src; pet=5}
		  if (nom == "f6" && pet!=6) {document.f6.src = boutonf3.src; pet=6}
		  if (nom == "f7" && pet!=7) {document.f7.src = boutong3.src; pet=7}
 
		  if (pet==1) {document.f1.src = boutona3.src;} 
		  if (pet==2) {document.f2.src = boutonb3.src;} 
		  if (pet==3) {document.f3.src = boutonc3.src;} 
		  if (pet==4) {document.f4.src = boutond3.src;}
		  if (pet==5) {document.f5.src = boutone3.src;}
		  if (pet==6) {document.f6.src = boutonf3.src;}
		  if (pet==7) {document.f7.src = boutong3.src;}
	
		  return true;
   }