root/trunk/paginationview.js

// a view to provide pagination controls for a paginated datasource
PaginationView = new Class(View, {

  init: function () {
    PaginationView.superClass.init.apply(this, arguments);
  },

  render: function (data) {
    var datasource = this.datasource;

    if (!datasource || !datasource.isPaginated)
      return;

    var view = this.view;
    view.innerHTML = "";

    var paginationControls = document.createElement("div");

      paginationControls.innerHTML = "Page: " + (datasource.getCurrentPage() + 1) + " out of " + (datasource.getPageCount()) + " ";

      for (var i=0; i < datasource.getPageCount(); i++) {
        var choosePageLink = document.createElement("a");

        paginationControls.appendChild(choosePageLink);

        choosePageLink.innerHTML = (i + 1) + " ";
        choosePageLink.page = i;

        if (i != datasource.getCurrentPage()) {
          choosePageLink.href = "javascript: null";
          choosePageLink.onClick = function () { return false; };

          DOM.addEventListener(choosePageLink, "click", function (evt) {
            Event.prep(evt);
            var page = evt.target.page;
            datasource.setCurrentPage(page);

            // if changing pages, then clear the current selection
            FB.galSelected.empty();

            return false;
          });
        }
      }

      view.appendChild(paginationControls);
  }
});