var hebbesClickedPage=1;
var hebbesTotalRecord;
var hebbesRecordDisplay;
function  hebbesNavDisplay(total,recordShow){
	hebbesTotalRecord=total;
	hebbesRecordDisplay=recordShow;
	 var count=(Math.ceil(total/recordShow ));
	 var noOfLinks=(count > recordShow) ? recordShow : count;
	 var display="<center><div class=\"nav_hebbes\"><span >";
	     display+="<p id=\"hebbesPage\" style=\"display:none\">";
	 for(var i=1;i<=noOfLinks;i++) { 
		 if(i==1){
			 display +="<b  style=\"font-size:11px;color:#01BAFF;\">"+i+"</b> ";
		 }else{
			 display +="<a href=\"javascript:paginationHebbes("+ i +" , " + recordShow + ")\">"+ i +"<\/a>&nbsp;";  
		 }
        
     }
	 // For NEXT Link..
	  hebbesClickedPage=hebbesClickedPage+1;
	  if(noOfLinks!=1){
		  display +="<a href=\"javascript:paginationHebbes("+ hebbesClickedPage +" , " + recordShow + ")\">volgende &gt;<\/a>&nbsp;";
	  }
       display +="<a href=\"javascript:displayParnetPage()\">volgende groep &gt;&gt;<\/a>&nbsp;";      	
	 display+="</p></span></div></center>";	 
	 return display;	 
	
}


function paginationHebbes(pageNumber,recordShow){
 
   hebbesClickedPage=pageNumber;
   var objRecord = document.getElementsByClassName("hebbes_detail_main");
	var end=pageNumber * recordShow;
	var start=((pageNumber-1)*recordShow+1);
	 // To  hide alll the record...
	 for(var i=1;i<=objRecord.length;i++){
		var id = 'H_'+i; 
		var obj=document.getElementById(id);
		obj.style.display="none";
	 }
	 
	 // To display the correspondent Record...
	 for(var i=start;i<=end;i++){
		var id = 'H_'+i; 
		if(i <= objRecord.length) {
			var obj=document.getElementById(id);
			obj.style.display="block";
    	}
	 }
	 hebbesDisplayInnerHtml(pageNumber);
}


function hebbesDisplayInnerHtml(pgNumber){	  
	 var count=(Math.ceil(hebbesTotalRecord/hebbesRecordDisplay ));
	 var noOfLinks=(count > 5) ? 5 : count;	
	 var startLink;
	 var endLink=parseInt(pgNumber) + parseInt(noOfLinks); 
		 
	if(pgNumber <= count  && endLink > count ){		     
		   endLink=count + 1;		 
	 }
	
	 startLink=Math.round(endLink - noOfLinks);
	 
	var display="";	
	 // For Previous Link.....
	 var previousPage=hebbesClickedPage - 1;	 
	  if(previousPage >= 1) {
		  display +="<a href=\"javascript:paginationHebbes("+ previousPage +" , " + hebbesRecordDisplay + ")\">vorige<\/a>&nbsp;";      	 
	  }
	  
	 for(var i=startLink;i<=Math.round((endLink-1));i++) { 	
		 if(pgNumber==i){
			 display +="<b style=\"font-size:11px;color:#01BAFF;\">"+i+"</b>&nbsp;"; 
		 }else{
			 display +="<a href=\"javascript:paginationHebbes("+ i +" , " + hebbesRecordDisplay + ")\">"+ i +"<\/a>&nbsp;";
		 }
		    
    }
	 // For NEXT Link..
	  hebbesClickedPage=hebbesClickedPage + 1;	 
	  if(hebbesClickedPage <= count) {
		  display +="<a href=\"javascript:paginationHebbes("+ hebbesClickedPage +" , " + hebbesRecordDisplay + ")\">volgende &gt;<\/a>&nbsp;";  	
		  
	  }
	   display +="<a href=\"javascript:displayParnetPage()\">volgende groep &gt;&gt;<\/a>&nbsp;";      	  
	  
   	var oldHTML = document.getElementById('hebbesPage').innerHTML;
	    var newHTML = display; 
	    document.getElementById('hebbesPage').innerHTML = newHTML;

}


// pagination over....................

// To hide default records........



function toggle(cnt) {
	var objShowDiv;
	var objToggleDiv = document.getElementById("toggleDiv");
	objToggleDiv.style.display = "none";
	// To hide the pagination while loading immo(first time)......
	var objPagination = document.getElementById("hebbesPage");
	 objPagination.style.display = "block";
	for(var r=1;r<=cnt;r++){
		var idd="H_"+r;		
		var objShowDiv = document.getElementById(idd);
		objShowDiv.style.display = "block";
	}	
}

function toggleShowDiv() {
	var objToggleDiv = document.getElementById("toggleDiv");
	var objShowDiv = document.getElementById("showDiv");
	
	objToggleDiv.style.display = "block";
	objShowDiv.style.display = "none";
}

function displayParnetPage(){
	 
	 
	for(var r=1;r<=hebbesTotalRecord;r++){
		var idd="H_"+r;		
		var objShowDiv = document.getElementById(idd);
		if(objShowDiv.style.display == "block" ) {
		objShowDiv.style.display = "none";
		}
	}	
	var objToggleDiv = document.getElementById("toggleDiv");
	objToggleDiv.style.display = "block";
	var objPagination = document.getElementById("hebbesPage");
	 objPagination.style.display = "none";

}