// JavaScript Document

/***********************************************

* Image Thumbnail Viewer II script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/



//Specify image paths and optional link (set link to "" for no link):

var dynimages=new Array()

dynimages[12]=["images/Missions%20House%20art%20in%20Hermanus%20missio3.jpg", ""]

dynimages[0]=["images/Hermanus%20Accommodation%20B&B%203.jpg", ""]

dynimages[1]=["images/Hermanus%20Accommodation%20B&B%205.jpg", ""]

dynimages[2]=["images/gallery-pic-17b.jpg", ""]

dynimages[3]=["images/Hermanus%20Accomodation%207.jpg", ""]

dynimages[4]=["images/Hermanus%20acommodation%20B&B%204.jpg", ""]

dynimages[5]=["images/Hermanus%20Accommodation%206.jpg", ""]

dynimages[6]=["images/Hermanus%20Accommodation%209.jpg", ""]

dynimages[7]=["images/hermanus%20accommodation%2011.jpg", ""]

dynimages[8]=["images/Di%20Ackermanus%20Hermanus%20art%20south%20africa%202.jpg", ""]

dynimages[9]=["images/gallery-pic-14b.jpg", ""]

dynimages[10]=["images/Hermnaus%20Accommodation%208.jpg", ""]

dynimages[11]=["images/Hermanus%20Accommodation%2010.jpg", ""]

dynimages[13]=["images/gallery-pic-14b.jpg", ""]

dynimages[14]=["images/gallery-pic-15b.jpg", ""]
dynimages[15]=["images/gallery-pic-16b.jpg", ""]



//Preload images ("yes" or "no"):

var preloadimg="yes"



//Set optional link target to be added to all images with a link:

var optlinktarget=""



//Set image border width

var imgborderwidth=0



//Optionally, change 1.0 and 0.7 below to affect Wipe gradient size and duration in seconds in IE5.5+:

var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"



///////No need to edit beyond here/////



if (preloadimg=="yes"){

for (x=0; x<dynimages.length; x++){

var myimage=new Image()

myimage.src=dynimages[x][0]

}

}



function returnimgcode(theimg){

var imghtml=""

if (theimg[1]!="")

imghtml='<a href="'+theimg[1]+'" target="'+optlinktarget+'">'

imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'

if (theimg[1]!="")

imghtml+='</a>'

return imghtml

}



function modifyimage(loadarea, imgindex){

if (document.getElementById){

var imgobj=document.getElementById(loadarea)

if (imgobj.filters && window.createPopup){

imgobj.style.filter=filterstring

imgobj.filters[0].Apply()

}

imgobj.innerHTML=returnimgcode(dynimages[imgindex])

if (imgobj.filters && window.createPopup)

imgobj.filters[0].Play()

return false

}

}