// -------------------------------------------------------------------
// 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 ( "imagearea" ) //linkobj.getAttribute ( "rev" ).split( "::" )[0] ) // Reference container on page to show enlarged image in
    var textcontainer = document.getElementById ( "textarea" ) //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 ( "rel" ) ) ? linkobj.getAttribute("rel") : "" // Get rel attr
    var imageHTML='<img src="'+imagepath+'" style="border-width: 0" />'                             // Construct HTML for enlarged image

    //if ( typeof dest != "undefined" ) imageHTML='<a href="'+dest+'">'+imageHTML+'</a>' // Hyperlink the enlarged image?
    if ( description != "" ) textcontainer.innerHTML=description //imageHTML+='<br />'+description                           // Use title attr of the link as 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 ) showcontainer.filters[0].Play()          // Is this an IE browser that supports filters?
    }
    this.featureImage.onerror = function () {                                          // If an error has occurred while loading the image to show
      if ( thumbnailviewer2.iefiltercapable ) showcontainer.filters[0].Stop()          // Is this an IE browser that supports filters?
    }

  },

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; i<this.targetlinks.length; i++){
this.targetlinks[i].onclick=null
this.targetlinks[i].onmouseover=null
this.targetlinks[i].onmouseout=null
}
},

addEvent:function(target, functionref, tasktype){ //assign a function to execute to an event handler (ie: onunload)
var tasktype=(window.addEventListener)? tasktype : "on"+tasktype
if (target.addEventListener)
target.addEventListener(tasktype, functionref, false)
else if (target.attachEvent)
target.attachEvent(tasktype, functionref)
},

init:function(){ //Initialize thumbnail viewer script
this.iefiltercapable=(this.iefiltercapable && this.enableTransition) //True or false: IE filters supported and is enabled by user
var pagelinks=document.getElementsByTagName("a")
for (var i=0; i<pagelinks.length; i++){ //BEGIN FOR LOOP
if (pagelinks[i].getAttribute("id") && /gallery/i.test(pagelinks[i].getAttribute("id"))){ // Begin if statement: Test for id="gallery"
//if (pagelinks[i].getAttribute("rel") && /enlargeimage:/i.test(pagelinks[i].getAttribute("rel"))){ //Begin if statement: Test for rel="enlargeimage"
var initType="mouseover" //pagelinks[i].getAttribute("rel").split("::")[1] //Get display type of enlarged image ("click" or "mouseover")
if (initType=="mouseover"){ //If type is "mouseover", preload the enlarged image for quicker display
this.preloadedimages[this.preloadedimages.length]=new Image()
this.preloadedimages[this.preloadedimages.length-1].src=pagelinks[i].href
pagelinks[i]["onclick"]=function(){ //Cancel default click action
return false
}
}
pagelinks[i]["on"+initType]=function(){ //Load enlarged image based on the specified display type (event)
thumbnailviewer2.loadimage(this) //Load image
return false
}
if (this.hideimgmouseout)
pagelinks[i]["onmouseout"]=function(){
thumbnailviewer2.hideimage(this)
}
this.targetlinks[this.targetlinks.length]=pagelinks[i] //store reference to target link
} //end if statement
} //END FOR LOOP


} //END init() function

}


if (document.addEventListener) //Take advantage of "DOMContentLoaded" event in select Mozilla/ Opera browsers for faster init
thumbnailviewer2.addEvent(document, function(){thumbnailviewer2.alreadyrunflag=1; thumbnailviewer2.init()}, "DOMContentLoaded") //Initialize script on page load
else if (document.all && document.getElementsByTagName("a").length>0){ //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")