<!--
function Pager(tableName, itemsPerPage) {
    this.tableName = tableName;
    this.itemsPerPage = itemsPerPage;
    this.currentPage = 1;
    this.pages = 0;
    this.maxPageNav = 3;
    this.inited = false;
    
    this.showRecords = function(from, to,showAll) {     
    
        var rows = document.getElementById(tableName).rows;
        // i starts from 1 to skip table header row
        if(showAll == 0)
        {
            for (var i = 1; i < rows.length; i++) {
                if (i < from || i > to)  
                    rows[i].style.display = 'none';
                else
                    rows[i].style.display = '';
            }
        }
        else
        {   
            for (var i = 1; i < rows.length; i++) {                           
                    rows[i].style.display = '';
            }        
        }
    }
    this.showPage = function(pageNumber,positionId,sourceID) 
    {
    	if (! this.inited) {
    		alert("not inited");
    		return;
    	}
		if(sourceID != "0" && sourceID != "FirstpageNavPosition" && sourceID != "FirstpageNav" && sourceID != "LastpageNavPosition" && sourceID != "LastpageNav" && sourceID != "ShowAllpageNavPosition" && sourceID != "ShowAllpageNav")
		{
			var innerPGNO = document.getElementById(sourceID);
			if(pageNumber != innerPGNO.innerHTML)
				pageNumber = innerPGNO.innerHTML;
		}
		
        if(pageNumber <=this.maxPageNav)
        {   
          // alert("IF pageNumber <=this.maxPageNav");
		  // alert(document.getElementById('pgpageNavPosition2').innerHTML == "3");
           if(this.currentPage <= this.maxPageNav)
            {
              //  alert("this.currentPage <= this.maxPageNav");
                var oldPageAnchor1 = document.getElementById('pgpageNav' +this.currentPage);
                var oldPageAnchor2 = document.getElementById('pgpageNavPosition' +this.currentPage);
                    oldPageAnchor1.className = 'pg-normal';
                    oldPageAnchor2.className = 'pg-normal';
                var spanPgpageNavPosition1 = document.getElementById('pgpageNavPosition1');
                var SpanPgpageNavPosition2 = document.getElementById('pgpageNavPosition2');
                var SpanPgpageNavPosition3 = document.getElementById('pgpageNavPosition3');
                var spanpgpageNav1 = document.getElementById('pgpageNav1');
                var SpanpgpageNav2 = document.getElementById('pgpageNav2');
                var SpanpgpageNav3 = document.getElementById('pgpageNav3');
                    spanPgpageNavPosition1.innerHTML = 1;
                    SpanPgpageNavPosition2.innerHTML = 2;
                    SpanPgpageNavPosition3.innerHTML = 3;
                    spanpgpageNav1.innerHTML = 1;
                    SpanpgpageNav2.innerHTML = 2;
                    SpanpgpageNav3.innerHTML = 3;
            }
            this.currentPage = pageNumber;
            //alert(pageNumber);
			if(document.getElementById('pgpageNavPosition2').innerHTML == "3" && pageNumber == "3")
            {   
              //alert("IF pgpageNavPosition2 - InnerHTML  == 3");
                document.getElementById('pgpageNav3').className = 'pg-normal';
                document.getElementById('pgpageNavPosition3').className = 'pg-normal';                
                
                document.getElementById('pgpageNav1').className = 'pg-normal';
                document.getElementById('pgpageNavPosition1').className = 'pg-normal';                 
                
                document.getElementById('pgpageNav2').className = 'pg-selected';
                document.getElementById('pgpageNavPosition2').className = 'pg-selected';
            }
			else if(document.getElementById('pgpageNavPosition1').innerHTML == "2" && pageNumber == "2")
            {   
              //  alert("IF pgpageNavPosition1 - InnerHTML  == 2");
                document.getElementById('pgpageNav3').className = 'pg-normal';
                document.getElementById('pgpageNavPosition3').className = 'pg-normal';                
                
                document.getElementById('pgpageNav2').className = 'pg-normal';
                document.getElementById('pgpageNavPosition2').className = 'pg-normal';                 
                
                document.getElementById('pgpageNav1').className = 'pg-selected';
                document.getElementById('pgpageNavPosition1').className = 'pg-selected';
            }	
			
			else if(document.getElementById('pgpageNavPosition1').innerHTML == "3" && pageNumber == "3")
            {   
              //  alert("IF pgpageNavPosition1 - InnerHTML  == 3");
                document.getElementById('pgpageNav3').className = 'pg-normal';
                document.getElementById('pgpageNavPosition3').className = 'pg-normal';                
                
                document.getElementById('pgpageNav2').className = 'pg-normal';
                document.getElementById('pgpageNavPosition2').className = 'pg-normal';                 
                
                document.getElementById('pgpageNav1').className = 'pg-selected';
                document.getElementById('pgpageNavPosition1').className = 'pg-selected';
            }				
            else
            {
               // alert("ELSE InnerHTML part");
                var newPageAnchor1 = document.getElementById('pgpageNav' + this.currentPage);
                var newPageAnchor2 = document.getElementById('pgpageNavPosition' + this.currentPage);
                newPageAnchor1.className = 'pg-selected';
                newPageAnchor2.className = 'pg-selected';
            }
        }
        else
        {   
           // alert("ELSE pageNumber <=this.maxPageNav");
            for(var i=1;i<=this.maxPageNav;i++)
            {
                var PageAnchor1 = document.getElementById('pgpageNav' +i);
                var PageAnchor2 = document.getElementById('pgpageNavPosition' +i);
                    PageAnchor1.className = 'pg-normal';
                    PageAnchor2.className = 'pg-normal';
            }
                var spanPgpageNavPosition1 = document.getElementById('pgpageNavPosition1');
                var SpanPgpageNavPosition2 = document.getElementById('pgpageNavPosition2');
                var SpanPgpageNavPosition3 = document.getElementById('pgpageNavPosition3');
                var spanpgpageNav1 = document.getElementById('pgpageNav1');
                var SpanpgpageNav2 = document.getElementById('pgpageNav2');                
                var SpanpgpageNav3 = document.getElementById('pgpageNav3');             
                this.currentPage = pageNumber;
                    spanPgpageNavPosition1.innerHTML = (this.currentPage -2);
                    SpanPgpageNavPosition2.innerHTML = (this.currentPage - 1);
                    SpanPgpageNavPosition3.innerHTML = this.currentPage;
                    spanpgpageNav1.innerHTML = (this.currentPage -2);
                    SpanpgpageNav2.innerHTML = (this.currentPage - 1);
                    SpanpgpageNav3.innerHTML = this.currentPage;
                    SpanPgpageNavPosition3.className = 'pg-selected';
                    SpanpgpageNav3.className = 'pg-selected';
        }
        var from = (pageNumber - 1) * itemsPerPage + 1;
        var to = from + itemsPerPage - 1;
        this.showRecords(from, to,0);
    }   
    
    this.prev = function(positionId) {
        if (this.currentPage > 1)
            this.showPage(this.currentPage - 1,positionId,"0");
    }
    
    this.next = function(positionId) {           
        if (this.currentPage < this.pages) {            
            this.showPage(parseInt(this.currentPage) + 1,positionId,"0");
        }
    }                        
   this.ShowAll = function() {
        
        this.showRecords(0,0,1);
    } 
    this.init = function() {
        var rows = document.getElementById(tableName).rows;
        var records = (rows.length - 1); 
        this.pages = Math.ceil(records / itemsPerPage);
        this.inited = true;
    }

    this.showPageNav = function(pagerName, positionId) {
    	if (! this.inited) {
    		alert("not inited");
    		return;
    	}
    	var element = document.getElementById(positionId);
    	
    	
    	var pagerHtml = "<span id='First" + positionId + "' onclick='" + pagerName + ".prev(\""+positionId+"\");' class='pg-normal'> Previous </span> | ";
        //for (var page = 1; page <= this.pages; page++) 
        for (var page = 1; page <= this.maxPageNav; page++) 
			pagerHtml += "<span id='pg" + positionId  + page + "' class='pg-normal' onclick='" + pagerName + ".showPage(" + page + ",\""+positionId + "\",\"pg"+ positionId  + page +"\");'>" + page + "</span> | ";
        
        pagerHtml += "<span id='Last" + positionId + "' onclick='"+pagerName+".next(\""+positionId+"\");' class='pg-normal'> Next </span>";
      //  pagerHtml += "<span id='ShowAll" + positionId + "' onclick='"+pagerName+".ShowAll();' class='pg-normal'> ShowAll</span>";
        element.innerHTML = pagerHtml;
        
    }
}

-->