// -------------------------------------------------------------------
// Virtual Pagination Script- By Dynamic Drive, available at: http://www.dynamicdrive.com
// Last updated: May 31st, 2007
//
// PUBLIC: virtualpaginate(className, chunksize)
// Main Virtual Paginate Object function.
// -------------------------------------------------------------------

function virtualpaginate(className, chunksize, elementType){
 var elementType=(typeof elementType=="undefined")? "div" : elementType //The type of element used to divide up content into pieces. Defaults to "div"
 this.pieces=virtualpaginate.collectElementbyClass(className, elementType) //get total number of divs matching class name
 //Set this.chunksize: 1 if "chunksize" param is undefined, "chunksize" if it's less than total pieces available, or simply total pieces avail (show all)
 this.chunksize=(typeof chunksize=="undefined")? 1 : (chunksize>0 && chunksize <this.pieces.length)? chunksize : this.pieces.length
 this.pagecount=Math.ceil(this.pieces.length/this.chunksize) //calculate number of "pages" needed to show the divs
 this.showpage(-1) //show no pages (aka hide all)
 this.currentpage=0 //Having hidden all pages, set currently visible page to 1st page
 this.showpage(this.currentpage) //Show first page
}

// -------------------------------------------------------------------
// PRIVATE: collectElementbyClass(classname)- Returns an array containing DIVs with the specified classname
// -------------------------------------------------------------------

virtualpaginate.collectElementbyClass=function(classname, element){ //Returns an array containing DIVs with specified classname
var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
 var pieces=[]
 var alltags=document.getElementsByTagName(element)
 for(var i=0; i<alltags.length; i++){
  if(typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
  pieces[pieces.length]=alltags[i]
 }
 return pieces
}

// -------------------------------------------------------------------
// PUBLIC: showpage(pagenumber)- Shows a page based on parameter passed (0=page1, 1=page2 etc)
// -------------------------------------------------------------------

virtualpaginate.prototype.showpage=function(pagenumber){
 var totalitems=this.pieces.length //total number of broken up divs
 var showstartindex=pagenumber*this.chunksize //array index of div to start showing per pagenumber setting
 var showendindex=showstartindex+this.chunksize-1 //array index of div to stop showing after per pagenumber setting
 for(var i=0; i<totalitems; i++){
  if(i>=showstartindex && i<=showendindex)
   this.pieces[i].style.display="block"
  else
   this.pieces[i].style.display="none"
 }
 this.currentpage=parseInt(pagenumber)
 if(this.cpspan) //if <span class="paginateinfo> element is present, update it with the most current info (ie: Page 3/4)
 this.cpspan.innerHTML='Page '+(this.currentpage+1)+'/'+this.pagecount
}

// -------------------------------------------------------------------
// PRIVATE: paginate_build_() methods- Various methods to create pagination interfaces
// paginate_build_selectmenu(paginatedropdown)- Accepts an empty SELECT element and turns it into pagination menu
// paginate_build_regularlinks(paginatelinks)- Accepts a collection of links and screens out/ creates pagination out of ones with specific "rel" attr
// paginate_build_flatview(flatviewcontainer)- Accepts <span class="flatview"> element and replaces it with sequential pagination links
// paginate_build_cpinfo(cpspan)- Accepts <span class="paginateinfo"> element and displays current page info (ie: Page 1/4)
// -------------------------------------------------------------------

virtualpaginate.prototype.paginate_build_selectmenu=function(paginatedropdown, anchortext){
 var instanceOfBox=this
 var anchortext=anchortext || new Array()
 this.selectmenupresent=1
 for(var i=0; i<this.pagecount; i++){
  if(typeof anchortext[i]!="undefined") //if custom anchor text for this link exists, use anchor text as each OPTION's text
   paginatedropdown.options[i]=new Option(anchortext[i], i)
  else // use auto incremented, sequential numbers
   paginatedropdown.options[i]=new Option("Page "+(i+1)+" of "+this.pagecount, i)
 }
 paginatedropdown.selectedIndex=this.currentpage
 paginatedropdown.onchange=function(){
  instanceOfBox.showpage(this.selectedIndex)
 }
}

virtualpaginate.prototype.paginate_build_regularlinks=function(paginatelinks){
 var instanceOfBox=this
 for(var i=0; i<paginatelinks.length; i++){
  var currentpagerel=paginatelinks[i].getAttribute("rel")
  if(currentpagerel=="previous" || currentpagerel=="next" || currentpagerel=="first" || currentpagerel=="last") //screen for these "rel" values
  paginatelinks[i].onclick=function(){
   instanceOfBox.navigate(this.getAttribute("rel"))
   return false
  }
 }
}

virtualpaginate.prototype.paginate_build_flatview=function(flatviewcontainer, anchortext){
 var instanceOfBox=this
 var flatviewhtml=""
 var anchortext=anchortext || new Array()
 for(var i=0; i<this.pagecount; i++){
  if(typeof anchortext[i]!="undefined") //if custom anchor text for this link exists
   flatviewhtml+='<a href="#flatview" rel="'+i+'">'+anchortext[i]+'</a> ' //build pagination link using custom anchor text
  else
   flatviewhtml+='<a href="#flatview" rel="'+i+'">'+(i+1)+'</a> ' //build  pagination link using auto incremented sequential number instead
 }
 flatviewcontainer.innerHTML=flatviewhtml
 this.flatviewlinks=flatviewcontainer.getElementsByTagName("a")
 for(var i=0; i<this.flatviewlinks.length; i++){
  this.flatviewlinks[i].onclick=function(){
   instanceOfBox.flatviewlinks[instanceOfBox.currentpage].className="imgviewlink" //"Unhighlight" last flatview link clicked on...
   this.className="selected" //while "highlighting" currently clicked on flatview link (setting its class name to "selected"
   instanceOfBox.showpage(this.getAttribute("rel"))
   return false
  }
 }
 this.flatviewlinks[this.currentpage].className="selected" //"Highlight" current page
 this.flatviewpresent=true //indicate flat view links are present
}

virtualpaginate.prototype.paginate_build_imgview=function(imgviewcontainer, anchorsrc){
 var instanceOfBox=this
 var imgviewhtml=''
 var anchorsrc = anchorsrc || new Array()
 for(var i=0; i<this.pagecount; i++){
  if(typeof anchorsrc[i]!="undefined") //if custom anchor text for this link exists
   imgviewhtml+='<a class="imgviewlink" rel="'+i+'"><img src="'+anchorsrc[i]+'" alt="page '+(i+1)+' icon" /></a> ' //build pagination link using custom anchor text
  else
   imgviewhtml+='<a href="#imgview" rel="'+i+'">'+(i+1)+'</a> ' // provide navigation even if problem with image urls occured
 }
imgviewcontainer.innerHTML=imgviewhtml
this.imgviewlinks=imgviewcontainer.getElementsByTagName("a")
for(var i=0; i<this.imgviewlinks.length; i++){
 this.imgviewlinks[i].onclick=function(){
  instanceOfBox.imgviewlinks[instanceOfBox.currentpage].className="imgviewlink" //"Unhighlight" last flatview link clicked on...
  instanceOfBox.mirrorlinks[instanceOfBox.currentpage].className="imgviewlink"
  instanceOfBox.showpage(this.getAttribute("rel"))
  instanceOfBox.imgviewlinks[instanceOfBox.currentpage].className="selected" //"Unhighlight" last flatview link clicked on...
  instanceOfBox.mirrorlinks[instanceOfBox.currentpage].className="selected"
  gallery.refreshRotate()
  return false
 }
}
this.imgviewlinks[this.currentpage].className="selected" //"Highlight" current page
this.imgviewpresent=true //indicate flat view links are present
}

virtualpaginate.prototype.paginate_build_imgview_mirror=function(imgviewmirror, anchorsrc){
var mirrorOfBox=this
var imgviewhtml=''
var anchorsrc = anchorsrc || new Array()
for(var i=0; i<this.pagecount; i++){
 if(typeof anchorsrc[i]!="undefined") //if custom anchor text for this link exists
  imgviewhtml+='<a class="temptarget" rel="'+i+'"><img src="'+anchorsrc[i]+'" alt="page '+(i+1)+' icon" /></a> ' //build pagination link using custom anchor text
 else
  imgviewhtml+='<a href="#imgview" rel="'+i+'">'+(i+1)+'</a> ' // provide navigation even if problem with image urls occured
}
imgviewmirror.innerHTML=imgviewhtml
this.mirrorlinks = imgviewmirror.getElementsByTagName("a")
for(var i=0; i < this.mirrorlinks.length; i++){
 this.mirrorlinks[i].onclick=function(){
  mirrorOfBox.imgviewlinks[mirrorOfBox.currentpage].className="imgviewlink"
  mirrorOfBox.mirrorlinks[mirrorOfBox.currentpage].className="imgviewlink" //"Unhighlight" last flatview link clicked on...
  mirrorOfBox.showpage(this.getAttribute("rel"))
  mirrorOfBox.imgviewlinks[mirrorOfBox.currentpage].className="selected"
  mirrorOfBox.mirrorlinks[mirrorOfBox.currentpage].className="selected"
  gallery.refreshRotate()
  return false
 }
}
this.mirrorlinks[this.currentpage].className="selected" //"Highlight" current page
}

virtualpaginate.prototype.paginate_build_cpinfo=function(cpspan){
this.cpspan=cpspan
cpspan.innerHTML='Page '+(this.currentpage+1)+'/'+this.pagecount
}

// -------------------------------------------------------------------
// PRIVATE: buildpagination()- Create pagination interface by calling one or more of the paginate_build_() functions
// -------------------------------------------------------------------

virtualpaginate.prototype.buildpagination=function(divid, optnavtext){
this.divID = divid
this.delay = 4000;
var instanceOfBox=this
var paginatediv = document.getElementById(divid)
if(this.chunksize==this.pieces.length){ //if user has set to display all pieces at once, no point in creating pagination div
 paginatediv.style.display="none"
 return
}
var paginationcode=paginatediv.innerHTML //Get user defined, "unprocessed" HTML within paginate div
if(paginatediv.getElementsByTagName("select").length>0) this.paginate_build_selectmenu(paginatediv.getElementsByTagName("select")[0], optnavtext) //if there's a select menu in div
if(paginatediv.getElementsByTagName("a").length>0) this.paginate_build_regularlinks(paginatediv.getElementsByTagName("a")) //if there are links defined in div
var allspans=paginatediv.getElementsByTagName("span") //Look for span tags within passed div
for(var i=0; i<allspans.length; i++){
 if(allspans[i].className=="flatview") this.paginate_build_flatview(allspans[i], optnavtext)
 else if(allspans[i].className=="paginateinfo") this.paginate_build_cpinfo(allspans[i])
 else if(allspans[i].className=="imgview") this.paginate_build_imgview(allspans[i], optnavtext)
}
this.paginatediv=paginatediv
this.playing = false
this.t
this.buildpaginationmirror(  optnavtext )
}


virtualpaginate.prototype.buildpaginationmirror=function( optnavtext){
var mirrordiv = document.getElementById("iconmirror")
var mirrorspans = mirrordiv.getElementsByTagName("span")
for(var i=0; i < mirrorspans.length; i++){
 if(mirrorspans[i].className=="imgview") this.paginate_build_imgview_mirror(mirrorspans[i], optnavtext)
}
this.mirrordiv = mirrordiv
}

// -------------------------------------------------------------------
// PRIVATE: navigate(keyword)- Calls this.showpage() with the currentpage property preset based on entered keyword
// -------------------------------------------------------------------

virtualpaginate.prototype.navigate=function(keyword){
if(this.flatviewpresent) this.flatviewlinks[this.currentpage].className="" //"Unhighlight" previous page (before this.currentpage increments)
if(this.imgviewpresent){ 
 this.imgviewlinks[this.currentpage].className="imgviewlink"
 this.mirrorlinks[this.currentpage].className="imgviewlink"
}
if(keyword=="previous")  this.currentpage=(this.currentpage>0)? this.currentpage-1 : (this.currentpage==0)? this.pagecount-1 : 0
else if(keyword=="next") this.currentpage=(this.currentpage<this.pagecount-1)? this.currentpage+1 : 0
else if(keyword=="first")this.currentpage=0
else if(keyword=="last") this.currentpage=this.pieces.length-1
this.showpage(this.currentpage)
if(this.selectmenupresent)this.paginatediv.getElementsByTagName("select")[0].selectedIndex=this.currentpage
if(this.flatviewpresent) this.flatviewlinks[this.currentpage].className="selected" //"Highlight" current page
if(this.imgviewpresent){//"Highlight" current page
 this.imgviewlinks[this.currentpage].className="selected"
 this.mirrorlinks[this.currentpage].className="selected"
}
}


virtualpaginate.prototype.initPageRotate = function(){
 if( this.playing ) clearTimeout(this.t);
 
 this.navigate("next");
 this.t = setTimeout( "gallery.initPageRotate()",this.delay);
 this.playing = true
}

virtualpaginate.prototype.stopPageRotate = function(){
 if( this.playing == true ){
  clearTimeout(this.t);
  this.playing = false;
 }
}

virtualpaginate.prototype.refreshRotate = function(){
 if( this.playing == true ){
  clearTimeout(this.t);
  this.t = setTimeout( "gallery.initPageRotate()",this.delay);
 }
}