//thumbnail script
image0 = new Image();
image1 = new Image();
image2 = new Image();
image3 = new Image();
image4 = new Image();
image5 = new Image();
image6 = new Image();

// This defines the source of the display image 
image0.src = "../upload/images/1.jpg";
image1.src = "../upload/images/2.jpg";
image2.src = "../upload/images/3.jpg";
image3.src = "../upload/images/4.jpg";
image4.src = "../upload/images/5.jpg";
image5.src = "../upload/images/6.jpg";
image6.src = "../upload/images/Final.jpg";


// This defines the source of the preview image
//document.images['pimage0'].src = image0.src;
//document.images['pimage1'].src = image1.src;
//document.images['pimage2'].src = image2.src;
//document.images['pimage3'].src = image3.src;
//document.images['pimage4'].src = image4.src;
//document.images['pimage5'].src = image5.src;
//document.images['pimage6'].src = image6.src;
//document.images['pimage7'].src = image7.src;
//document.images['pimage7'].src = image8.src;
//document.images['pimage7'].src = image9.src;


// This defines what to do when an image is clicked on 
function image_click(clicks)
{
   if(clicks==0){document.images['large'].src=image0.src;}
   if(clicks==1){document.images['large'].src=image1.src;}
   if(clicks==2){document.images['large'].src=image2.src;}
   if(clicks==3){document.images['large'].src=image3.src;}
   if(clicks==4){document.images['large'].src=image4.src;}
   if(clicks==5){document.images['large'].src=image5.src;}
   if(clicks==6){document.images['large'].src=image6.src;}
}