// JavaScript Document
function Pager1(tableName1, itemsPerPage1) 
{
    this.tableName1 = tableName1;
    this.itemsPerPage1 = itemsPerPage1;
    this.currentPage1 = 1;
    this.pages1 = 0;
    this.inited1 = false;
   
    this.showRecords1 = function(from1, to1) 
	{       
        var rows1 = document.getElementById(tableName1).rows;
        // i starts from1 1 to1 skip table header row
        for (var i = 1; i < rows1.length; i++) 
		{
            if (i < from1 || i > to1) 
                rows1[i].style.display = 'none';
            else
                rows1[i].style.display = '';
        }
    }
   
    this.showPage1 = function(pageNumber1) 
	{
     if (! this.inited1) 
	 {
      alert("not inited");
      return;
     }

	   
		this.currentPage1 = pageNumber1;
		var from1 = (pageNumber1 - 1) * itemsPerPage1 + 1;
		var to1 = from1 + itemsPerPage1 - 1;
		this.showRecords1(from1, to1);
		
		//to1 hide the display of Next Button on last page and PREV button on first page
		var pgNext1 = document.getElementById('pgNext1');
        var pgPrev1 = document.getElementById('pgPrev1');
        if (this.currentPage1 == this.pages1)
            pgNext1.style.display = 'none';
        else
            pgNext1.style.display = '';
			
		if (this.currentPage1 == 1)
            pgPrev1.style.display = 'none';
        else
            pgPrev1.style.display = '';

    } 
	
   
    this.prev1 = function() 
	{
        if (this.currentPage1 > 1)
		{
            this.showPage1(this.currentPage1 - 1);
		}
    }
	
    this.next1 = function() 
	{
        if (this.currentPage1 < this.pages1) 
		{
            this.showPage1(this.currentPage1 + 1);
        }
    }                       
   
    this.init1 = function() 
	{
        var rows1 = document.getElementById(tableName1).rows;
        var records1 = (rows1.length - 1);
        this.pages1 = Math.ceil(records1 / itemsPerPage1);
        this.inited1 = true;
    }

    this.showPageNav1 = function(pagerName1, positionId1) 
	{
     if (! this.inited1) 
	 {
      alert("not inited");
      return;
     }
     var element1 = document.getElementById(positionId1);
     
     var pagerHtml1 = '<span id="pgPrev1" onclick="' + pagerName1 + '.prev1();"> <img src="images/prev.jpg" alt="" style="cursor:pointer;"> </span>';
        //for (var page1 = 1; page1 <= this.pages1; page1++)
            //pagerHtml1 += '<span id="pg' + page1 + '" onclick="' + pagerName1 + '.showPage1(' + page1 + ');"></span>';
        pagerHtml1 += '<span id="pgNext1" onclick="'+pagerName1+'.next1();"> &nbsp; <img src="images/next.jpg" alt="" style="cursor:pointer;"></span>';           
       
        element1.innerHTML = pagerHtml1;
    }
}