// JavaScript Document
<!--

// Precarga de imágenes
if (document.images) {
  var boton1 = new Image();
  var boton11 = new Image();
  var boton2 = new Image();
  var boton22 = new Image();
  var boton3 = new Image();
  var boton33 = new Image();
  var boton4 = new Image();
  var boton44 = new Image();
  var sub1 = new Image();
  var sub11 = new Image();
  var sub22 = new Image();
  var sub33 = new Image();
  var sub44 = new Image();
  boton1.src = "./imagenes/opcionesmenu1.jpg";
  boton11.src = "./imagenes/opcionesmenu11.jpg";
  boton2.src = "./imagenes/opcionesmenu2.jpg";
  boton22.src = "./imagenes/opcionesmenu22.jpg";
  boton3.src = "./imagenes/opcionesmenu3.jpg";
  boton33.src = "./imagenes/opcionesmenu33.jpg";
  boton4.src = "./imagenes/opcionesmenu4.jpg";
  boton44.src = "./imagenes/opcionesmenu44.jpg";
  sub1.src = "./imagenes/espaciomenu.jpg";
  sub11.src = "./imagenes/espaciomenu11.jpg";
  sub22.src = "./imagenes/espaciomenu12.jpg";
  sub33.src = "./imagenes/espaciomenu13.jpg";
  sub44.src = "./imagenes/espaciomenu14.jpg";
}

// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
  if (document.images) {
    if (boton == 'opcion1') {
      document.images[boton].src = boton11.src;
	  document.images['sub1'].src = sub11.src;
    }
	if (boton == 'opcion2') {
      document.images[boton].src = boton22.src;
	  document.images['sub2'].src = sub22.src;
    }
	if (boton == 'opcion3') {
      document.images[boton].src = boton33.src;
	  document.images['sub3'].src = sub33.src;
    }
	if (boton == 'opcion4') {
      document.images[boton].src = boton44.src;
	  document.images['sub4'].src = sub44.src;
    }
  }
}

// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
  if (document.images) {
    if (boton == 'opcion1') {
      document.images[boton].src = boton1.src;
	  document.images['sub1'].src = sub1.src;
    }
	if (boton == 'opcion2') {
      document.images[boton].src = boton2.src;
	  document.images['sub2'].src = sub1.src;
    }
	if (boton == 'opcion3') {
      document.images[boton].src = boton3.src;
	  document.images['sub3'].src = sub1.src;
    }
	if (boton == 'opcion4') {
      document.images[boton].src = boton4.src;
	  document.images['sub4'].src = sub1.src;
    }
  }
}

//-->