﻿
var Imtech = {};
Imtech.Pager = function() {
    this.paragraphsPerPage = 1;
    this.currentPage = 1;
    this.pagingContainerPath = ".PagingContainer";
    this.height = '0';

    this.Init = function() {
        this.HTMLs = new Array();

        for (var i = 0; i < this.paragraphs.length; i++) {
            this.HTMLs[i] = $(this.paragraphs[i]).html();
            if ($(this.paragraphs[i]).height() > this.height)
                this.height = $(this.paragraphs[i]).height();
        }
    };

    this.numPages = function() {
        var numPages = 0;
        if (this.paragraphs != null && this.paragraphsPerPage != null) {
            numPages = Math.ceil(this.paragraphs.length / this.paragraphsPerPage);
        }

        return numPages;
    };

    this.showPage = function(page) {

        this.currentPage = page;
       // var html = "";
        var html = "<div style='height:" + this.height + "px'>";
        for (var i = (page - 1) * this.paragraphsPerPage; i < ((page - 1) * this.paragraphsPerPage) + this.paragraphsPerPage; i++) {
            if (i < this.HTMLs.length) {
                html += "<div>" + this.HTMLs[i] + "</div>";
            }
        }

        html += "</div>";
        $(this.pagingContainerPath).html(html + renderControls(this.currentPage, this.numPages()));


    }

    var renderControls = function(currentPage, numPages) {
        var pagingControls = "<div id='pagingControls' class='Paging'> <span>";
        for (var i = 1; i <= numPages; i++) {
            if (i != currentPage) {
                pagingControls += "<a href='#' onclick='pager.showPage(" + i + "); return false;'>" + i + "</a>";
            } else {
                pagingControls += "<span>" + i + "</span>";
            }
        }

        pagingControls += "</span></div>";

        //$(container).html(pagingControls);

        return (pagingControls);
    }
}

var pager = new Imtech.Pager();

jQuery(document).ready(function() {

    pager.pagingContainer = jQuery(".PagingContainer");
    pager.paragraphs = jQuery(".pagecontent", pager.pagingContainer);
    if (pager.paragraphs.length > 0) {
        pager.Init();
        pager.showPage(1);
    }
});
