// -------------------------------------------------------------------
// Photo Album Script v2.0- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Mar 11th, 07': Script updated to v2.0
// -------------------------------------------------------------------
function photogallery(garray, cols, rows, twidth, theight, tURL){
gcount=(typeof gcount=="undefined")? 1 : gcount+1 //global var to keep count of current instance of photo gallery
this.gcount=gcount
this.galleryarray=garray
this.cols=cols
this.rows=rows
var twidth= twidth || "700x" //default table width is 700px
var theight= theight || "500px"
var viewallURL= tURL //Store 2 compontents of paginate DIV text inside array
this.pagecount=Math.ceil(this.galleryarray.length/(cols*rows)) //calculate number of "pages" needed to show the images
document.write('
') //Generate table for Photo Gallery
document.write('
') //Generate Paginate Div
for (var r=0; r')
for (var c=0; c')
document.write('')
}
document.write('
')
document.write('
')
document.write('
')
document.write('
')
document.write('
')
var gdiv=document.getElementById("photogallery-"+this.gcount)
var pdiv=document.getElementById("photogallerypaginate-"+this.gcount)
gdiv.onselectphoto=function(imgobj, linkobj){return true} //custom event handler "onselectphoto", invoked when user clicks on an image within gallery
this.showpage(gdiv, 0)
this.createNav(gdiv, pdiv)
gdiv.onclick=function(e){return photogallery.defaultselectaction(e, this)} //attach default custom event handler action to "onclick" event
return gdiv
}
photogallery.prototype.createImage=function(imgparts){
var imageHTML=''
if (typeof imgparts[4]!="undefined" && imgparts[4]!=""){ //Create URL?
var linktarget= ""
imageHTML=''+imageHTML+''
}
if (typeof imgparts[1]!="undefined" && imgparts[1]!="") //Display description?
imageHTML+='
'+imgparts[1]+'
'
imageHTML+='
$ '+imgparts[2]+'.00
'
return imageHTML
}
photogallery.prototype.showpage=function(gdiv, pagenumber){
var totalitems=this.galleryarray.length //total number of images
var showstartindex=pagenumber*(this.rows*this.cols) //array index of div to start showing per pagenumber setting
var showendindex=showstartindex+(this.rows*this.cols) //array index of div to stop showing after per pagenumber setting
var tablecells=gdiv.getElementsByTagName("td")
for (var i=showstartindex, currentcell=0; i<< back '
for (var i=0; i'+(i+1)+' ' //build sequential nav links
navHTML = navHTML + ' next>> >> '
pdiv.innerHTML=navHTML
var navlinks=pdiv.getElementsByTagName("a")
this.previouspage=navlinks[0] //Set previous clicked on link to current link for future ref
for (var i=0; i 0 )
{
if(Number(navlinks.length-j) >3 )
{
document.getElementById("iback").setAttribute("rel", i_b)
document.getElementById("inext").setAttribute("rel", i_n)
navlinks[i_n].className="backnext_link:active"
}
}
return false
}
}
navlinks[1].className="backnext_link:active" //Select first link by default
}
photogallery.defaultselectaction=function(e, gdiv){ //function that runs user defined "onselectphoto()" event handler
var evtobj=e || window.event
var clickedobj=evtobj.target || evtobj.srcElement
if (clickedobj.tagName=="IMG"){
var linkobj=(clickedobj.parentNode.tagName=="A")? clickedobj.parentNode : null
return gdiv.onselectphoto(clickedobj, linkobj)
}
}
