// 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[0]=["images/storegallery/57th-aisle.jpg", "Healthy beverages galore", ""]
dynimages[1]=["images/storegallery/57th-bakery.jpg", "Kerrisdale bakery", ""]
dynimages[2]=["images/storegallery/57th-deli.jpg", "Inside Kerrisdale store", ""]
dynimages[3]=["images/storegallery/57th-inside.jpg", "Inside Kerrisdale store", ""]
dynimages[4]=["images/storegallery/57th-produce.jpg", "Kerrisdale produce department", ""]
dynimages[5]=["images/storegallery/57th-valentines.jpg", "Valentine's day at Choices", ""]
dynimages[6]=["images/storegallery/loc_kerrisdale.gif", "Kerrisdale location &nbsp;<em>(click for interactive map)", "http://mappoint.msn.com/(2s22llayvmswpt455dmra3vw)/map.aspx?L=USA&C=49.21951%2c-123.14979&A=7.16667&P=|49.21951%2c-123.14979|1|1888+W+57th+Ave%2c+Vancouver+BC|L1|"]


//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=1

//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.6)"

///////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[2]!="")
imghtml+='<a href="'+theimg[2]+'" target="_blank">'
if (theimg[1]!="")
imghtml+='<img src="'+theimg[0]+'" border="'+imgborderwidth+'">'
if (theimg[2]!="")
imghtml+='</a>'
if (theimg[1]!="")
imghtml+='<br>'+theimg[1]+''
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
}
}
