/* Use in conjunction with template2-sub-page-index.xslt and page-list.css to pageinate list selected page sub pages */ 

// pagination
// config
var items_per_page = 10;
var item_container_id = "#page-items";
var item_class = ".page-list-item";
var item_navigation = "#page-navigation";

var item_container = $(item_container_id);      
// build page nav controller
function paginate()
{
  // insert nav container before item container
  $(item_container_id).before("<div id=\"" + item_navigation.substr(1,item_navigation.length) + "\">Page: <ul></ul></div>");
  page_count = $(item_class).length / items_per_page;
  
  // then add page numbers
  for(i=0;i<page_count;i++)
  {
    $(item_navigation + " ul").append("<li><a href=\"javascript:pageDraw(" + i + ");\">" + (i+1) + "</a></li>");
  }

  //clone nav to bottom of page
  nav_bottom = $(item_navigation).clone()
  $(nav_bottom).attr("id",$(nav_bottom).attr("id")+"-bottom");
  $(nav_bottom).insertAfter(item_container_id);

  // make first page active
  pageDraw(0);
}
function pageDraw(pg)
{
  nav = $(item_navigation + " li");
  nav.removeClass("active-page");
  $(nav[pg]).addClass("active-page");
  nav = $(item_navigation + "-bottom li");
  nav.removeClass("active-page");
  $(nav[pg]).addClass("active-page");

  //first item is page number * number of items per page
  item_first_show = pg * items_per_page;
  //last visible item is item_first_show + items_per_page
  item_last_show = item_first_show + items_per_page;
  
  items_to_show = $(item_class);
  //hide all items
  $(item_class).hide()
  

  
  for(i=item_first_show;i<item_last_show;i++)
  {
    $(items_to_show[i]).show()
  }
}
// ready set go!
$(document).ready( function(){
    paginate();
});