title: add page numbers between last and next buttons, pagination
body: <p>Im using javascript pagination where im trying to get it to display 10 page numbers between the "previous" and "next" button and remove the "previous" button when it is on page #1. here is my code so far.
  <a href="http://jsfiddle.net/jfm9y/405/" rel="nofollow">http://jsfiddle.net/jfm9y/405/</a></p>
  
  <pre><code>&lt;div class="content"&gt;1 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;2 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;3 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;4 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;5 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;6 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;7 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;8 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;9 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;10 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;11 I have some content&lt;/div&gt;
  &lt;div class="content"&gt;12 I have some content&lt;/div&gt;
  
  &lt;ol id="pagin"&gt;
          &lt;li&gt;&lt;a id='previous' class="current" href="#"&gt;Previous&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id='next' href="#"&gt;Next&lt;/a&gt;&lt;/li&gt;
  &lt;/ol&gt;
  
  pageSize = 3;
  var i = 1;
  showPage = function(page) {
      $(".content").hide();
      $(".content").each(function(n) {
      if (n &gt;= pageSize * (page - 1) &amp;&amp; n &lt; pageSize * page)
          $(this).show();
      });        
  }
  
  showPage(i);
  
  $("#previous").click(function() {
      $("#next").removeClass("current");
      $(this).addClass("current");
      if (i != 1) {
        showPage(--i);
      }
  });
  $("#next").click(function() {
      $("#previous").removeClass("current");
      $(this).addClass("current");
      if (i &lt; ($('.content').length)/3) {
        showPage(++i);
      }    
  });
  </code></pre>