<!--
//thumbnail script
image0 =new Image();
image1 =new Image();
image2 =new Image();
image3 =new Image();
image4 =new Image();
image5 =new Image();

// This defines the source of the display image 
image0.src ="../graphics/port/churches/thumb/churchth.jpg"
image1.src ="../graphics/port/churches/thumb/church2th.jpg"
image2.src ="../graphics/port/churches/thumb/church3th.jpg"
image3.src ="../graphics/port/churches/thumb/church4yh.jpg"
image4.src ="../graphics/port/churches/thumb/church5th.jpg"
image5.src ="../graphics/port/churches/thumb/church6th.jpg"

// This defines the source of the preview image 
image0.src ="../graphics/port/churches/church.jpg"
image1.src ="../graphics/port/churches/church2.jpg"
image2.src ="../graphics/port/churches/church3.jpg"
image3.src ="../graphics/port/churches/church4.jpg"
image4.src ="../graphics/port/churches/church5.jpg"
image5.src ="../graphics/port/churches/church6.jpg"

// 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;}
}
// -->