jQuery: get inline style top position value into a variable
<p>The style attribute always stumps me, because there are many values in the style attribute. Anyway, please see below my markup I'm trying to adjust...</p>

<pre><code>&lt;div class="fancybox-wrap fancybox-default fancybox-opened" tabindex="-1" style="width: 798px; height: 542px; position: fixed; top: 82px; left: 20px; display: block; "&gt;
</code></pre>

<p>As you can see I am trying to adjust the style: top: 82px; value. How can I get this value so I can add a value onto of it? Please see below the instance in how I am using this.</p>

<p>I would like the <code>currentTop</code> variable to some how get the current top inline position of the <code>.fancybox-wrap</code> div?</p>

<pre><code>$("a.gallery-thumb").fancybox({
  afterLoad : function() {
    FB.Canvas.getPageInfo(function(info) {
      var scrollPosition = info.scrollTop,
      currentTop = /* how can I get the current top inline position? */ ;
      $('.fancybox-wrap').css('top', (scrollPosition + currentTop) + 'px');
    });
  }
});
</code></pre>
