var page = 1; // USB
      var per_page = 3;
      var max_pages = 3;
      var curr_page = 1;
      var posts_div = "posts";
      var ctrl_posts_div = "ctrl_posts";
            
      function setPostPage(p){
         curr_page = p;
         ctrl_posts_update();
         showPostsPage(p);
      }
      
      function showPostsPage(p){
            var from = (p-1)*per_page;
            __api("post.get","f="+from+"&p="+page+"&c="+per_page,function(rr){
               eval("var res = "+myDecodeURI(rr));
               $(posts_div).innerHTML = '';
               for(var i in res){
                  $(posts_div).innerHTML += "<b class='pctrl_uname'>"+res[i]['U']+"</b> <b class='pctrl_date'>"+parseUNIX_UTC(res[i]['UT'])+"</b><p class='pctrl_comment'>"+res[i]['D']+"</p>";
               }
            })
      }
      function showPostsLastPage(){
         __api("post.count","p="+page,function(r){
            var pages = Math.ceil(r / per_page);
            setPostPage(pages);
         })      
      }
      function ctrl_posts_update(){
         var half_pages = Math.ceil(max_pages / 2);
         __api("post.count","p="+page,function(r){
            var pages = Math.ceil(r / per_page);
            if(curr_page > half_pages){ var url = "<a class='pctrl_page' href='javascript:setPostPage(1)'> << </a> " }
            var url = '';
            var start_page = curr_page - half_pages + 1;
            if(start_page < 1 ){ start_page = 1 }
            var end_page = max_pages - 1 + start_page;
            if(end_page > pages){ end_page = pages }
            for(var i = start_page; i<=end_page; i++){
               if(i == curr_page){
                  url += "<b class='pctrl_curr_page' >"+i+"</b>"
               }
               else{
                  url += "<a class='pctrl_page' href='javascript:setPostPage("+i+")'>"+i+"</a> ";
               }
            }
            if(end_page < pages){
               url += "<a class='pctrl_page'  href='javascript:setPostPage("+pages+")'> >> </a> ";
            }
            if(r==0){ $(ctrl_posts_div).innerHTML = "No comments."; return }
            $(ctrl_posts_div).innerHTML = "<div style='float:right'>"+url+"</div>"+"Total of "+r+" comments. Showing page "+curr_page+" out of "+pages+".";
         })
      }

      function postComment(n,c){
         if(n=='' || c==''){ alert('Please compleate all the fileds in the comments form'); return}
         __api("post.put", "n=" + encodeURIComponent(n) + 
                           "&c="+ encodeURIComponent(c) + 
                           "&p=" + page + 
                           "&rc_ch=" + encodeURIComponent($("recaptcha_challenge_field").value) + 
                           "&rc_v=" + encodeURIComponent($("recaptcha_response_field").value),
                           function(r){
            switch(r){
               case 'OK': Recaptcha.reload(); showPostsLastPage(); break;
               case 'RC_INV': Recaptcha.reload(); alert("The captcha was solved incorrectly. Please try again."); break;
            }
         })
      }