вызов Fancybox в родительском элементе из iframe

У меня есть 2 страницы, мой index.html и social.html. Я очистил свой индекс и оставил только код jquery, необходимый для fancybox . Я пытаюсь разместить изображения внутри social.html, и при нажатии на него он откроет fancybox и покажет его, но в индексе .html не находится внутри iframe. Возникает следующая ошибка:

Uncaught TypeError: Property 'showImage' of object [object DOMWindow] is not a function
(anonymous function)social.html:103
  onclick 

это мой index.html:

на странице IFrame:

PS: обе страницы находятся в одном домене ... РЕДАКТИРОВАТЬ: video.js -> это из fancybox, которого я не делал.

jQuery(document).ready(function() {

    $(".video").click(function() {
        $.fancybox({
            'padding'       : 0,
            'autoScale'     : false,
            'transitionIn'  : 'none',
            'transitionOut' : 'none',
            'title'         : this.title,
            'width'         : 640,
            'height'        : 385,
            'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
            'type'          : 'swf',
            'swf'           : {
            'wmode'             : 'transparent',
            'allowfullscreen'   : 'true'
            }
        });

        return false;
    });



});