$(document).ready(function() {

    $("#" + PeopleNet_Abonnement_TriggerID).css({ cursor: "pointer" });

    $("#" + PeopleNet_Abonnement_TriggerID).click(function(event) {
        var trimmedTitleText = $.trim($("title").html());
        var headerTextDiv = "<div class=\"energinet_abonnement_headertext\">" + abonnement_headerText + ' ' + trimmedTitleText + "</div>";

        var tableStart = "<div class=\"energinet_abonnement_contentdiv\" >";

        var newUserInfo = "<span>" + abonnement_newUserInfoText + "</span>";
        var oldUserLoginInfo = "<span>" + abonnement_oldUserLoginInfoText + "</span>";
        var oldUserLoggedInInfo = "<span>" + abonnement_oldUserLoggedInInfoText + "</span>";

        var yourEmailTextSpan = "<li><span class=\"abonnement_formText\">" + abonnement_yourEmailText + "</span><span class=\"abonnement_formInput\">" + '<input id="' + abonnement_prefix + 'Email" class="required email" type="text"></input>' + "</span></li>";
        var yourPasswordTextSpan = "<li><span class=\"abonnement_formText\">" + abonnement_yourPasswordText + "</span><span class=\"abonnement_formInput\">" + '<input id="' + abonnement_prefix + 'Password" class="required" type="password" minlength="4"></input>' + "</span></li>";
        var textList = "<ul class=\"abonnement_list\">" +
            yourEmailTextSpan +
            yourPasswordTextSpan +
            "</ul>";


        var cancelButtonInput = "<span class=\"abonnement_standardButton\">" + '<input id="' + abonnement_prefix + 'CancelButton" type="button" value="' + abonnement_cancelButtonText + '"></input>' + "</span>";
        var okButtonInput = "<span class=\"abonnement_standardButton\">" + '<input id="' + abonnement_prefix + 'OkButton" type="button" value="' + abonnement_okButtonText + '"></input>' + "</span>";

        var returnButtonInput = "<br/><span>" + '<input id="' + abonnement_prefix + 'ReturnButton" type="button" value="' + abonnement_successButtonText + '"></input>' + "</span>";

        var tableEnd = "</div>";

        $("." + PeopleNet_Abonnement_HideWhenActiveID).children().hide();
        $("#" + PeopleNet_Abonnement_ClientID).show();
        $("#" + PeopleNet_Abonnement_ClientID).empty();
        if (PeopleNet_Abonnement_UserLoggedIn == 'true' && userAlreadySubscribesToPage == 'false') {
            //logged in view
            $("#" + PeopleNet_Abonnement_ClientID).html(headerTextDiv +
                                      tableStart +
                                      oldUserLoggedInInfo +
                                      '<br/>' +
                                      "<div class=\"abonnement_buttonContainer\">" + 
                                      cancelButtonInput +
                                      okButtonInput +
                                      "</div>" +
                                      tableEnd);
        }
        else if (PeopleNet_Abonnement_UserLoggedIn == 'true' && userAlreadySubscribesToPage == 'true') {
            $("#" + PeopleNet_Abonnement_ClientID).html(headerTextDiv +
                                      tableStart +
                                      abonnement_oldUserAlreadySubscribesToPageText +
                                      '<br/>' +
                                      returnButtonInput +
                                      tableEnd);
        }
        else {
            $("#" + PeopleNet_Abonnement_ClientID).html(headerTextDiv +
                                      tableStart +
                                      newUserInfo +
                                      '<br/>' +
                                      oldUserLoginInfo +
                                      '<br/>' +
                                      textList +                                      
                                      "<div class=\"abonnement_buttonContainer\">" +
                                      cancelButtonInput +
                                      okButtonInput +
                                      "</div>" +
                                      tableEnd);
        }

        $("#" + abonnement_prefix + "CancelButton").click(function(event) {
        $("." + PeopleNet_Abonnement_HideWhenActiveID).children().show();
            $("#" + PeopleNet_Abonnement_ClientID).html("");
            $("#" + PeopleNet_Abonnement_ClientID).hide();
        });

        /*
        * Translated default messages for the jQuery validation plugin.
        * Language: DA
        * Skipped date/dateISO/number.
        */
        jQuery.extend(jQuery.validator.messages, {
            required: abonnement_required,
            maxlength: jQuery.validator.format(abonnement_maxlength),
            minlength: jQuery.validator.format(abonnement_minlength),
            rangelength: jQuery.validator.format(abonnement_rangelength),
            email: abonnement_email,
            url: abonnement_url,
            dateDE: abonnement_dateDE,
            numberDE: abonnement_numberDE,
            digits: abonnement_digits,
            equalTo: abonnement_equalTo,
            range: jQuery.validator.format(abonnement_range),
            max: jQuery.validator.format(abonnement_max),
            min: jQuery.validator.format(abonnement_min),
            creditcard: abonnement_creditcard
        });



        $("#" + abonnement_prefix + "OkButton").click(function(event) {
            if (PeopleNet_Abonnement_UserLoggedIn == 'true') {
                //var trimmedTitleText = $.trim($("title").html());
                __doPostBack('', 'Internet.Abonnement.Action=submitAbonnement' +
                    '@@@headerTitle=' + trimmedTitleText);
            }
            else {
                if ($("#" + abonnement_prefix + "Email").valid() == 1 &&
                $("#" + abonnement_prefix + "Password").valid() == 1) {
                    //var trimmedTitleText = $.trim($("title").html());
                    __doPostBack('', 'Internet.Abonnement.Action=loginControlAbonnement' +
                    '@@@email=' + $("#" + abonnement_prefix + "Email").val() +
                    '@@@password=' + $("#" + abonnement_prefix + "Password").val() +
                    '@@@headerTitle=' + trimmedTitleText);
                }
            }

        });

        $("#" + abonnement_prefix + "ReturnButton").click(function(event) {
            __doPostBack('', '');
        });

        //styling
        /*
        $(".abonnement_formText").css({ "width": "150px",
            "display": "inline-block",
            "vertical-align": "top",
            "padding-top": "5px"
        });

        $(".abonnement_formInput").css({
            "display": "inline-block",
            "vertical-align": "top"
        });

        $(".abonnement_formInput").children('input').css({ "width": "150px" });

        //$(".abonnement_formInput").children('label').css({ "color": "red", "padding-left": "2px" });

        $(".abonnement_standardButton").css({
            "padding": "10px"
        });
        $(".abonnement_buttonContainer").css({
            "display": "block",
            "text-align": "right"
        });

        $(".abonnement_list").css({
            "display": "inline-block",
            "list-style": "none"
        });

        $(".abonnement_list").children('li').css({ "padding": "2px" });
        */
        //end styling
        
        // validate signup form on keyup and submit        
        $("form").validate();
    });

});