var nw = {};
nw.PageClass = function() {
	this.layersperPage = 5;
	this.thisPage = 1;
	this.controlsHolder = ".pagingControls";
	
	this.addPagimgXHTML = function() {
		
		if($("#formattedContent").length > 0){ 
			 $("#formattedContent").html('<div id="pagedContent">' +  $("#formattedContent").html() + '</div>');
		}
		
	}
	
	this.pageCount = function() {
		var pageCount = 0;
		if (this.layers != null && this.layersperPage != null) {
			pageCount = Math.ceil(this.layers.length / this.layersperPage);
		}
		
		return pageCount;
	};
	
	
	var displayControls = function(container, thisPage, pageCount) {
		var pagingControls = "<ul>";
		for (var i = 1; i <= pageCount; i++) {
			if (i != thisPage) {
				pagingControls += "<li><a href='#' onclick='pageInstance.displayCurrentPage(" + i + "); return false;'>" + i + "</a></li>";
			} else {
				pagingControls += "<li><span>" + i + "</span></li>";
			}
		}
		
		pagingControls += "</ul>";
		
		(pageCount>1)?$(container).html(pagingControls):$(container).css("display", "none"); 
	}
	
	this.displayCurrentPage = function(page) {
		this.thisPage = page;
		var html = "";
		for (var i = (page-1)*this.layersperPage; i < ((page-1)*this.layersperPage) + this.layersperPage; i++) {
			if (i < this.layers.length) {
				var elem = this.layers.get(i);
				html += "<" + elem.tagName + " class=\"" + elem.className + "\">" + elem.innerHTML + "</" + elem.tagName + ">";
			}
		}
		
		$(this.pagingContainerPath).html(html);
		
		displayControls(this.controlsHolder, this.thisPage, this.pageCount());
		window.scrollTo(0,0);
	}
	
}

	
var pageInstance = new nw.PageClass();

$(document).ready(function() {
	//pageInstance.addPagimgXHTML();
	pageInstance.pagingContainerPath = $("#formattedContent");
	pageInstance.layers = $("div", pageInstance.pagingContainerPath);
	pageInstance.displayCurrentPage(1);
});