// JavaScript pagination
function pageInate(id,maxlist,page_num){
var ul = document.getElementById(id);
if(!ul){
ul = document.getElementsByClassName(id);
ul = ul[0];
}
var list = ul.getElementsByTagName("li");
var list_count = list.length;
var button_count = 0;
for(i=0;list_count>i;i++){
if(i%maxlist == 0){
button_count++;
}
if((maxlist*page_num)>i && ((maxlist*page_num)-maxlist)<=i){
list[i].style.display = "block";
}
else{
list[i].style.display = "none";
}
}


var buttons = document.getElementsByClassName("pagination");
if(buttons[0].innerHTML==""){
if(button_count>0){
var ctr=1;
var buttons_list="<ul><li><span class='page_button_previous'> &lt;&lt; previous</span></li>";
while(button_count>=ctr){

buttons_list += "<li><span class='pageinate_button_num'>" + ctr + "</span></li>";

ctr++;
}
for(j=0;buttons.length>j;j++){
buttons[j].innerHTML = buttons_list + "<li><span class='page_button_next'>next &gt;&gt;</span></li></ul>";
}
}

var onclicks = document.getElementsByClassName("pageinate_button_num");
for(j=0;onclicks.length>j;j++){
onclicks[j].onclick = function(){
var buttons = document.getElementsByClassName("pagination");
for(i=0;buttons.length>i;i++){
var active = buttons[i].getElementsByClassName("active_page");
active[0].className = active[0].className.replace(" active_page","");
}
pageInate(id,maxlist,this.innerHTML);
}
}
}


if(page_num!=1){
var aa = document.getElementsByClassName("page_button_previous");
for(ii=0;aa.length>ii;ii++){
aa[ii].onclick = function(){
var buttons = document.getElementsByClassName("pagination");
for(i=0;buttons.length>i;i++){
var active = buttons[i].getElementsByClassName("active_page");
active[0].className = active[0].className.replace(" active_page","");
}
pageInate(id,maxlist,page_num-1);
}
}
}
else{
var aa = document.getElementsByClassName("page_button_previous");
for(ii=0;aa.length>ii;ii++){
aa[ii].onclick = function(){null;}
}
}

if(page_num!=button_count){
var aa = document.getElementsByClassName("page_button_next");
for(ii=0;aa.length>ii;ii++){
aa[ii].onclick = function(){
var buttons = document.getElementsByClassName("pagination");
for(i=0;buttons.length>i;i++){
var active = buttons[i].getElementsByClassName("active_page");
active[0].className = active[0].className.replace(" active_page","");
}
var number = parseInt(page_num)+1;
pageInate(id,maxlist,number);
}
}
}
else{
var aa = document.getElementsByClassName("page_button_next");
for(ii=0;aa.length>ii;ii++){
aa[ii].onclick = function(){null;}
}
}



var buttons2 = document.getElementsByClassName("pagination");
for(y=0;buttons2.length>y;y++){
var class_add = buttons2[y].getElementsByClassName("pageinate_button_num");
class_add[page_num-1].className += " active_page";
}


}
window.onload = function(){
pageInate("property_list",10,1);
}