<!-- 

/*
images all have a name which you'll put into the linkNames array.  Your normal image is just image.gif, your rollover image is image_over.gif and your down version if there is any is image_down.gif.  this code can be used for any basic rollover by simply changing the image names in the linkNames array.
*/


// Array of image names to be swapped
var linkNames = new Array("testimonials","travelinfo","windsurfing", "kiteboarding", "activities", "reservations", "spanish", "accommodations");

// directory location of all images (default and swapped).
var imgPath = "images/nav/home/";


// preload rollover images
var restingImgs = new Array(linkNames.length);
var activeImgs = new Array(linkNames.length);
var downImgs = new Array(linkNames.length);



if (document.images) {

var tempImg = new Image();

for (i=0; i < linkNames.length; i++) {
	restingImgs[linkNames[i]] = new Image();
	restingImgs[linkNames[i]].src = imgPath + linkNames[i] + ".gif";
	activeImgs[linkNames[i]] = new Image();
	activeImgs[linkNames[i]].src = imgPath + linkNames[i] + "_over.gif";
	}
}	

// set document image src to "active" source.
function imgOn(imgName) {

if (document.images) {

	tempImg = eval("document.images['" + imgName + "']");
	tempImg.src = activeImgs[imgName].src;
}
}

// set document image src back to "resting" (default) state
function imgOff(imgName) {

if (document.images) {

	tempImg = eval("document.images['" + imgName + "']");
	tempImg.src = restingImgs[imgName].src;

}
}
// -->