title: fancybox with button helper and Thumbnail helper
body: <p>How can I add fancybox with the button helper and thumbnail helper?<br>
  And is it possible for the buttons(button helper) to be put under the image so that I can watch and select which I want to see?</p>
  
  <p>the buttons</p>
  
  <pre><code>$(document).ready(function() {
  $(".fancybox-button").fancybox({
      prevEffect      : 'none',
      nextEffect      : 'none',
      closeBtn        : false,
      helpers     : { 
          title   : { type : 'inside' },
          buttons : {}
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p>and the thumbnail code </p>
  
  <pre><code>$(document).ready(function() {
  $(".fancybox-thumb").fancybox({
      prevEffect  : 'none',
      nextEffect  : 'none',
      helpers : {
          title   : {
              type: 'outside'
          },
          overlay : {
              opacity : 0.8,
              css : {
                  'background-color' : '#000'
              }
          },
          thumbs  : {
              width   : 50,
              height  : 50
          }
      }
  });
  </code></pre>
  
  <p>});</p>
  
  <p><br></p>
  
  <p>I am a bit new with JavaScript I couldn't get it to work.<br>
  What I am trying to do is mix them together and put the buttons on the bottom</p>
  
  <p>P.S. Can I also uses fancybox thumbnail helper to work with Youtube videos?</p>