// JavaScript Document

$(document).ready(function () {
    showFB = function () {
        $('#facebookiframe').show();
    }
    setTimeout('showFB()', 1000);  // in ms

    $('.videoplayer').each(function () {
        $(this).attr('href', '#' + $(this).attr('href'));
    });

    $('body').append('<div id="videobox" style="display:none;cursor:default;"></div>');
    $.blockUI.defaults.css.width = '690px';
    $.blockUI.defaults.css.height = '549px';
    $.blockUI.defaults.css.border = 'none';
    $.blockUI.defaults.css.textAlign = 'left';
    $.blockUI.defaults.css.backgroundColor = 'transparent';

    $.fn.center = function () {
        this.css("position", "absolute");
        this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + 50 + "px");
        this.css("left", ($(window).width() - this.width()) / 2 + $(window).scrollLeft() + 30 + "px");
        return this;
    }

    $(".videoplayer").click(function () {
        url = $(this).attr('href');
        url = url.replace('#', '');

        $('#videobox').load(url, function () {
            $.blockUI({ message: $('#videobox') });
            $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI);
            $('.blockMsg').center();
        });

    });


    if (self.document.location.hash) {
        // includes #
        if (self.document.location.hash.match('video/')) {
            url = self.document.location.hash;
            url = url.replace('#', '');

            $('#videobox').load(url, function () {
                $.blockUI({ message: $('#videobox') });
                $('.blockOverlay').attr('title', 'Click to unblock').click($.unblockUI);
                $('.blockMsg').center();
            });
        }
    }


    var KEYCODE_ESC = 27;

    $(document).keyup(function (e) {
        if (e.keyCode == KEYCODE_ESC) { jQuery.unblockUI(); }
    });

});