/**
 * This variable holds all of the pre-loaded images.
 */
var contentImages = new Array();
contentImages["exterior-on"]      = new Image();
contentImages["exterior-on"].src  = "images/index.exterior.text.on.png";
contentImages["exterior-off"]     = new Image();
contentImages["exterior-off"].src = "images/index.exterior.text.off.png";
contentImages["interior-on"]      = new Image();
contentImages["interior-on"].src  = "images/index.interior.text.on.png";
contentImages["interior-off"]     = new Image();
contentImages["interior-off"].src = "images/index.interior.text.off.png";
contentImages["lawn-on"]          = new Image();
contentImages["lawn-on"].src      = "images/index.lawn.text.on.png";
contentImages["lawn-off"]         = new Image();
contentImages["lawn-off"].src     = "images/index.lawn.text.off.png";
contentImages["bath-on"]          = new Image();
contentImages["bath-on"].src      = "images/index.bath.text.on.png";
contentImages["bath-off"]         = new Image();
contentImages["bath-off"].src     = "images/index.bath.text.off.png";

/**
 * This function is used to highlight one of the content links when
 * the mouse is moved over it.
 */
function contentImageOn(image) {
	// Get the image to modify.
	var imgElmnt = document.getElementById("image-content-" + image + "-text");

	// Update the image.
	imgElmnt.src = contentImages[image + "-on"].src;
}

/**
 * This function is used to un-highlight one of the content links when
 * the mouse is moved off of it.
 */
function contentImageOff(image) {
	// Get the image to modify.
	var imgElmnt = document.getElementById("image-content-" + image + "-text");

	// Update the image.
	imgElmnt.src = contentImages[image + "-off"].src;
}