if (document.images)
   {
     image_off= new Image(73,73);
     image_off.src='images/buckles/black.jpg';

     Buckle_image2= new Image(146,73);
     Buckle_image2.src='images/buckles/army_green.jpg';
     
     Buckle_image3= new Image(146,73);
     Buckle_image3.src='images/buckles/black.jpg';
	
     Buckle_image4= new Image(146,73);
     Buckle_image4.src='images/buckles/brown.jpg';
	
     Buckle_image5= new Image(146,73);
     Buckle_image5.src='images/buckles/grass_green.jpg';
		
     Buckle_image6= new Image(146,73);
     Buckle_image6.src='images/buckles/hot_pink.jpg';
	
     Buckle_image7= new Image(146,73);
     Buckle_image7.src='images/buckles/khaki.jpg';
	
     Buckle_image8= new Image(146,73);
     Buckle_image8.src='images/buckles/light_pink.jpg';	
		
     Buckle_image9= new Image(146,73);
     Buckle_image9.src='images/buckles/lime.jpg';	
     
     Buckle_image10= new Image(146,73);
     Buckle_image10.src='images/buckles/navy.jpg';
     
     Buckle_image11= new Image(146,73);
     Buckle_image11.src='images/buckles/orange.jpg';	
	
     Buckle_image12= new Image(146,73);
     Buckle_image12.src='images/buckles/purple.jpg';
	
     Buckle_image13= new Image(146,73);
     Buckle_image13.src='images/buckles/red.jpg';
     
     Buckle_image14= new Image(146,73);
     Buckle_image14.src='images/buckles/turquoise.jpg'; 
	
     Buckle_image15= new Image(146,73);
     Buckle_image15.src='images/buckles/yellow.jpg'; 
     
     Buckle_image16= new Image(146,73);
     Buckle_image16.src='images/buckles/white.jpg';   
     
	

		
	
	
   }

function change1(picName,imgName)
 {
   if (document.images)
    {
      imgOn=eval(imgName + '.src');
      document[picName].src= imgOn;
    }
 }
 
 
 
document.write("<center><img src='images/buckles/black.jpg' name='SwatchPic' id='SwatchPic' height='73' border='0' /></center>");


document.write("<br />");


document.write("<div class='noborder2' style='overflow-x: scroll; overflow-y: hidden; width: 350px; height: 50px; '>");
document.write("<div class='noborder2' style='width: 450px;'>");


document.write("<a href='javascript:void(0)'><img src='images/buckles/buckleswatch.jpg' ismap name='pic2strip' border='0' usemap='#pic2strip'></a>");
document.write("<map id='pic2strip' name='pic2strip'>");


document.write("<area shape='rect' coords='0,0,64,32' title='Army Green' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image2')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='64,0,134,32' title='Black' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image3')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='134,0,197,32' title='Brown' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image4')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='197,0,265,32' title='Grass Green' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image5')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='265,0,329,32' title='Hot Pink' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image6')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='329,0,394,32' title='Khaki' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image7')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='394,0,459,32' title='Light Pink' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image8')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='459,0,524,32' title='Lime' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image9')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='524,0,568,32' title='Navy Blue' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image10')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='568,0,629,32' title='Orange' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image11')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='629,0,697,32' title='Purple' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image12')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='697,0,753,32' title='Red' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image13')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='753,0,814,32' title='Turquoise' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image14')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='814,0,879,32' title='Yellow' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image15')\" onMouseout=\"change1('SwatchPic','image_off')\">");
document.write("<area shape='rect' coords='879,0,944,32' title='White' href='javascript:void(0)' onMouseover=\"change1('SwatchPic','Buckle_image16')\" onMouseout=\"change1('SwatchPic','image_off')\">");

document.write("</map></div></div></div>");


document.write("<span id=\"bklcap\">Please keep in mind that the colored plastic buckles were made to <br />match the nylon colors not the ribbon colors.</span>");