<!--

// Precarga de imágenes
if (document.images) {
  var boton1_off = new Image();
  boton1_off.src = "images/1_normal.png";
  var boton1_on = new Image();
  boton1_on.src = "images/1_hover.png";
  
   var boton2_off = new Image();
  boton2_off.src = "images/2_normal.png";
  var boton2_on = new Image();
  boton2_on.src = "images/2_hover.png";
  
   var boton3_off = new Image();
  boton3_off.src = "images/home_.png";
  var boton3_on = new Image();
  boton3_on.src = "images/home.png";
  
   var boton4_off = new Image();
  boton4_off.src = "images/4_normal.png";
  var boton4_on = new Image();
  boton4_on.src = "images/4_hover.png";
}

// 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;
    }
  }
}

// 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;
    }
    
  }
}