$(function() {
    if (VVM.landingPage != null) {
        var landingPageStyling = "<link href=\"/resources/css/colorbox-landingpage.css\" type=\"text/css\" rel=\"stylesheet\" />";
        $("head").append(landingPageStyling);

        var landingPageLink = $("<a href=\"" + "#" + "\" id=\"" + "landingPage" + "\"/></a>");
        $('body').append(landingPageLink);

        landingPageLink.colorbox({
            width: "900px",
            inline: true,
            href: ".landingPage",
            opacity: 0.5,
            transition: "none",
            onComplete: function() {
                $("#cboxTopCenter").width(834);
                $("#cboxBottomCenter").width(834);
                $("#cboxContent").height(417);
                $("#cboxMiddleLeft").height(417);
                $("#cboxMiddleRight").height(417);
            }
        });

        // Fake click on link to invoke landingpage
        landingPageLink.click();
        landingPageLink.remove();

        // remove original close button
        $("#cboxClose").remove();

        FixLandingPageEventsAndCss();

        $(window).resize(function() {
            ResizeLandingPage();
        });
    }
});

function FixLandingPageEventsAndCss() {
    $("#cboxContent").css("cursor", "pointer");
    $("#cboxContent").click(function() {
        $.fn.colorbox.close();
        $("link[href='/resources/css/colorbox-landingpage.css']").remove();
    });
}

function ResizeLandingPage() {
    $("#cboxTopCenter").width(834);
    $("#cboxBottomCenter").width(834);
    $("#cboxContent").height(417);
    $("#cboxMiddleLeft").height(417);
    $("#cboxMiddleRight").height(417);
}