<!--

// Precarga de imágenes
if (document.images) {
  var boton1_off = new Image();
  boton1_off.src = "images/foto1.jpg";
  var boton1_on = new Image();
  boton1_on.src = "images/foto1a.jpg";
  
   var boton2_off = new Image();
  boton2_off.src = "images/foto2.jpg";
  var boton2_on = new Image();
  boton2_on.src = "images/foto2a.jpg";
  
   var boton3_off = new Image();
  boton3_off.src = "images/foto3.jpg";
  var boton3_on = new Image();
  boton3_on.src = "images/foto3a.jpg";
  
   var boton4_off = new Image();
  boton4_off.src = "images/foto4.jpg";
  var boton4_on = new Image();
  boton4_on.src = "images/foto4a.jpg";
  
 
  
}

// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
  if (document.images) {
    if (boton == 'boton1') {
      document.images[boton].src = boton1_on.src;
    }
    if (boton == 'boton2') {
      document.images[boton].src = boton2_on.src;
    }
    if (boton == 'boton3') {
      document.images[boton].src = boton3_on.src;
    }
    if (boton == 'boton4') {
      document.images[boton].src = boton4_on.src;
    }
    if (boton == 'boton5') {
      document.images[boton].src = boton5_on.src;
    }
    
   
    
  }
}

// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
  if (document.images) {
    if (boton == 'boton1') {
      document.images[boton].src = boton1_off.src;
    }
    
    if (boton == 'boton2') {
      document.images[boton].src = boton2_off.src;
    }
    if (boton == 'boton3') {
      document.images[boton].src = boton3_off.src;
    }
    if (boton == 'boton4') {
      document.images[boton].src = boton4_off.src;
    }
   
     
    
    
  }
}