// -------------------------------------------------------------------
// Image Thumbnail Viewer II- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: Feb 5th, 2007
// -------------------------------------------------------------------
var thumbnailviewer2={
enableTitle: true, //Should "title" attribute of link be used as description?
enableTransition: true, //Enable fading transition in IE?
hideimgmouseout: false, //Hide enlarged image when mouse moves out of anchor link? (if enlarged image is hyperlinked, always set to false!)
/////////////No need to edit beyond here/////////////////////////
iefilterstring: 'progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)', //IE specific multimedia filter string
iefiltercapable: document.compatMode && window.createPopup? true : false, //Detect browser support for IE filters
preloadedimages:[], //array to preload enlarged images (ones set to display "onmouseover"
targetlinks:[], //array to hold participating links (those with rel="enlargeimage:initType")
alreadyrunflag: false, //flag to indicate whether init() function has been run already come window.onload
loadimage:function(linkobj){
var imagepath=linkobj.getAttribute("href") //Get URL to enlarged image
var showcontainer=document.getElementById(linkobj.getAttribute("rev").split("::")[0]) //Reference container on page to show enlarged image in
var dest=linkobj.getAttribute("rev").split("::")[1] //Get URL enlarged image should be linked to, if any
var description=(thumbnailviewer2.enableTitle && linkobj.getAttribute("title"))? linkobj.getAttribute("title") : "" //Get title attr
var imageHTML='
' //Construct HTML for enlarged image
if (typeof dest!="undefined") //Hyperlink the enlarged image?
imageHTML=''+imageHTML+''
if (description!="") //Use title attr of the link as description?
if (description=="Art1") {
description = "Bridge of Sighs";
}
if (description=="Art2") {
description = "Celedon Vases";
}
if (description=="Art3") {
description = "Dried Flowers";
}
if (description=="Art4") {
description = "Fall Bounty";
}
if (description=="Art5") {
description = "Spring Flowers";
}
if (description=="Art6") {
description = "Nature's Gifts";
}
if (description=="Art8") {
description = "Picket Fence";
}
if (description=="Art9") {
description = "Rhododendron";
}
if (description=="Art10") {
description = "Roses";
}
if (description=="Art11") {
description = "Solitude";
}
if (description=="Art12") {
description = "Sunflowers and Delphiniums";
}
if (description=="Art13") {
description = "The Gatherer";
}
if (description=="Art14") {
description = "Venice Canal";
}
if (description=="Art15") {
description = "Wild Asters";
}
if (description=="Art16") {
description = "Ohio Barn";
}
if (description=="Art17") {
description = "Old Homestead";
}
if (description=="Art18") {
description = "Rhododendron II";
}
if (description=="Art19") {
description = "Winter Stream";
}
if (description=="Art20") {
description = "Magnolia Branch";
}
if (description=="Art21") {
description = "Fruit and Flowers";
}
if (description=="Art22") {
description = "Daisies and Buttercups";
}
if (description=="Art23") {
description = "Tiger Lillies";
}
if (description=="Art24") {
description = "Water Lillies";
}
if (description=="Art25") {
description = "Roses II";
}
if (description=="Art26") {
description = "Tree Peonies";
}
if (description=="Art27") {
description = "Sunflowers";
}
if (description=="Art29") {
description = "Dogwood";
}
if (description=="Art30") {
description = "Tulips";
}
if (description=="Art31") {
description = "Farmhouse in Winter";
}
if (description=="Art32") {
description = "Autumn in Ohio";
}
if (description=="Art33") {
description = "Pink Blooms";
}
if (description=="Art34") {
description = "The Flower Box";
}
if (description=="Art35") {
description = "Country Home";
}
if (description=="Art36") {
description = "Sunset";
}
if (description=="Art37") {
description = "Wild Geese";
}
if (description=="Art38") {
description = "Cottage Garden";
}
if (description=="Art39") {
description = "Horseshoe Pond";
}
if (description=="Art40") {
description = "Barn Treasures";
}
if (description=="Art41") {
description = "Sunflowers and Daisies";
}
if (description=="Art42") {
description = "Daffodils";
}
if (description=="Art43") {
description = "Feeding Time";
}
if (description=="Art44") {
description = "Frozen Stream";
}
if (description=="Art45") {
description = "Mixed Bouquet";
}
if (description=="Art46") {
description = "Woodland Stream";
}
if (description=="Art47") {
description = "Garden Mix";
}
if (description=="Art48") {
description = "Blue and White Vases";
}
if (description=="Art49") {
description = "Mountain Vista";
}
if (description=="Art50") {
description = "Rockport Seascape";
}
if (description=="Art51") {
description = "A Cold Day";
}
if (description=="Art52") {
description = "Maroon Bells";
}
if (description=="Art53") {
description = "Yellow Roses";
}
if (description=="Art55") {
description = "The Old Hudson";
}
if (description=="Art57") {
description = "Crashing Surf";
}
if (description=="Art58") {
description = "In The Ravine";
}
if (description=="Art59") {
description = "Autumn Birches";
}
if (description=="Art60") {
description = "Daisies and Violets";
}
if (description=="Art61") {
description = "Birches by the Stream";
}
if (description=="Art62") {
description = "Fallen Logs";
}
imageHTML+='
'+description
if (this.iefiltercapable){ //Is this an IE browser that supports filters?
showcontainer.style.filter=this.iefilterstring
showcontainer.filters[0].Apply()
}
showcontainer.innerHTML=imageHTML
this.featureImage=showcontainer.getElementsByTagName("img")[0] //Reference enlarged image itself
this.featureImage.onload=function(){ //When enlarged image has completely loaded
if (thumbnailviewer2.iefiltercapable) //Is this an IE browser that supports filters?
showcontainer.filters[0].Play()
}
this.featureImage.onerror=function(){ //If an error has occurred while loading the image to show
if (thumbnailviewer2.iefiltercapable) //Is this an IE browser that supports filters?
showcontainer.filters[0].Stop()
}
},
hideimage:function(linkobj){
var showcontainer=document.getElementById(linkobj.getAttribute("rev").split("::")[0]) //Reference container on page to show enlarged image in
showcontainer.innerHTML=""
},
cleanup:function(){ //Clean up routine on page unload
if (this.featureImage){this.featureImage.onload=null; this.featureImage.onerror=null; this.featureImage=null}
this.showcontainer=null
for (var i=0; i0){ //Take advantage of "defer" attr inside SCRIPT tag in IE for instant init
thumbnailviewer2.alreadyrunflag=1
thumbnailviewer2.init()
}
thumbnailviewer2.addEvent(window, function(){if (!thumbnailviewer2.alreadyrunflag) thumbnailviewer2.init()}, "load") //Default init method: window.onload
thumbnailviewer2.addEvent(window, function(){thumbnailviewer2.cleanup()}, "unload")