anchor.diff:            .input-append
               input.input-small(id=pgmpid, type='text', size='8', placeholder='Page number')
               button.btn.btn-inverse(type='button') Go!
  -    - if (current > 3)
  -      - params.page = current - 2
  -      li
  -        a(href=link_to(route, params)) #{current - 2}
  -    - if (current > 2)
  -      - params.page = current - 1
  -      li
  -        a(href=link_to(route, params)) #{current - 1}
  +
  +    //- left surrounding pages displayed if current page greater then 2
  +    - for (var i=SURROUNDING_NUMBER; i > 0; i--) {
  +    -   if (current > i + 1) 
  +          - params.page = current - i
  +          li
  +            a(href=link_to(route, params)) #{current - i}
  +    - }
  +
  +    // current page dispayed always
       li.dropdown
         - params.page = current
         a.current.dropdown-toggle(href=link_to(route, params), data-toggle='dropdown') #{current}
  
positive.code:           .input-append
              input.input-small(id=pgmpid, type='text', size='8', placeholder='Page number')
              button.btn.btn-inverse(type='button') Go!
      - if (max_page - current > 2)
        - params.page = max_page
        li
          a(href=link_to(route, params)) #{max_page}
  
negative.code: - SURROUNDING_NUMBER = 2
  
  //- Create pagination
  //-
  //-   route  (String)  - routing rule. Ex: "forum.thread".
  