title: Turn.js more controls to make buttons
body: <p>I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page.</p>
  
  <p>here is my html script</p>
  
  <pre><code>&lt;div id="magazine"&gt;
      &lt;div style="background-image:url(pages/01.jpg);"&gt;&lt;/div&gt;
      &lt;div style="background-image:url(pages/02.jpg);"&gt;&lt;/div&gt;
      &lt;div style="background-image:url(pages/03.jpg);"&gt;&lt;/div&gt;
      &lt;div style="background-image:url(pages/04.jpg);"&gt;&lt;/div&gt;
      &lt;div style="background-image:url(pages/05.jpg);"&gt;&lt;/div&gt;
      &lt;div style="background-image:url(pages/06.jpg);"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a onclick="turntopage(4)"&gt;Go to page 4&lt;/a&gt;
  </code></pre>
  
  <p>and i want to make some button controls like <em>Go to page 4</em>.
  here is the javascript</p>
  
  <pre><code>//initialize turn js
  $(window).ready(function() {
      $('#magazine').turn({
          display: 'double',
          acceleration: true,
          gradients: !$.isTouch,
          elevation:50,
          when: {
              turned: function(e, page) {
                  /*console.log('Current view: ', $(this).turn('view'));*/
              }
          }
      });
  });
  </code></pre>
  
  <p>there is already way to do some next and previous controls</p>
  
  <pre><code>$(window).bind('keydown', function(e){
      if (e.keyCode==37)
          $('#magazine').turn('previous');
      else if (e.keyCode==39)
          $('#magazine').turn('next');
  });
  </code></pre>
  
  <p>and i want to make controls for go to where ever page i want to go. is there a way i can do this?</p>