         .html('<i class="hx-icon hx-icon-step-forward"></i>')
         .on 'click', 'hx.paginator', ->
           if self._.pageCount is undefined
-            select(self, self.selected + 1, 'user')
+            select(self, self._.page + 1, 'user')
           else
             select(self, self._.pageCount, 'user')
 
     @container.on 'resize', 'hx.paginator', -> render(self)
-
-    @_.visibleCount = 10
-    @_.pageCount = 10
-    @selected = 1
     render(this)
 
   page: (i) ->

        .html('<i class="hx-icon hx-icon-step-backward"></i>')
        .on 'click', 'hx.paginator', ->
          if self._.pageCount is undefined
            select(self, self.selected - 1, 'user')
          else
            select(self, 0, 'user')


      select(@, i, 'api')
      this
    else
      @_.page

  pageCount: (value) ->
    if value?
