<!--
  /*
   * 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 preloadImages() {
	if (document.images) {
		imageObj = new Array();
		// set image url
		imageURL = new Array();
		
		// buttons
		imageURL[0] = "/buttons/home_over.gif";
		imageURL[1] = "/buttons/aboutus_over.gif";
		imageURL[2] = "/buttons/breed_over.gif";
		imageURL[3] = "/buttons/puppies_over.gif";
		imageURL[4] = "/buttons/news_over.gif";		
		imageURL[5] = "/buttons/ladies_over.gif";
		imageURL[6] = "/buttons/gentlemen_over.gif";		
		imageURL[7] = "/buttons/links_over.gif";		
		imageURL[8] = "/buttons/contactus_over.gif";
		
		imageURL[9] = "/buttons/home_active.gif";
		imageURL[10] = "/buttons/aboutus_active.gif";
		imageURL[11] = "/buttons/breed_active.gif";
		imageURL[12] = "/buttons/puppies_active.gif";
		imageURL[13] = "/buttons/news_active.gif";		
		imageURL[14] = "/buttons/ladies_active.gif";
		imageURL[15] = "/buttons/gentlemen_active.gif";
		imageURL[16] = "/buttons/links_active.gif";		
		imageURL[17] = "/buttons/contactus_active.gif";
		
		// images		
		imageURL[18] = "/photos/championcollage.jpg";		
		imageURL[19] = "/images/puppyphotoBG.gif";


		// load images		
		var i = 0;
		for(i=0; i<=19; i++) {
			imageObj[i] = new Image();
			imageObj[i].src = imageURL[i];
		}
	}
}

	preloadImages();	
	  
// End code to put in head section for image pre-loading.

//-->