/*
Displays tables in paged mode
pure javascript

variable pageSize is default page size for all tables, wich not register manually
 by calling a method registerPagedTable

be default it is 50 records on page

for pretty view don''t forget to set display:none for all your tbody rows in table :)

id in a table is not required - it will be added automatically on initPagedTables,
 if not presents



author: raidan <...yandex...>
*/


// isIE must contains boolean value, than answers for question "is that browser Microsoft Explorer?"
var defaultTrDisplayMode = isIE ? "block" : "table-row";


var myPageSize =  50 ;

if (typeof(pageSize) != "undefined") {
  myPageSize = pageSize;
}


WindowStoreClass = function(tableId, pageSize) {
  this.tableId = tableId;
  this.pageSize = pageSize;
  this.totalPages =  0 ;
  this.pagePos =  0 ;
  this.lastPos = - 1 ;
  this.lastClickObject = null;
  this.needPaging = true;
}

var windowStore = [];
function registerPagedTable(tableId, pageSize) {
  windowStore[tableId] = new WindowStoreClass(tableId, pageSize);
}

function getRegisterPagedTable(tableId) {
  return windowStore[tableId];
}


function resetPage(e, directTable) {


  var table = directTable;

  if (!table) {

    var el = window.event ? window.event.srcElement : e.currentTarget;
    while (el.tagName.toLowerCase() != "td") el = el.parentNode;

    table = el.parentNode.parentNode.parentNode;

  }

  processPageClick(null, table.id,  1 );
}

// if href is null, than it is reset
function processPageClick(href, tableId, pos) {
  var store = getRegisterPagedTable(tableId);
  if (store == null) {
    return;
  }

  if (store.lastClickObject != null) {
  	store.lastClickObject.style.textDecoration = "underline";
  }

  store.lastClickObject = href;

  if (!store.lastClickObject) {
    store.lastPos = - 1 ;
    store.lastClickObject = window.document.getElementById("firstClick"+store.tableId);
  }

  if (store.lastClickObject) {
    store.lastClickObject.style.textDecoration = "none";
  }

  store.pagePos = (pos -  1 ) * store.pageSize;
  realignPage(store);
}

function realignPage(store, forceDisplay) {

  if ((store.lastPos != store.pagePos && store.needPaging) || forceDisplay ) {

    var table = window.document.getElementById(store.tableId);
    if (table == null) {
      alert("Critical error. Can''t find information about paging in table with id '" +
      store.tableId + "' in document");
    }

    var tbody = table.getElementsByTagName("tbody").item( 0 );


      //  1 -way rendering
      for (var i =  0 ; (node = tbody.getElementsByTagName("tr").item(i)); i++) {
        if (forceDisplay || ((i >= store.pagePos) && (i < store.pagePos +  store.pageSize))) {
          if (node.style.display == "none") {
            node.style.display = defaultTrDisplayMode;
          }
        } else {
          if (node.style.display == defaultTrDisplayMode ) {
            node.style.display = "none";
          }
        }
      }

    store.lastPos = store.pagePos;

  }

}

function initPagedTables (event) {

  var useAnyClass = typeof(useAnyHeaderClassName) != "undefined";
  for (var j =  0 ; (thead = document.getElementsByTagName("thead").item(j)); j++) {
    if (useAnyClass || thead.className == "moused") {

      var table = thead.parentNode;

      if (table.id == null || table.id == "" || table.id == "table") {
        table.id = getPseudoId();
      }
      if (getRegisterPagedTable(table.id) == null) {
        registerPagedTable(table.id, myPageSize);
      }

      var store = getRegisterPagedTable(table.id);

      var tbody = table.getElementsByTagName("tbody").item( 0 );
      var rows = tbody.getElementsByTagName("tr").length;
      var cols = tbody.getElementsByTagName("tr").item( 0 ).getElementsByTagName("td").length;

      var items = Math.ceil(rows/store.pageSize);
      store.totalPages = items;

      if (items >  1 ) {

        var tfoot = window.document.createElement("tfoot");
        var tr = window.document.createElement("tr");
        var td = window.document.createElement("td");
        td.colSpan = cols;
        td.align = "right";

        var link = "<a href='#' id='firstClick" + store.tableId + "' onclick='processPageClick(this,\"" +
          store.tableId + "\",1); return false;'><<</a>   ";
        var lastId =  0 ;


        for (var i =  1 ; i < items +  1 ; i++) {
          link += "<a href='#' id='" + i + store.tableId + "' onclick='processPageClick(this,\"" +
            store.tableId + "\"," + i + "); return false;'>"+i+"</a>  ";
          lastId = i;
        }
        link += " <a href='#' id='lastClick" + store.tableId + "' onclick='processPageClick(this,\"" +
          store.tableId + "\"," + lastId + "); return false;'>>></a>";

        td.innerHTML = link;
        tr.appendChild(td);
        tfoot.appendChild(tr);
        table.appendChild(tfoot);

        resetPage(null, table);

      } else {

        store.needPaging = false;
        realignPage(store, true);

      }
    }
  }
}

attach_load_event(initPagedTables);