function Pager(pageSize) {
    this.pageSize = pageSize;
    this.currentPage = 1;
   // alert("starting current page:"+this.currentPage);
   // alert(pageSize);
	this.showPage = function(pageNumber){
		//alert(pageNumber);
                // alert(pageSize);
		for(var i=1;i<=pageSize;i++){
			var tableId=document.getElementById("page"+i);
                      //   alert(tableId);
			if(pageNumber==i){
			//	alert("inside show");
				tableId.style.display='';
			}
			else{
			//	alert("inside hide show");
				tableId.style.display='none';
			}
		}
		this.currentPage=pageNumber;
		this.showPageNav('pager','pageNavPosition',this.currentPage);
		this.showPageNav('pager','pageNavPosition1',this.currentPage);
          }
	
	this.prev = function() {
        if (this.currentPage > 1)
            this.showPage(this.currentPage - 1);
    }
    
    this.next = function() {
        if (this.currentPage < this.pageSize) {
            this.showPage(this.currentPage + 1);
        }
    }     
	
	this.showPageNav = function(pagerName, positionId,page) {
		//alert(pagerName);
		//alert(page);
		
    	var element = document.getElementById(positionId);
		var pagerHtml="";
    	if(page==1){
			pagerHtml = '<span class="pg-normal"> &lt;&lt; Prev </span><span class="pg-tab"> |</span> ';	
		}else{
    		pagerHtml = '<span onclick="' + pagerName + '.prev();" class="pg-selected"> &lt;&lt; Prev </span><span class="pg-tab">		 |</span> ';
		}
		if(this.pageSize==page){
	    	pagerHtml += '<span class="pg-normal"> Next &gt;&gt;</span>';            			
		}
		else{
			pagerHtml += '<span onclick="'+pagerName+'.next();" class="pg-selected"> Next &gt;&gt;</span>';            
		}
        
        element.innerHTML = pagerHtml;
    }
}