<!--
//create 2 variables to store the base URL's to each of the folders that store the two sets of images.
var finishBaseUrl = "/images/products/finishes/";
var colorBaseUrl = "/images/products/color/";

if (document.images)
{
	/*
	  First, create a new array to store the images we'll use in the mouseover. 
	  This is an associative array so we can easily reference the image to be 
	  swapped by arrNewImages["IMAGE NAME HERE"] instead of having to use an 
	  eval() statement to create a dynamic variable name
	*/
	arrNewImages = new Array();
	//Begin preloading FINISHES images
	//Each image must be created using new Image(XXX,XXX) then assign the "src" to the image.
	arrNewImages["chamfer"]= new Image(181,181);
	arrNewImages["chamfer"].src=finishBaseUrl + "chamfer.jpg";
	arrNewImages["chisel"]= new Image(181,181);
	arrNewImages["chisel"].src=finishBaseUrl + "chisel.jpg";
	arrNewImages["hammered"]= new Image(181,181);
	arrNewImages["hammered"].src=finishBaseUrl + "hammered.jpg";
	arrNewImages["rock"]= new Image(181,181);
	arrNewImages["rock"].src=finishBaseUrl + "rock.jpg";
	arrNewImages["smooth"]= new Image(181,181);
	arrNewImages["smooth"].src=finishBaseUrl + "smooth.jpg";
	//Begin preloading COLORS images
	arrNewImages["buckskin"]= new Image(181,181);
	arrNewImages["buckskin"].src=colorBaseUrl + "Buckskin.jpg";
	arrNewImages["dakota"]= new Image(181,181);
	arrNewImages["dakota"].src=colorBaseUrl + "Dakota.jpg";
	arrNewImages["fifthstreet"]= new Image(181,181);
	arrNewImages["fifthstreet"].src=colorBaseUrl + "Fifth_Street.jpg";
	arrNewImages["graham"]= new Image(181,181);
	arrNewImages["graham"].src=colorBaseUrl + "Graham.jpg";
	arrNewImages["graystone"]= new Image(181,181);
	arrNewImages["graystone"].src=colorBaseUrl + "Graystone.jpg";
	arrNewImages["gunpowder"]= new Image(181,181);
	arrNewImages["gunpowder"].src=colorBaseUrl + "Gunppowder.jpg";
	
}

//IN:  the ID of the image we're swapping
//	   the name of the image that should be swapped in (correlates to the index of the image array created above.)
function swapImage(imgId,imgName)
{
	document.getElementById(imgId).src = arrNewImages[imgName].src;
}

-->