//thumbnail script
image1 =new Image();
image2 =new Image();
image3 =new Image();
image4 =new Image();
image5 =new Image();
image6 =new Image();
image7 =new Image();
image8 =new Image();
image9 =new Image();
image10 =new Image();
image11 =new Image();
image12 =new Image();
image13 =new Image();
image14 =new Image();
image15 =new Image();
image16 =new Image();

// These  lines define the source of the displayed images
image1.src ="images/gallery_images/gallery_1.jpg"
image2.src ="images/gallery_images/gallery_2.jpg"
image3.src ="images/gallery_images/gallery_3.jpg"
image4.src ="images/gallery_images/gallery_4.jpg"
image5.src ="images/gallery_images/gallery_5.jpg"
image6.src ="images/gallery_images/gallery_6.jpg"
image7.src ="images/gallery_images/gallery_7.jpg"
image8.src ="images/gallery_images/gallery_8.jpg"
image9.src ="images/gallery_images/gallery_9.jpg"
image10.src ="images/gallery_images/gallery_10.jpg"
image11.src ="images/gallery_images/gallery_11.jpg"
image12.src ="images/gallery_images/gallery_12.jpg"
image13.src ="images/gallery_images/gallery_13.jpg"
image14.src ="images/gallery_images/gallery_14.jpg"
image15.src ="images/gallery_images/gallery_15.jpg"
image16.src ="images/gallery_images/gallery_16.jpg"

// This defines the source of the preview image
document.images['port1'] ="images/thumbs/thumbs_hover/port_hover1.jpg".src;
document.images['port2'] ="images/thumbs/thumbs_hover/port_hover2.jpg".src;
document.images['port3'] ="images/thumbs/thumbs_hover/port_hover3.jpg".src;
document.images['port4'] ="images/thumbs/thumbs_hover/port_hover4.jpg".src;
document.images['port5'] ="images/thumbs/thumbs_hover/port_hover5.jpg".src;
document.images['port6'] ="images/thumbs/thumbs_hover/port_hover6.jpg".src;
document.images['port7'] ="images/thumbs/thumbs_hover/port_hover7.jpg".src;
document.images['port8'] ="images/thumbs/thumbs_hover/port_hover8.jpg".src;
document.images['port9'] ="images/thumbs/thumbs_hover/port_hover9.jpg".src;
document.images['port10'] ="images/thumbs/thumbs_hover/port_hover10.jpg".src;
document.images['port11'] ="images/thumbs/thumbs_hover/port_hover11.jpg".src;
document.images['port12'] ="images/thumbs/thumbs_hover/port_hover12.jpg".src;
document.images['port13'] ="images/thumbs/thumbs_hover/port_hover13.jpg".src;
document.images['port14'] ="images/thumbs/thumbs_hover/port_hover14.jpg".src;
document.images['port15'] ="images/thumbs/thumbs_hover/port_hover15.jpg".src;
document.images['port16'] ="images/thumbs/thumbs_hover/port_hover16.jpg".src;

// This defines what to do when an image is clicked on
function image_click(clicks)
{
if(clicks==0){document.images['large'].src=image1.src;}
if(clicks==1){document.images['large'].src=image2.src;}
if(clicks==2){document.images['large'].src=image3.src;}
if(clicks==3){document.images['large'].src=image4.src;}
if(clicks==4){document.images['large'].src=image5.src;}
if(clicks==5){document.images['large'].src=image6.src;}
if(clicks==6){document.images['large'].src=image7.src;}
if(clicks==7){document.images['large'].src=image8.src;}
if(clicks==8){document.images['large'].src=image9.src;}
if(clicks==9){document.images['large'].src=image10.src;}
if(clicks==10){document.images['large'].src=image11.src;}
if(clicks==11){document.images['large'].src=image12.src;}
if(clicks==12){document.images['large'].src=image13.src;}
if(clicks==13){document.images['large'].src=image14.src;}
if(clicks==14){document.images['large'].src=image15.src;}
if(clicks==15){document.images['large'].src=image16.src;}

}