make next button work

attachments/pages/index.html

@@ -69,7 +69,6 @@
           </span>
         </div>
         <div id="download">
-        
         </div>
       </div>
       <div bind="viewPanelDiv" id="view-panel">
@@ -86,20 +85,20 @@
               rows
             </span>
           </div>
-          <div class="viewpanel-sorting" bind="sortingControls">
+          <div class="viewpanel-sorting">
           </div>
-          <div class="viewpanel-paging" bind="pagingControls">
-            <a href="javascript:{}" class="inaction">« first</a>
-            <a href="javascript:{}" class="inaction">‹ previous</a>
+          <div class="viewpanel-paging">
+            <a id="paging-first" href="javascript:{}" class="inaction">« first</a>
+            <a id="paging-previous" href="javascript:{}" class="inaction">‹ previous</a>
             <span class="viewpanel-pagingcount">
               1 - 10
             </span>
-            <a href="javascript:{}" class="action">next ›</a>
-            <a href="javascript:{}" class="action">last »</a>
+            <a id="paging-next" href="javascript:{}" class="action">next ›</a>
+            <a id="paging-last" href="javascript:{}" class="action">last »</a>
           </div>
         </div>
         <div id="dataTableContainer" class="data-table-container">
-          
+
         </div>
       </div>
     </div>

attachments/script/removalist.js

@@ -38,8 +38,7 @@ var removalist = function() {
     
     if ( id ) {
       $.extend( query, {
-        "startkey_docid": id,
-        "skip": 1
+        "startkey": '"' + id + '"'
       })
     }
     

attachments/script/site.js

@@ -34,6 +34,11 @@ app.after = {
       $(e.target).addClass('selected');
       removalist.fetchRows(app.newest);
     });
+    $( '.viewpanel-paging a' ).click(function( e ) {
+      // var action = $(e.target).attr('id').split('paging-')[1];
+      removalist.fetchRows(app.oldest);
+    });
+    
   }
 }