jquery - ファンシーボックス内のクラウドズーム

Question

こんにちは、fancybox で cloudzoom (innerzoom) を動作させようとしています。このリンクをたどった

しかし、ズームされた画像の上にカーソルを移動すると、コンソールでこのエラーが発生し続けます:

TypeError: opts.itemArray[opts.itemCurrent] is undefined

これが私のスクリプトです：

<script type="text/javascript">
    $(document).ready(function() {

        $(".fancybox").fancybox({
'onComplete'    :   function(arg) {
    // Here does the magic starts
    $('#fancybox-img').wrap(
        $('<a>')
        .attr('href', $(arg[0]).attr('href'))
        .addClass('cloud-zoom')
        .attr('rel', "position: 'inside'")
    );
    // That's it
    $('.cloud-zoom').CloudZoom();
}
 });
    });
</script>

アンカータグは次のようになります。

                    <a href="images/usr/scarvezoom1.jpg" class="fancybox">
                    <img src="images/usr/scalf1.png" alt="" />

                    </a>

私は何を間違っていますか？