// Create Arrays:
var ColorArray = new Array();
var PreloadArray = new Array();

// Function used to add a color to the array:
var counterNum=0;
function CreateColor(color, filename){
	ColorArray[color] = filename;
	PreloadArray[counterNum] = filename;
	counterNum++;
}

// Specify colors and their corresponding image file locations here:
CreateColor("black", "imagerollover/table_black.jpg");
CreateColor("sprucegreen", "imagerollover/table_sprucegreen.jpg");
CreateColor("darkgreen", "imagerollover/table_darkgreen.jpg");
CreateColor("bluegreen", "imagerollover/table_bluegreen.jpg");
CreateColor("darkblue", "imagerollover/table_darkblue.jpg");
CreateColor("lightblue", "imagerollover/table_lightblue.jpg");
CreateColor("gray", "imagerollover/table_gray.jpg");
CreateColor("wine", "imagerollover/table_wine.jpg");
CreateColor("burgundy", "imagerollover/table_burgundy.jpg");
CreateColor("red", "imagerollover/table_red.jpg");
CreateColor("gold", "imagerollover/table_gold.jpg");
CreateColor("camel", "imagerollover/table_camel.jpg");
CreateColor("standardgreen", "imagerollover/table_standardgreen.jpg");

// Function to change image:
function swapImage(name) {
	document.images.TableImage.src=ColorArray[name];
}

// Write out table for product image and color palette:
document.write('<table width="433" border="0" cellpadding="0" cellspacing="0">');
document.write('  <tr>');
document.write('    <td><img src="'+ColorArray["standardgreen"]+'" alt="Pool Table" name="TableImage" ID="TableImage" id="TableImage"></td>');
document.write('  </tr>');
document.write('  <tr>');
document.write('    <td><img src="imagerollover/color_palette.jpg" width="433" height="220" border="0" usemap="#Map"></td>');
document.write('  </tr>');
document.write('</table>');

// Image Map Code:
document.write('<map name="Map">');
document.write('  <area shape="rect" coords="320,122,355,157" href="javascript:swapImage(\'black\');" onMouseOver="swapImage(\'black\');" alt="Black">');
document.write('  <area shape="rect" coords="260,122,295,157" href="javascript:swapImage(\'sprucegreen\');" onMouseOver="swapImage(\'sprucegreen\');" alt="Spruce Green">');
document.write('  <area shape="rect" coords="200,122,235,157" href="javascript:swapImage(\'darkgreen\');" onMouseOver="swapImage(\'darkgreen\');" alt="Dark Green">');
document.write('  <area shape="rect" coords="140,122,175,157" href="javascript:swapImage(\'bluegreen\');" onMouseOver="swapImage(\'bluegreen\');" alt="Blue Green">');
document.write('  <area shape="rect" coords="80,122,115,157" href="javascript:swapImage(\'darkblue\');" onMouseOver="swapImage(\'darkblue\');" alt="Dark Blue">');
document.write('  <area shape="rect" coords="20,122,55,157" href="javascript:swapImage(\'lightblue\');" onMouseOver="swapImage(\'lightblue\');" alt="Light Blue">');
document.write('  <area shape="rect" coords="380,42,415,77" href="javascript:swapImage(\'gray\');" onMouseOver="swapImage(\'gray\');" alt="Gray">');
document.write('  <area shape="rect" coords="320,42,355,77" href="javascript:swapImage(\'wine\');" onMouseOver="swapImage(\'wine\');" alt="Wine">');
document.write('  <area shape="rect" coords="260,42,295,77" href="javascript:swapImage(\'burgundy\');" onMouseOver="swapImage(\'burgundy\');" alt="Burgundy">');
document.write('  <area shape="rect" coords="200,42,235,77" href="javascript:swapImage(\'red\');" onMouseOver="swapImage(\'red\');" alt="Red">');
document.write('  <area shape="rect" coords="140,42,175,77" href="javascript:swapImage(\'gold\');" onMouseOver="swapImage(\'gold\');" alt="Gold">');
document.write('  <area shape="rect" coords="80,42,115,77" href="javascript:swapImage(\'camel\');" onMouseOver="swapImage(\'camel\');" alt="Camel">');
document.write('  <area shape="rect" coords="20,42,55,77" href="javascript:swapImage(\'standardgreen\');" onMouseOver="swapImage(\'standardgreen\');" alt="Standard Green">');
document.write('</map>');

// Preload all the rollover images that are used:
  var d=document; if(d.images){ if(!d.ImP_p) d.ImP_p=new Array();
  var i,j=d.ImP_p.length; for(i=0; i<PreloadArray.length; i++)
  if (PreloadArray[i].indexOf("#")!=0){ d.ImP_p[j]=new Image; d.ImP_p[j++].src=PreloadArray[i];}}