// -------------------------------------------------------------------
// 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. Constructor
// -------------------------------------------------------------------

function virtualpaginate(className, chunksize, elementType)
{
    //The type of element used to divide up content into pieces. Defaults to "div"
    var elementType=(typeof elementType=="undefined")? "div" : elementType 
    
    //get total number of divs matching class name (is an array)
    this.pieces=virtualpaginate.collectElementbyClass(className, elementType) 

    //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

    //calculate number of "pages" needed to show the divs
    this.pagecount=Math.ceil(this.pieces.length/this.chunksize)

//show no pages (aka hide all)
    this.showpage(-1) 

    //Having hidden all pages, set currently visible page to 1st page
    this.currentpage=0 

//Show first page
    this.showpage(this.currentpage) 
}

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

virtualpaginate.collectElementbyClass=function(classname, element)
{ 
    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)
//                               This method gets called on clicks to numbers and regular links (flatview)
// -------------------------------------------------------------------

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

    window.location = "#top";

    // make regular links (previous and next) dissapear / re-appear accordingly
    if(document.getElementById('prev_link_span'))
    {
        if( this.currentpage == 0 )
        {
            document.getElementById('prev_link_span').style.display = 'none';
        }
        else
        {
            document.getElementById('prev_link_span').style.display = 'inline';
        }
    }
    
    
    if(document.getElementById("next_link_span"))
    {
        if( this.currentpage == this.pagecount - 1)
        {
            document.getElementById("next_link_span").style.display = "none";
        }
        else
        {
            document.getElementById("next_link_span").style.display = "inline";
        }
    }
}

// -------------------------------------------------------------------
// 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 //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)
{
    //Gets the current paginate object
    var instanceOfBox=this

for (var i=0; i<paginatelinks.length; i++)
    {
var currentpagerel=paginatelinks[i].getAttribute("rel")

//screen for these "rel" values
if (currentpagerel=="previous" || currentpagerel=="next" || currentpagerel=="first" || currentpagerel=="last")

// Sets the onclick functions for all standard paginate links
    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
            flatviewhtml+='<a href="#top" rel="'+i+'">'+(i+1)+'</a> ' //build  pagination link using auto incremented sequential number instead

        // Added dividers in between numbers
        if ( i != this.pagecount - 1)
            flatviewhtml += ' | '

    }

    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="" //"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_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)
{
    var instanceOfBox=this
var paginatediv=document.getElementById(divid)

//if user has set to display all pieces at once, no point in creating pagination div
    if (this.chunksize==this.pieces.length)
{
paginatediv.style.display="none"
return
    }

    var paginationcode=paginatediv.innerHTML //Get user defined, "unprocessed" HTML within paginate div

    if (paginatediv.getElementsByTagName("select").length>0) //if there's a select menu in div
this.paginate_build_selectmenu(paginatediv.getElementsByTagName("select")[0], optnavtext)

    if (paginatediv.getElementsByTagName("a").length>0) //if there are links defined in div
this.paginate_build_regularlinks(paginatediv.getElementsByTagName("a"))

    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])
    }

    this.paginatediv=paginatediv
}


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

virtualpaginate.prototype.navigate=function(keyword)
{
    // If using flatview "Unhighlight" previous page (before this.currentpage increments)
    if (this.flatviewpresent)
this.flatviewlinks[this.currentpage].className="" 

// Increment this.currentpage according to link chosen
    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

// Calls the showpage method to display correct page
    this.showpage(this.currentpage)

    // Sets the select menu if present
    if (this.selectmenupresent)
this.paginatediv.getElementsByTagName("select")[0].selectedIndex=this.currentpage

// If using flatview "Highlight" the current page (page we are going to)
    if (this.flatviewpresent)
this.flatviewlinks[this.currentpage].className="selected" //"Highlight" current page
}