title: Jquery cycle plugin with number and text paging
body: <p>I have the basic functionality of the jquery cycle plugin working.  I have set up a test page at <a href="http://capnhud.host22.com/examples/sample_cycle.html" rel="nofollow noreferrer">here</a> but was wondering what would I need to change in order for the paging to resemble this <a href="http://www.dickssportinggoods.com/home/index.jsp" rel="nofollow noreferrer">page</a></p>
  
  <p>This is how I am calling the paging function, but I do not see anything in the plugin itself that would allow me to enclose the pager links in a </p>
  
  <pre><code>$(document).ready(function()
  {
      $('.promogallery').before('&lt;div id="promonav"&gt;').cycle({
          fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
          timeout: 3000,
          pager: '#promonav',
          before: function()
          {
          }
      });
  });
  </code></pre>
  
  <p>Here is the relevant CSS:</p>
  
  <pre><code>/* promonav styling */
  #promonav
  {
      margin: 5px 0;
      text-align: left;
      position: absolute;
      top: -21px;
  }
  #promonav a, #promonavcyle strong
  {
      margin: 0 5px;
      padding: 3px 5px;
      border: 1px solid #ccc;
      background: transparent;
      text-decoration: none;
      color: #a60000;
  }
  #promonav a.activeSlide
  {
      background: #ddd;
  }
  #promonav a:focus
  {
      outline: none;
  }
  /* #output { text-align: left; } */
  </code></pre>