title: cloudzoom inside fancybox
body: <p>Hi i am trying to make cloudzoom (innerzoom) work with fancybox. I followed this <a href="http://blog.codestars.eu/2010/cloud-zoom-in-der-fancybox/" rel="nofollow">link</a></p>
  
  <p>But i keep getting this error in console as i move the cursor over the zoomed image:</p>
  
  <pre><code>TypeError: opts.itemArray[opts.itemCurrent] is undefined
  </code></pre>
  
  <p>Here is my script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
  
          $(".fancybox").fancybox({
  'onComplete'    :   function(arg) {
      // Here does the magic starts
      $('#fancybox-img').wrap(
          $('&lt;a&gt;')
          .attr('href', $(arg[0]).attr('href'))
          .addClass('cloud-zoom')
          .attr('rel', "position: 'inside'")
      );
      // That's it
      $('.cloud-zoom').CloudZoom();
  }
   });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Anchor tags go like this:</p>
  
  <pre><code>                    &lt;a href="images/usr/scarvezoom1.jpg" class="fancybox"&gt;
                      &lt;img src="images/usr/scalf1.png" alt="" /&gt;
  
                      &lt;/a&gt;
  </code></pre>
  
  <p>What wrong i am doing?</p>