title: how do i paginate fancybox navigation thumbnails
body: <p>I have a lot of photos in my fancybox gallery and the thumbnail navigation leaks off the side of the page.</p>
  
  <p>So I want to paginate the visible thumbnail navigation to 5 or so with arrows or something along those lines.</p>
  
  <p>I am not the best at js (I am learning) but I do understand html.</p>
  
  <p><a href="http://ryansamul.com/dark/gallery-subject-new.html" rel="nofollow">http://ryansamul.com/dark/gallery-subject-new.html</a></p>
  
  <p>The following is a truncated version of my code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function() {
      jQuery(".fancybox-thumb").fancybox({
          prevEffect  : 'none',
          nextEffect  : 'none',
          helpers : {
              title   : {
  
                  type: 'outside'
              },
              thumbs : {
                  width : 100,
                  height : 100
              }
          }
      });
  });
      &lt;/script&gt;
  
  
  &lt;div class="one-fifth"&gt;
                  &lt;p&gt;
                      &lt;a class="fancybox-thumb" rel="fancybox-thumb" href="images/gallery/subject/1.jpg" &gt;&lt;img src="images/gallery/subject/thumbs/1.png" width="158" height="158" alt=" "/&gt;&lt;/a&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="one-fifth"&gt;
                  &lt;p&gt;
                      &lt;a href="images/gallery/subject/2.jpg" class="fancybox-thumb" rel="fancybox-thumb"&gt;&lt;img src="images/gallery/subject/thumbs/2.png" width="158" height="158" alt=" " /&gt;&lt;/a&gt;
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="one-fifth"&gt;
                  &lt;p&gt;
                      &lt;a href="images/gallery/subject/3.jpg" class="fancybox-thumb" rel="fancybox-thumb"&gt;&lt;img src="images/gallery/subject/thumbs/3.png" width="158" height="158" alt=" " /&gt;&lt;/a&gt; 
                  &lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="one-fifth"&gt;
  </code></pre>