$(function()
{
    $('.videoLink').click(DisplayVideoPanel);
    $('.videoPopup-close').click(ClosePopup);
});

function DisplayVideoPanel()
{
    $('body').prepend('<div id="backgroundPopup"> </div>');
    $("#backgroundPopup").css({ "opacity": "0.7" }).fadeIn("slow");
    var videoPopup = $(this).parent().children(".videoPopup-border")
    videoPopup.fadeIn("slow");

    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = videoPopup.height();
    var popupWidth = videoPopup.width();

    videoPopup.css(
    {
        "position": "absolute",
        //"top": windowHeight/2-popupHeight/2 + 160,
        "top": 160,
        "left": windowWidth / 2 - popupWidth / 2
    });
}

function ClosePopup()
{
    $(this).parent().parent().fadeOut("fast");
    $("#backgroundPopup").fadeOut("fast");
    $("#backgroundPopup").remove();
}