if(document.images){
   var imgOut = new Object();
	 imgOut["menu-galapagos"] = new Image(122, 176);
   imgOut["menu-galapagos"].src = "images/galapagos.jpg";
   imgOut["menu-butterflies"] = new Image(123, 176);
   imgOut["menu-butterflies"].src = "images/butterflies.jpg";
   imgOut["menu-penguins"] = new Image(121, 176);
   imgOut["menu-penguins"].src = "images/penguins.jpg";
   imgOut["menu-reflections"] = new Image(121, 176);
   imgOut["menu-reflections"].src = "images/reflections.jpg";
   imgOut["menu-sedona"] = new Image(121, 176);
   imgOut["menu-sedona"].src = "images/sedona.jpg";
	 imgOut["menu-animal-babies"] = new Image(121, 176);
   imgOut["menu-animal-babies"].src = "images/animal-babies.jpg";
	 imgOut["menu-sea-shells"] = new Image(121, 176);
   imgOut["menu-sea-shells"].src = "images/sea-shells.jpg";

   var imgOver = new Object();
   imgOver["menu-galapagos"] = new Image(122, 176);
   imgOver["menu-galapagos"].src = "images/galapagos-over.jpg";
   imgOver["menu-butterflies"] = new Image(123, 176);
   imgOver["menu-butterflies"].src = "images/butterflies-over.jpg";
   imgOver["menu-penguins"] = new Image(121, 176);
   imgOver["menu-penguins"].src = "images/penguins-over.jpg";
   imgOver["menu-reflections"] = new Image(121, 176);
   imgOver["menu-reflections"].src = "images/reflections-over.jpg";
   imgOver["menu-sedona"] = new Image(121, 176);
   imgOver["menu-sedona"].src = "images/sedona-over.jpg";
	 imgOver["menu-animal-babies"] = new Image(121, 176);
   imgOver["menu-animal-babies"].src = "images/animal-babies-over.jpg";
	 imgOver["menu-sea-shells"] = new Image(121, 176);
   imgOver["menu-sea-shells"].src = "images/sea-shells-over.jpg";
}

function swapImage(evt){
   if(document.images){
      evt = (evt) ? evt : ((window.event) ? window.event : null);
      if(evt){
         var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
         if(elem && elem.className == "swappable"){
            switch (evt.type){
               case "mouseover":
                  elem.src = imgOver[elem.id].src;
                  break;
               case "mouseout":
                  elem.src = imgOut[elem.id].src;
                  break;
            }
         }
      }
   }
}
document.onmouseover = swapImage;
document.onmouseout = swapImage;

function swapCardImage(image){
   var card = document.getElementById("card");
	 card.src = "images/" + image + ".jpg";
}