title: Position thumbnails in fancybox
body: <p>whenever you open the window on full-size, everything is okay. However when you re-size the window horizontally,  the thumbs shift and disappear. I want it to stay put like the large pop-up image, fixed in their position, so that the user on re-size would be able to see them by y-scroll.</p>
  
  <p>Any help please?</p>
  
  <p>JSFIDDLE: <a href="http://jsfiddle.net/ny9ytae5/4/" rel="nofollow">http://jsfiddle.net/ny9ytae5/4/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a caption="&lt;h2&gt;Image Header&lt;/h2&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.&lt;/p&gt;" rel="Sold" class="fancybox" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/4_b.jpg"&gt;&lt;img src="http://fancyapps.com/fancybox/demo/4_s.jpg" alt="" /&gt;&lt;/a&gt;
  
          &lt;a class="fancybox hidden" data-fancybox-group="thumb1" href="http://fancyapps.com/fancybox/demo/3_b.jpg"&gt;&lt;img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt="" /&gt;&lt;/a&gt;
  
          &lt;a class="fancybox" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/2_b.jpg"&gt;&lt;img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt="" /&gt;&lt;/a&gt;
  
          &lt;a class="fancybox hidden" data-fancybox-group="thumb2" href="http://fancyapps.com/fancybox/demo/1_b.jpg"&gt;&lt;img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt="" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>UPDATE: i found that removing:</p>
  
  <pre><code> 'left': Math.floor($(window).width() * 0.5 - (obj.group.length / 2 * this.width + this.width * 0.5))
  </code></pre>
  
  <p>from jquery.fancybox-thumbs.js   solved the problem, but only if the browser is opened on full-size. If the user opens the site in a small window, the thumbnails won't even appear.</p>