var clickedPage=1;
var totalRecord;
var recordDisplay;
function navDisplay(total,recordShow){
totalRecord=total;
recordDisplay=recordShow;
var count=(Math.ceil(total/recordShow));
var noOfLinks=(count > recordShow) ? recordShow : count;
var display="";
return display;
}
function paginationJob(pageNumber,recordShow){
clickedPage=pageNumber;
var objGridGray = document.getElementsByClassName("grid_gray");
var objNavGray = document.getElementsByClassName("nav_gray");
var totalDiv = objGridGray.length + objNavGray.length;
var end = pageNumber * recordShow;
var start=((pageNumber-1)*recordShow+1);
// To hide alll the record...
for(var i=1;i<=totalDiv;i++){
var id = 'J_'+i;
var obj=document.getElementById(id);
obj.style.display="none";
}
// To display the correspondent Record...
for(var i=start;i<=end;i++){
var id = 'J_'+i;
if(i <= totalDiv) {
var obj=document.getElementById(id);
obj.style.display="block";
//obj.className="grid_gray";
}
if(i==end){
obj.className="nav_gray";
}
}
displayInnerHtml(pageNumber);
}
function displayInnerHtml(pgNumber){
var count=(Math.ceil(totalRecord/recordDisplay));
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=clickedPage - 1;
if(previousPage >= 1) {
display +="Vorige<\/font> <\/font><\/a> | ";
}
for(var i=startLink;i<=Math.round((endLink-1));i++) {
if(pgNumber==i){
display +=""+i+" | ";
}else{
display +=""+ i +"<\/font> <\/font><\/a> | ";
}
}
// For NEXT Link..
clickedPage=clickedPage + 1;
if(clickedPage <= count) {
display +="Volgende<\/font> <\/font><\/a> ";
}
var oldHTML = document.getElementById('page').innerHTML;
var newHTML = display;
document.getElementById('page').innerHTML = newHTML;
}