<!--
  /*
   * Pre-load the specified image.  This loads the image as the page
   * loads, so that when it is used later (such as for a mouseover effect),
   * the image has already been loaded.
   */
   
// Begin code to put in the head section for image pre-loading.
function loadImages() {
	if (document.images) {
		imageObj = new Array();
		// set image url
		imageURL = new Array();

		imageURL[0] = "../images/sub_01.png";
		imageURL[1] = "../images/sub_02.png";
		imageURL[2] = "../images/sub_03a.png";
		imageURL[3] = "../images/sub_03b.png";
		imageURL[4] = "../images/sub_04a.png";
		imageURL[5] = "../images/sub_04b.png";
		imageURL[6] = "../images/sub_05.png";
		imageURL[7] = "../images/sub_bottom_center.png";		
		imageURL[8] = "../images/sub_bottom_left.png";		
		imageURL[9] = "../images/sub_bottom_right.png";		
		imageURL[10] = "../images/sub_left.png";		
		imageURL[11] = "../images/sub_right.png";				


		// load images		
		var i = 0;
		for(i=0; i<=11; i++) {
			imageObj[i] = new Image();
			imageObj[i].src = imageURL[i];
		}
	}
}

loadImages();
	  
// End code to put in head section for image pre-loading.

//-->