﻿$(document).ready(function() {
    klarnaKontoInfoPopup();
});

function loadjQueryFix() {
    klarnaKontoInfoPopup();
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}

function EndRequestHandler() {
    klarnaKontoInfoPopup();
}

function klarnaKontoInfoPopup() {
        var popupStatus = 0;

        $("div.popupInfoBoxLink").click(function() {
            var leftPos = parseFloat($(this).offset().left);
            var topPos = parseFloat($(this).offset().top) + 25;

            var offset = $(window).width() - (leftPos + $("div.popupInfoBox").width());

            if (offset < $("div.popupInfoBox").width()) {
                leftPos = leftPos - $("div.popupInfoBox").width();
            }

            $("div.popupInfoBox").stop()
		    .animate({ opacity: 100 }, "fast")
		    .css("display", "block")
		    .css("left", leftPos)
		    .css("top", topPos)

            $.ajax({
                type: "POST",
                url: "/Services/General.asmx/GetKlarnaKontoInfoBoxText",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    $("div.popupInfoBoxContent").html(msg);
                }
            })

            popupStatus = 1;

        }, function() {
            $("div.popupInfoBox").stop().fadeTo(650, 1, function() {
                $(this).fadeOut("fast");
            })
        });

        $("div.popupInfoBoxLinkClose").click(function() {
            $("div.popupInfoBox").fadeOut("fast");
        });

        $('body').click(function() {
            if (popupStatus == 1) {
                popupStatus = 2;
            }
            else if (popupStatus == 2) {
                $("div.popupInfoBox").fadeOut("fast");
                popupStatus = 0;
            }
        });

        $(window).resize(function() {
            $("div.popupInfoBox").fadeOut("fast");
        });
}
