if (!window.console) {
    window.console = {
        log: function() {}
    };
}

//ie doesn't support trim naturally!
if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, '');
  };
}

function safeReady(f) {
    $(function() {
        try {
            f();
        } catch(e) {
            console.log(e);
        }
    });
}

function repeatForeverWithDelay(delay) {
    return function() {
        var that = this;
        $(document).delay(delay).queue(function() {
            $(this).dequeue();
            $.ajax(that);
        });
    };
}

function getUniqueId() {
    var rnd = Math.round(Math.random() * 1000000000);
    while ($("#" + rnd).length > 0) {
        rnd = Math.round(Math.random() * 1000000000);
    }
    return rnd;
}

function enableInfoTextOnce(where) {
    if (!where) {
        where = $(document);
    }
    var selector = 'input[infotext] ,  textarea[infotext]';
    var inputs = $(selector, where);

    function setInfoText(obj) {
        var input = $(obj);
        if (input.val() == "") {
            if ($.browser.msie && $.browser.version >= 9) {
                input = input.not(":focus");
            }
            else {
                input = input.not($(document.activeElement));
            }
            input.addClass("grayed");
            input.val(input.attr("infotext"));
        }
    }

    var removeInfoText = function(input) {
        if (input.hasClass("grayed")) {
            input.val("");
            input.removeClass("grayed");
        }
    };

    inputs.live("focus", function() {
        var input = $(this);
        removeInfoText(input);
    });

    inputs.live("keydown", function() {
        var input = $(this);
        removeInfoText(input);
    });

    inputs.live("blur", function() {
        setInfoText(this);
    });

    inputs.each(function() {
        setInfoText(this);
    });

    $("form").live("submit", function() {
        var elems = $(this).find(".grayed");
        elems.val("");
        return true;
    });
}

// not used
function disableInfoText(where) {
    if (!where) {
        where = $(document);
    }
    inputs = where.filter('input[infotext] ,  textarea[infotext]');
    inputs.focus();
}

function listString(names) {
    if (names.length === 0)
        return "";
    if (names.length === 1)
        return "<strong>" + names[0] + "</strong>";
    if (names.length === 2)
        return "<strong>" + names[0] + "</strong> " + localization.and + " <strong>" + names[1] + "</strong>";
    return listStringMany(names);
}

function listStringMany(names) {
    var name0 = names.shift();
    if (names.length === 1)
        return "<strong>" + name0 + "</strong> " + localization.listand + " <strong>" + names[0] + "</strong>";
    return "<strong>" + name0 + "</strong>, " + listStringMany(names);
}

/*
 * make edit bar stay at the top
 */
function stayontop(menu) {

    if (menu.size() > 0) {
        var pos = menu.offset();
        //var signStepsWrapper = $("#signStepsWrapper");
        var documentBox = $("#documentBox");
        $(window).scroll(function() {
            if ($(this).scrollTop() >= pos.top && !menu.hasClass('fixed')) {
                signStepsWrapper.height(menu.height() - 53);
                menu.addClass('fixed');
            } else if ($(this).scrollTop() < pos.top && menu.hasClass('fixed')) {
                signStepsWrapper.height(menu.height());
                menu.removeClass('fixed');
            }
        });
    }
}

function countSentOrOpenRows(selectedrows) {
    var notviewers = selectedrows.not(".viewer");
    return (notviewers.find(".sent").length + notviewers.find(".read").length + notviewers.find(".opened").length + notviewers.find(".delivered").length);
}

/*
 * for the user expand signatory stuff in doc list
 */
safeReady(function() {
    $(".listSignatoryExpand").click(function() {
        var nextone = $(this).closest("tr").next();
        while (nextone.length > 0 && nextone.hasClass("signatorydetail")) {
            nextone.toggle();
            nextone = nextone.next();
        }
        return false;
    });
});

/*
 * For delete confirmation on lists.
 */
safeReady(function() {
    $(".listDelete").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            var selectedrows = $(".listForm tbody tr.ui-selected");
            if (selectedrows.length == 0) {
                return false;
            } else {
                if (countSentOrOpenRows(selectedrows) > 0) {
                    var flashtxt = $(".cantdeleteopenflashmsgtxt").text();
                    FlashMessages.add({content: flashtxt, color: "red"});
                    return false;
                }
                var deletionDetails = "";
                if (selectedrows.length == 1) {
                    deletionDetails = jQuery.trim(selectedrows.find(".listname").text());
                } else {
                    var listtype = jQuery.trim($(".listForm").find(".listtype").text().toLowerCase());
                    deletionDetails = selectedrows.length + " " + listtype;
                }
                $("#dialog-list-delete-confirm").find(".deletionDetails").text(deletionDetails);
                return true;
            }
        },
        fixed: false
    });
});

safeReady(function() {
    $(".listRemind").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            var selectedrows = $(".listForm tbody tr.ui-selected");
            if (selectedrows.length == 0) {
                return false;
            } else {
                if (countSentOrOpenRows(selectedrows) != selectedrows.length) {
                    var listtype = jQuery.trim($(".listForm").find(".listtype").text().toLowerCase());
                    FlashMessages.add({content: localization.cantSendReminder(listtype), color: "red"});
                    return false;
                }
                var singlemsg = $("#dialog-list-remind-confirm").find(".singleremindmsg");
                var multiplemsg = $("#dialog-list-remind-confirm").find(".multipleremindmsg");
                if (selectedrows.length == 1) {
                    var docname = jQuery.trim(selectedrows.find(".listname").text());
                    singlemsg.find(".docname").text(docname);
                    singlemsg.show();
                    multiplemsg.hide();
                } else {
                    multiplemsg.find(".doccount").text(selectedrows.length);
                    singlemsg.hide();
                    multiplemsg.show();
                }
                return true;
            }
        },
        fixed:false
    });
});

/*
 * For share confirmation on lists.
 */
safeReady(function() {
    $(".listAction").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            var selectedrows = $(".listForm tbody tr.ui-selected");
            if (selectedrows.length == 0) {
                return false;
            } else {
                return true;
            }
        },
        fixed:false
    });
});

/*
 * For the arkiv view fancy selection
 */
function makeSelectable(selectable) {
    var rows = selectable.find("tr"),
    rowsChecks = rows.find(".check");

    function highlightRow(row) {
        if (row.attr("selected"))
            row.removeClass("ui-selected");
        row.addClass("ui-selecting");
    }

    function unhighlightRow(row) {
        row.removeClass("ui-selecting");
        if (row.attr("selected"))
            row.addClass("ui-selected");
    }

    function selectRow(row, toggleCheckbox, check) {
        unhighlightRow(row);
        if (!check)
            check = row.find(".check");
        if (check.length > 0) {
            row.toggleClass("ui-selected");
            if (toggleCheckbox) {
                if (check.attr("checked")) {
                    row.removeAttr("selected");
                    check.removeAttr("checked");
                } else {
                    row.attr("selected", true);
                    check.attr("checked", true);
                }
            }
        }
    }

    // select checked rows is page was refreshed
    rowsChecks.each(function() {
        var that = $(this);
        if (that.attr("checked")) {
            var row = that.parents("tr");
            selectRow(row, false, that);
            row.attr("selected", true);
        }
    });

    selectable.click(function(event) {
        var target = $(event.target);
        if (target.is("td")) {
            // we want it respond to primary mouse button
            // note: <= is for IE, event.which returns 0 there,
            // primary button has value 1 so we're all good.
            if (event.which <= 1)
                selectRow(target.parents("tr"), true);
        } else if (target.hasClass("check")) {
            var row = target.parents("tr");
            if (!target.attr("checked"))
                row.removeAttr("selected");
            selectRow(row, false, target);
        }
        return false;
    });

    selectable.mousedown(function(event) {
        var target = $(event.target);
        if (target.is("td")) {
            // it seems event.which works fine in IE
            // if it comes to mousedown event.
            if (event.which == 1)
                highlightRow(target.parents("tr"));
        }
    });

    rows.live("mouseout", function() {
        unhighlightRow($(this));
    });

    $("#all").change(function() {
        rows.each(function() {
            selectRow($(this), true);
        });
    });
}

safeReady(function() {
    var selectable = $("#selectable");
    makeSelectable(selectable);
});

function initFileInputs() {
    $(".multiFileInput").each(function() {
        var upload = $(this);
        var form = $(this).parents("form");
        upload.MultiFile({
            list: upload.attr("rel"),
            onError:function() {
                FlashMessages.add({content: localization.onlyPDFAllowed, color: "red"});
            },
            onFileAppend: function() {
                if (upload.hasClass("submitOnUpload")) {
                    displayLoadingOverlay(localization.loadingFile);
                    form.submit();
                }
            }
        });
    });
}

safeReady(function() {
    initFileInputs();
});

safeReady(function() {
    flashSpecialFlashMessages();
    showModal();
    enableInfoTextOnce();
});

safeReady(function() {
    loadpages();
});

function loadpages() {
    console.log("loading pages . . .");
    if (typeof(window.documentid) != "undefined") {
        var myurl;
        if (typeof(window.siglinkid) != "undefined" && typeof(window.sigmagichash) != "undefined")
            myurl = "/pagesofdoc/" + documentid + "/" + siglinkid + "/" + sigmagichash;
        else
            myurl = "/pagesofdoc/" + documentid;
        $.ajax({
            url: myurl,
            success: function(data) {
                var content = $(data);
                var errormsg = content.find(".errormsg");
                if (errormsg.length > 0) {
                      Confirmation.popup({
                        submit : new Submit({url: '/d' }) ,
                        title : localization.problemWithPDF,
                        content: errormsg.text(),
                        cantCancel : true,
                        acceptColor: "red",
                        acceptText : "Back to Archive"
                    });
                } else {
                    $('#documentBox').html(content);
                    bgok = true;
                    console.log("bgok: " + bgok);
                    $('.pagejpg').each(checkbgimageok);
                }
            },
            error: repeatForeverWithDelay(1000)
        });
    }
}

var bgok = true;

function checkbgimageok(i, el) {
    console.log("checking bg image");
    var url = $(el).css('background-image').replace('url(', '').replace(')', '').replace(/'/g, '').replace(/"/g, '');
    console.log(url);
    var bgImg = $('<img />');
    bgImg.hide();
    bgImg.load(function() {
        console.log("finished loading bg for check");
        var complete = $(this)[0].complete;
        var width = $(this).width();
        console.log("width of bg image: " + width);

        if(bgok && (!complete || !width)) {
            bgok = false;
//            loadpages();
        }
        bgImg.remove();
    }).error(function() {
        console.log("here");
        bgImg.remove();
        if(bgok) {
            bgok = false;
            loadpages();
        }

    });
    console.log("appending");
    $('body').append(bgImg);
    bgImg.attr('src', url);
    console.log("finished");
}

function escapeHTML(s) {
    var result = '';
    for (var i = 0; i < s.length;++i) {
        var c = s.charAt(i);
        if (c == '&')
            result += '&amp';
        else if (c == '\'')
            result += '&#39;';
        else if (c == '"')
            result += '&quot;';
        else if (c == '<')
            result += '&lt;';
        else if (c == '>')
            result += '&gt;';
        else
            result += c;
    }
    return result;
}

function allparties() {
    var sigs = $("form .persondetails").filter(":not(.authordetails)");
    var allpartiesret = new Array();
    sigs.each(function(index) {
        if ($("input:radio:first:checked", this).length > 0) {

            var fstnameelem = $("input[name='signatoryfstname']", this);
            if (isMultiPartElem(fstnameelem)) {
                allpartiesret.push(csvrowcount + " " + localization.multiPartPartner);
            } else {
                var fstname = fstnameelem.val();
                var sndname = $("input[name='signatorysndname']", this).val();
                allpartiesret.push(escapeHTML(fstname + " " + sndname));
            }
        }
    });
    return allpartiesret;
}

safeReady(function() {
    $("#sendinvite").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            if (isInvalidCSV())
                return false;
            if (!emailFieldsValidation(noMultiParts($(".stepForm input[type='email']"))))
                return false;
            if (!nonZeroSignatories())
                return false;
            if (!authorFieldsValidation())
                return false;
            if (!checkSignatoriesHaveUniqueEmail())
                return false;
            if (!checkAllCustomFieldsAreNamed())
                return false;
            fieldValidationType = "";
            var tot = listString(allparties());
            $(".Xinvited").html(tot);
        },
        fixed:false
    });

    $("#signinvite").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            if (!checkSignPossibility())
                return false;
            if (isInvalidCSV())
                return false;
            if (!emailFieldsValidation(noMultiParts($(".stepForm input[type='email']"))))
                return false;
            if (!nonZeroSignatories())
                return false;
            if (!authorFieldsValidation())
                return false;
            if (!checkSignatoriesHaveUniqueEmail())
                return false;
            if (!checkAllCustomFieldsAreNamed())
                return false;
            fieldValidationType = "";
            var tot = listString(allparties());
            $(".Xinvited").html(tot);
            //here
        },
        fixed:false
    });
});

safeReady(function() {
  console.log($("#docregionselector option"));
  $("#docregionselector option").overlay({
    mask: standardDialogMask,
    top: standardDialogTop,
    fixed: false
  });

  $("#docregionselector").change(function(ev) {
    if (!$("#dialog-confirm-region-gb").is(":visible") &&
         !$("#dialog-confirm-region-se").is(":visible")) {
      var val = $("#docregionselector").val();
      $("#docregionselector option[value=" + val + "]").data("overlay").load();
      if (val=="REGION_GB") {
        $("#docregionselector option[value=REGION_SE]").attr("selected", "selected");
      } else {
        $("#docregionselector option[value=REGION_GB]").attr("selected", "selected");
      }
   }
  });
});

safeReady(function() {
    $("#tobasic").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        fixed:false
    });

    $("#toadvanced").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        fixed:false
    });

    $("#dialog-confirm-basic .tobasic").click(function() {
        $("form input[type='hidden'][name='docfunctionality']").attr("value", "BasicFunctionality");
        return true;
    });

    $("#dialog-confirm-advanced .toadvanced").click(function() {
        $("form input[type='hidden'][name='docfunctionality']").attr("value", "AdvancedFunctionality");
        return true;
    });
});

function checkSignatoriesHaveUniqueEmail() {
    var isRepetition = false;
    var emails = $(".stepForm").find("input[type='email']");
    emails.each(function() {
        var emailvalue = $(this).val();
        var matchingemails = emails.filter(function() {
            return $(this).val() == emailvalue;
        });
        if (matchingemails.length > 1) {
            matchingemails.closest("span").addClass("redborder");
            isRepetition = true;
        }
    });

    var isAuthorUsedAsSignatory = false;
    var authoremail = $(".stepForm .authoremail .fieldvalue").text();
    var emailsmatchingauthor = emails.filter(function() {
        return $(this).val() == authoremail;
    });
    if (emailsmatchingauthor.length > 0) {
        emailsmatchingauthor.closest("span").addClass("redborder");
        isAuthorUsedAsSignatory = true;
    }

    if (isRepetition || isAuthorUsedAsSignatory) {
        FlashMessages.add({content: localization.repetedEmailAddress, color: "red"});
        return false;
    } else {
        return true;
    }
}
safeReady(function() {
    $(".submiter").live("click", function() {
        $(this).parents("form").submit();
    });
});

// bankid stuff
/*
  safeReady(function() {
  $("#dialog-confirm-sign-eleg .bankid").click(function(){
  sign2(window.location.pathname,
  "#dialog-confirm-sign-eleg",
  "/bankid" + window.location.pathname);
  return false;
  });
  });
*/

safeReady(function() {
    $(".editer").live("click", function() {
        prepareForEdit($(this).parents("form"));
        $(this).hide();
        return false;
    });
});

safeReady(function() {
    $("#addattachmentlink").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            // remove all attachments that were added but not confirmed
            $("#tobeattached div").remove();
        },
        fixed:false
    });
});

safeReady(function() {
    var personpane = $("#personpane");
    $("#addsigattachmentlink").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            var persondetails = personpane.find(".persondetails");
            var sigdetails = persondetails.not(".authordetails").has("input:radio[value='signatory']:checked");
            var sigoptions = $();
            sigdetails.each(function(i, e) {
                var sig = $(e);
                var fn = sig.find("input[name='signatoryfstname']").val();
                var sn = sig.find("input[name='signatorysndname']").val();
                var em = sig.find("input[name='signatoryemail']").val();
                sigoptions = sigoptions.add($("<option />").val(em).text(fn + " " + sn));
            });
            $("select.signatoryselector option").detach();
            var select = $("select.signatoryselector");
            select.append($("<option selected>" + localization.sigattachmessage + "</option>"));
            select.append(sigoptions);
        },
        fixed:false
    });
});

safeReady(function() {
    $("#editinvitetextlink").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        onBeforeLoad: function() {
            var signedList = jQuery(".authornamewhennotsecretary");
            var authorSignes = jQuery("#authorsignatoryradio:checked").size() > 0;
            var newtxt = $("#invitetext").val();

            //if this is the first time we open the invite text input will be empty
            //which means that if we cancel the custom message, next time we open it
            //this empty value will be copied over.  so save the default msg to the input.
            if (newtxt == "") {
                newtxt = $("#edit-invite-text-dialog textarea").val();
                $("#invitetext").val(newtxt);
            }

            $("#edit-invite-text-dialog textarea").val(newtxt);
            //var author = $(".authorname .fieldvalue").text();
            var sigs = $("#personpane .persondetails");
            var partners = new Array();
            if (authorSignes) {
                var fstnamefield = $(".authorfstname .fieldvalue");
                var sndnamefield = $(".authorsndname .fieldvalue");
                var mailfield = $(".authoremail .fieldvalue");
                var res = escapeHTML(fstnamefield.text() + " " + sndnamefield.text()).trim();
                if (!res) {
                    res = mailfield.text();
                }
                partners.push(res);
                signedList.html(res);
            } else {
                signedList.html(signedList.attr("alt"));
            }
            //ignore first one (it is author and we added him earlier)
            sigs.slice(1).each(function() {
                if ($("input:radio:first:checked", this).length > 0) {
                    var fstnamefield = $(".sigfstname", this);
                    var sndnamefield = $(".sigsndname", this);
                    var mailfield = $(".sigemail", this);
                    var res = escapeHTML(getValue(fstnamefield) + " " + getValue(sndnamefield)).trim();
                    if (!res) {
                        res = getValue(mailfield);
                    }
                    if(res) {
                        partners.push(res);
                    }
                }
            });
            var plist = $(".partnersmailpreview").parent();
            $(".partnersmailpreview").remove();
            for(var i=0;i<partners.length;i++)
            {
                var p = $("<p class='partnersmailpreview' style='font-weight:bold;'></p>");
                p.text(partners[i])
                p.append("<BR/>")
                plist.append(p);
            }
        },
        fixed:false
    });
});

safeReady(function() {
    $(".disablelinks").find("a").attr("href", "#");
});

safeReady(function() {
    $("#editing-invite-text-finished").click(function() {
        var newtxt = $("#edit-invite-text-dialog textarea").val();
        $("#invitetext").val(newtxt);
    });
});

safeReady(function() {
    $(".redirectsubmitform").submit(function() {
        var newform = $($(this).attr("rel"));
        var inputs = $("input", $(this));
        // I removed the :tinymce selector because it was breaking
        // everything else. Is it necessary?
        // -EN
        $('textarea', $(this)).each(function() {
            inputs = inputs.add($("<input name='" + $(this).attr('name') + "' value='" + $(this).val() + "'>"));
        });
        inputs.css("display", "none");
        newform.append(inputs);
        newform.submit();
        return false;
    });
});

safeReady(function() {
    var dcs = $("#dialog-confirm-sign");
    saveOverlay("#sign", {
        mask: standardDialogMask,
        load: true,
        fixed:false,
        // after finished loading
        onLoad: function () {
            if(navigator.platform === 'iPad' || navigator.platform === 'iPhone' || navigator.platform === 'iPod') {
                console.log(dcs);
                dcs.css("position", "absolute");
                dcs.css("top", (window.pageYOffset + 64) + 'px');
            }
        },
        onBeforeLoad: function() {
            var x = this;
            if (!sigFieldsValidation()) {
                return false;
            }
            var trs = $("table#signViewSigAttachmentBoxList tr").has("form.sigattachmentupload");
            if (trs.length > 0) {
                trs.addClass("redborder");
                FlashMessages.add({content: localization.addRequiredAttachments, color: "red"});
                return false;
            }
            var guardChecked = $(".signGuard:checked").size() > 0;
            if (!guardChecked) {
                $("#signGuardField").css("border", "1px dotted red");
                $(".signGuard").change(function() {
                    $("#signGuardField").css("border", "");
                });
                FlashMessages.add({content: signguardwarntext, color: "red"});
                return false;
            }
        }
    });
});

safeReady(function() {
    saveOverlay("#signbankid", {
        mask: standardDialogMask,
        fixed:false
    });
});

safeReady(function() {
    saveOverlay("#cancel", {
        mask: standardDialogMask,
        fixed:false
    });
});

safeReady(function() {
    $("#signByAuthor").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        fixed:false,
        onBeforeLoad: function() {
            if (!sigFieldsValidation())
                return false;
            var guardChecked = $(".signGuard:checked").size() > 0;
            if (!guardChecked) {
                $(".signGuard").parent().css("border", "1px dotted red");
                $(".signGuard").change(function() {
                    $(this).parent().css("border", "");
                });
                return false;
            }
        }
    });
});

safeReady(function() {
    $("#toscontainer").overlay({
        mask: standardDialogMask,
        load: true,
        fixed:false
    });
});

safeReady(function() {
    var loadByDefault = $("#createcompany").hasClass("loadbydefault");

    $("#createcompany").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        fixed:false,
        load: loadByDefault
    });
});

safeReady(function() {
    $("#loginbtn").click(function() {
        if (emailFieldsValidation($(":email", $(this).parents("form")))) {
            $($(this).parents("form")).submit();
        }
        return false;
    });
});

safeReady(function() {
    $("#createnewaccount").click(function() {
        if (emailFieldsValidation($("input[type='email']"))) {
            $($(this).parents("form")).submit();
        }
        return false;
    });
});

safeReady(function() {
    $(".validateEmail").click(function() {
        return (emailFieldsValidation($(":email", $(this).parents("form"))));
    });
});

safeReady(function() {
    $(".flashOnClick").click(function() {
        $(".flashMessage", $(this).parent()).each(function() {
            FlashMessages.add({content: $(this).html(), color:  $(this).attr("flashtype")});
            $(this).remove();
        });
    });

    $(".flashOnOn").change(function() {
        var ftype = $(this).attr("flashtype");
        if ($(this).val() == "off") {
            $(".flashMessage", $(this).parent()).each(function() {
                FlashMessages.add({content: $(this).html(), color: ftype});

            });
        }
    });
});

safeReady(function() {
    $(".addremovecheckbox").change(function() {
        var what = $($(this).attr("rel"));
        var location = $($(this).attr("location"));
        var oldlocation = $($(this).attr("oldlocation"));
        if ($(this).val() == "off") {
            location.append(what);
            $(this).val("on");
            $(this).attr("checked", "checked");
        } else {
            oldlocation.append(what);
            $(this).val("off");
            $(this).removeAttr("checked");
        }
        return true;
    }).each(function() {
        if ($(this).val() == "on") {
            $($(this).attr("location")).append($($(this).attr("rel")));
            $(this).attr("checked", "checked");
        }
    });
});

safeReady(function() {
    $(".datetodaystip").each(function() {
        var curr = $(this);
        var basictime = new Date().getTime();
        var daysinput = $(curr.attr("rel"));
        var localignore = true;
        curr.dateinput({
            format: 'dd-mm-yy',
            change: function() {
                if (localignore)
                    return false;
                var ONE_DAY = 1000 * 60 * 60 * 24;
                var date_ms = curr.data("dateinput").getValue().getTime();
                var difference_ms = Math.abs(date_ms - basictime);
                var dist = Math.floor(difference_ms / ONE_DAY) + 1;
                daysinput.val(dist);
                $(".datehere", curr).text("(" + curr.data("dateinput").getValue('dd-mm-yy') + ")");
            },
            min: new Date()
        });
        curr.data("dateinput").setValue(new Date());
        localignore = false;
        curr.data("dateinput").addDay(parseInt($(curr.attr("rel")).val()));

        daysinput.change(function() {
            localignore = true;
            curr.data("dateinput").setValue(new Date());
            localignore = false;
            curr.data("dateinput").addDay(parseInt(daysinput.val()));
        });
    });
});

safeReady(function() {
    $(".datetodate").each(function() {
        var curr = $(this);
        var basictime = new Date().getTime();
        var input = $(curr.attr("rel"));
        curr.dateinput({
            format: 'dd-mm-yyyy',
            change: function() {
                input.val(curr.data("dateinput").getValue('dd-mm-yyyy'));
                curr.text(curr.data("dateinput").getValue('dd-mm-yyyy'));
            },
            min: new Date()
        });
        if (input.val() == "") {
            curr.data("dateinput").setValue(new Date());
        } else {
            date = input.val().split('-');
            curr.data("dateinput").setValue(date[0], date[1] - 1, date[2]);
        }
    });
});

safeReady(function() {
    $(".replacebynextonclick").click(function() {
        var replacement = $(this).next();
        $(this).replaceWith(replacement);
        replacement.show();
    });
});

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

function deactivateSignInvite() {
    var checkBox = $("#switchercheckbox");
    checkBox.attr("DISABLED", "");
}

function activateSignInvite() {
    var checkBox = $("#switchercheckbox");
    checkBox.removeAttr("DISABLED");
}

function isAuthorSignatory() {
    return $("#authorsignatoryradio").attr("checked");
}

/*************************************************************

  RULES FOR SHOWING THE SIGN/SEND BUTTON

  1. If the author IS NOT a signatory:
         ALWAYS show SEND button
                check the box (#switchercheckbox)
                change the label to "Ej undertecknande part"
                deactivate label + checkbox
                show correct confirmation text

  2. If the author IS a signatory:
         show usual label
         show correct confirmation text
         numsigs <- number of signatories (excluding author)
         1. If numsigs === 0:
                deactivate checkbox
                uncheck the box
                show author only signatory confirmation text

         2. If numsigs > 0:
                show multiple signatory confirmation text
                1. if sign order is enabled:
                    deactivate checkbox

                2. if sign order is not enabled:
                    activate checkbox

  This is still crazy, but it's a little better than before.

  Specific instances of crazy:
  1. sign order system messes with button.
  2. changing to and from secretary unchecks sign last button

  When refactoring this with Backbone, we should hold all of the
  application state in one model.

 *************************************************************/
function showProperSignButtons() {
    console.log("spsb");
    var checkBox = $("#switchercheckbox");
    if(!isAuthorSignatory()) {
        console.log("author not sig");
        if (!checkBox.attr("checked"))
            checkBox.attr("checked", true).change();

        deactivateSignInvite();
        checkBox.parent().find(".usual").hide();
        checkBox.parent().find(".secretary").show();
        $("#dialog-confirm-text-send").show();
        $("#dialog-confirm-text-send-fields").hide();
        $("#dialog-confirm-text-send-normal").hide();

    } else {
        console.log("author sig");
        checkBox.parent().find(".usual").show();
        checkBox.parent().find(".secretary").hide();
        // don't know why this was here; things have changed since it
        // was written
        // $("#dialog-confirm-text-send").hide();
        $("#dialog-confirm-text-send-fields").hide();
        $("#dialog-confirm-text-send-normal").show();
        var numsigs = $("#personpane .persondetails input:hidden[name='signatoryrole'][value='signatory']").length;
        if(numsigs === 0) {
            deactivateSignInvite();
            if (checkBox.attr("checked"))
                checkBox.attr("checked", false).change();
            $("#multipleinvite").hide();
            $("#onlyauthor").show();
        } else {
            if (signingOrderEnabled)
                deactivateSignInvite();
            else
                activateSignInvite();
            $("#multipleinvite").show();
            $("#onlyauthor").hide();
        }
    }
}

function emailFieldsValidation(fields) {
    fields.removeClass("noflash");
    fields = fields.filter(function() {
        return ! isExceptionalField($(this));
    });
    $(fields).each(function(i, el) {
        el.value = el.value.trim();
    });
    if (fields.length > 0) {
        var inputs = fields.validator({
            effect: 'failWithFlashOnEmail',
            formEvent: 'null'
        });
        var valid = inputs.data("validator").checkValidity();
        if (!valid) {
            fieldValidationType = "email";
        }
        return valid;
    }
    fieldValidationType = "";
    return true;
}

function checkSignPossibility() {
    if ($("#authorsecretaryradio").attr("checked")) {
        // secretary
        $(".authordetails .man").addClass("redborder");
        FlashMessages.add({content: localization.secretaryCantSign, color: "red"});
        return false;
    } else {
        // sign is possible
        return true;
    }
}

function checkAllCustomFieldsAreNamed() {

    unamedfields = $("#personpane .newfield");
    unamedfields.addClass("redborder");
    if (unamedfields.length > 0) {
        FlashMessages.add({content: localization.setAllFields, color: "red"});
        return false;
    } else {
        return true;
    }
}

var fieldValidationType = "";
function authorFieldsValidation() {
    var dragfields = $("#personpane .dragfield");
    dragfields.removeClass('offending');
    // get all the fields that should be filled by author
    var remainingAuthorFields = dragfields.filter(function() {
        return getFillStatus($(this)) === 'author' && !isMultiPartElem($(this));
    });

    if (remainingAuthorFields.size() > 0) {
        console.log(remainingAuthorFields);
        if (remainingAuthorFields.hasClass('sigfstname') || remainingAuthorFields.hasClass('sigsndname')) {
           FlashMessages.add({content: localization.missingSignatoryNames, color: "red"});
        }
        if (remainingAuthorFields.hasClass('customfield')) {
           FlashMessages.add({content: localization.missingNames, color: "red"});
        }
        if (remainingAuthorFields.hasClass('sigpersnum')) {
           FlashMessages.add({content: localization.backToStepTwoAndFillPersonNumber, color: "red"});
        }
        remainingAuthorFields.addClass('redborder').addClass('offending');
        fieldValidationType = "fillstatus";
        return false;
    }

    fieldValidationType = "";
    return true;
}

function sigFieldsValidation() {
    var remainingSigFields = $(".dragfield").filter(function() {
        var field = $(this);
        if (getValue(field).length === 0) {
            return true;
        }
    });

    if (remainingSigFields.size() > 0) {
        FlashMessages.add({content: localization.mustFillFieldsBeforeSigning, color: "red"});
        remainingSigFields.addClass("redborder");
        return false;
    } else {
        return true;
    }
}

function isInvalidCSV() {
    return $("#personpane .persondetails .csvinvalid").length > 0;
}

function nonZeroSignatories() {
    var sigs = 0;
    // sum up all signatories
    sigs += $("#personpane .persondetails input:hidden[name='signatoryrole'][value='signatory']").length;
    // don't add author if a signatory; this requires at least 1
    // non-author signatory
    var authorsig = 0;
    if ($("#authorsignatoryradio").attr("checked")) {
        sigs++;
        authorsig = 1;
    }

    var error = (sigs === 0);

    if (error) {
        FlashMessages.add({content: localization.atLeastOneSignatoryRequired, color: "red"});
        $("li.plus").addClass("redborder");
        return false;
    }
    return true;
}

function isExceptionalField(field) {
    return (field.closest("div").attr("id") == "signatory_template");
}

safeReady(function() {
    $(".prepareToSendReminderMail").each(function() {
        $(this).overlay({
            mask: standardDialogMask,
            top: standardDialogTop,
            fixed:false
        });
    });
});

function prepareForEdit(form, width) {
    var width = width == undefined ? 540 : width;

    $(".editable", form).each(function() {
        var textarea = $("<textarea style='width:"+ width +"px;height:0px;border:0px;padding:0px;margin:0px'  name='" + $(this).attr('name') + "'> " + $(this).html() + "</textarea>");
        var wrapper = $("<div></div>").css("min-height", ($(this).height()) + 15 + "px");
        wrapper.append(textarea);
        $(this).replaceWith(wrapper);
        var editor = prepareEditor(textarea);
    });
    $(".replacebynextonedit", form).each(function() {
        var replacement = $(this).next();
        $(this).replaceWith(replacement);
        replacement.show();
    });
}

function flashSpecialFlashMessages() {
    var flashmsgbox = $('#signViewNotificationContainer');
    flashmsgbox.delay(12000).fadeOut();
}


function showModal() {
    var modalbox = $(".modalbox");
    modalbox.overlay({
        mask: {
            color: standardDialogMask,
            top: standardDialogTop,
            loadSpeed: 0,
            opacity: 0.9
        },
        speed: 0,
        fixed: false
    });
    if (modalbox.size() > 0) {
        modalbox.first().data("overlay").load();
    }
}
function hideFlashMessages(event) {
    if (event !== undefined)
        clearTimeout(event);
    $(".flashmsgbox").slideUp(800, function() {
        $(this).children().remove();
    });
}

function prepareEditor(textarea) {
    return textarea.tinymce({
        script_url: '/tiny_mce/tiny_mce.js',
        theme: "advanced",
        theme_advanced_toolbar_location: "top",
        theme_advanced_buttons1: "bold,italic,underline,separator,strikethrough,bullist,numlist,separator,undo,redo,separator,cut,copy,paste",
        theme_advanced_buttons2: "",
        convert_urls: false,
        theme_advanced_toolbar_align: "left",
        plugins: "noneditable,paste",
        valid_elements: "br,em,li,ol,p,span[style<_text-decoration: underline;_text-decoration: line-through;],strong,ul"
    });
}

standardDialogMask = "#333333";
standardDialogTop = "10%";

$.tools.validator.addEffect("failWithFlashOnEmail", function(errors, event) {
    var invalidEmailErrMsg = localization.emptyOrNotValidEmail;
    var emptyEmailErrMsg = localization.youMustSetParnerEmail;
    $.each(errors, function(index, error) {
        var input = $(error.input);
        input.parents('.inputWrapper').addClass("redborder");
        if (!input.hasClass("noflash")) {
            FlashMessages.add({content: input.val().length > 0?invalidEmailErrMsg:emptyEmailErrMsg, color: "red"});
            input.addClass("noflash");
        }
    });
}, function(inputs) {
    $(inputs).parents('.inputWrapper').removeClass("redborder");
});

function swedishList(list) {
    var res = strong(list[0]);
    for (i = 1; i < list.length; i++) {
        if (i == list.length - 1) {
            res += " och " + strong(list[i]);
        } else {
            res += ", " + strong(list[i]);
        }
    }
    return res;
}

function strong(l) {
    return "<strong>" + l + "</strong>";
}

function showStep1() {
    $('#step1select').addClass("current");
    $('#step2select').removeClass("current");
    $('#step3select').removeClass("current");
    $('#signStep1Content').show();
    $('#signStep2Content').hide();
    $('#signStep3Content').hide();
    $('#signStepsNextButton').show();
    return false;
}

function showStep2() {
    $('#step1select').removeClass("current");
    $('#step2select').addClass("current");
    $('#step3select').removeClass("current");
    $('#signStep1Content').hide();
    $('#signStep2Content').show();
    $('#signStep3Content').hide();
    $('#signStepsNextButton').show();

    resizeDesignBar();

    return false;
}

function showStep3() {
    $('#step1select').removeClass("current");
    $('#step2select').removeClass("current");
    $('#step3select').addClass("current");
    $('#signStep1Content').hide();
    $('#signStep2Content').hide();
    $('#signStep3Content').show();
    $('#signStepsNextButton').hide();
    console.log("here");
    showProperSignButtons();
    return false;
}

function nextStep() {
    console.log("next step");
    if ($('#signStep1Content').is(':visible')) {
        showStep2();
    } else if ($('#signStep2Content').is(':visible')) {
        showStep3();
    }
    return false;
}

function checkPersonPaneMode() {
    var personpane = $('#personpane');
    var signStepsBody = $("#signStepsBody");

    if (personpane.children().size() > 2) {
        signStepsBody.removeClass("personPaneSmallNumberMode");
        signStepsBody.addClass("personPaneLargeNumberMode");
    } else {
        signStepsBody.addClass("personPaneSmallNumberMode");
        signStepsBody.removeClass("personPaneLargeNumberMode");
    }
}

$(document).ready(function() {
    $('#step1select a').click(showStep1);
    $('#step2select a').click(showStep2);
    $('#step3select a').click(showStep3);
    $('#signStepsNextButton').click(nextStep);

    $('a', '#peopleList').live('click', function() {
        var li = $(this).parent();
        var ol = li.parent();
        var idx = ol.children().index(li);
        var children = $('#personpane').children();
        children.filter(':not(:eq(' + idx + '))').removeClass("currentPerson");
        children.filter(':eq(' + idx + ')').addClass("currentPerson");
        resizeDesignBar();
        return false;
    });

    $('#delSignatory').click(function() {
        var personpane = $('#personpane');
        var children = personpane.children();
        var child = children.filter('.currentPerson');
        if (child.hasClass("authordetails")) {
            return false;
        }
        var idx = children.index(child);

        //console.log(child);
        var sigid = getHiddenField(child, "sigid");

        //console.log("removing signatory with id: " + sigid);
        detachFieldsForSigID(sigid);
        child.remove();

        var csvsigindex = personpane.closest("form").find("input[type='hidden'][name='csvsigindex']");
        if (idx == csvsigindex.attr("value")) {
            personpane.closest("form").find("input[type='hidden'][name='csvsigindex']").removeAttr("value");
        }

        var li = $("#peopleList li:eq(" + idx + ")"),
        signorderlisttext = li.find(".signorderlist").text();
        li.remove();

        if (signorderlisttext !== "-")
            // non-signatory
            removeLastSigningOrderPosition();
        if (signingOrderEnabled)
            updatePeopleListSignOrder();

        var newidx = idx;
        if (newidx >= $('#personpane').children().size()) {
            newidx = $('#personpane').children().size() - 1;
        }

        personpane.children(".persondetails:eq(" + newidx + ")").addClass("currentPerson");
        renumberParts();
        checkPersonPaneMode();
        resizeDesignBar();
    });
    $("input[name='signatoryfstname'], input[name='signatorysndname']", "#personpane").live('change keyup', function() {
        var person = $(this).parents(".persondetails"),
        fstname = $("input[name='signatoryfstname']", person),
        sndname = $("input[name='signatorysndname']", person),
        signorder = $(".signorder", person),
        role = $("input[name='signatoryrole']", person);
        if (fstname.hasClass("grayed"))
            fstname = "";
        else
            fstname = fstname.val();
        if (sndname.hasClass("grayed"))
            sndname = "";
        else
            sndname = sndname.val();
        var val = fstname + " " + sndname;
        var div = $(this).parentsUntil("#personpane").last();
        var idx = div.parent().children().index(div);
        if (idx < 0) {
            return;
        }
        if (fstname == "" && sndname == "") {
            val = "("+  localization.noNamePerson +")";
        }
        if (isMultiPartElem($(this))) {
            val = localization.multipleSignatory;
        }
        $('#peopleList li:eq(' + idx + ') a').text(val).append(newSignOrderListElement(role.val() == "signatory" ? signorder.val() : "-"));
    });
    $('form.requestAccount').submit(function() {
        if (!emailFieldsValidation($("input[type='email']", $(this))))
            return false;
    });
});

function noMultiParts(elems) {
    return elems.filter(function() {
        return ! isMultiPartElem($(this));
    });
}

function isMultiPartElem(elem) {
    var div = elem.closest(".persondetails");
    return div.hasClass("multipart");
}

/*
 * The link to add a signatory.
 *  - add a new signatory to #personpane
 *  - make the last one the .currentPerson
 *  - check and possibly change the mode (2 person/list mode)
 *  - Renumber all of the parts
 *  - Enable info text for the new part
 *  - Remove the .redborder from the addSignatory button
 *  - Remove the .redborder from the author's man button
 *  - Disable more event processing
 */
safeReady(function() {
    var addsignatory = $('#addSignatory');
    var personpane = $('#personpane');
    var authorman = $(".authordetails .man");
    // where the red border appears for
    // addsig button
    var liplus = $("li.plus");

    addsignatory.click(function() {
        signatoryToHTML(false, newsignatory());
        var children = personpane.children();
        var newone = children.removeClass("currentPerson").last().addClass("currentPerson");
        checkPersonPaneMode();

        renumberParts();
        addSigningOrderPosition();

        enableInfoTextOnce(newone);
        liplus.removeClass("redborder");
        authorman.removeClass("redborder");

        resizeDesignBar();
        return false;
    });
});

function renumberParts() {
    updateCsvSigIndex();

    console.log("renumber parts");
    var persondetails = $("#personpane .persondetails");

    var idx = 1;
    persondetails.each(function() {
        var authorrole = $(this).find("input:radio[value='signatory']:checked");
        var signatoryrole = $(this).find("input:radio[value='signatory']:checked");
        var isauthor  = $(this).hasClass("authordetails");
        var isSignatory = (authorrole.length + signatoryrole.length) > 0;
        var isAuthor = $(this).hasClass("authordetails");
        var isMultiPart = isMultiPartElem($(this));
        if (isMultiPart) {
            console.log("is multipart");
            $(this).find(".partnumber").text(localization.multipleSignatory.toUpperCase());
        }

        // I'm leaving the following as a stub in case we want
        // different logic for the author as signatory, which I
        // suspect is true.
        else if (isAuthor && isSignatory) {
            $(this).find(".partnumber").text(localization.contractSignatory(idx).toUpperCase());
            idx = idx + 1;
        } else if (isAuthor) {
            var text = localization.nonsignatory.toUpperCase();
            $(this).find(".partnumber").text(text);
        } else if (isSignatory) {
            $(this).find(".partnumber").text(localization.contractSignatory(idx).toUpperCase());
            idx = idx + 1;
        } else {
            var text = localization.nonsignatory.toUpperCase();
            $(this).find(".partnumber").text(text);
        }
    });
}

function updateCsvSigIndex() {
    var input = $("form").find("input[type='hidden'][name='csvsigindex']");
    var multipart = $("#personpane .multipart");
    if (multipart.length < 1) {
        input.removeAttr("value");
    } else {
        var idx = multipart.parent().children().index(multipart);
        input.attr("value", idx);
    }
}

/*
 * When the author selects signatory, we have to
 * remove the redborder for the validation error
 * where there is only zero signatories.
 */
safeReady(function() {
    var authorman = $(".authordetails .man");
    // where the red border appears for
    // addsig button
    var liplus = $("li.plus");
    $(".partyrole input", "#personpane").live("change", function() {
        if ($(this).attr("checked")) {
            authorman.removeClass('redborder');
            liplus.removeClass('redborder');
            renumberParts();
        }
    });
});

var signStepsContainer = null;
var signStepsWrapper = null;

safeReady(function() {
    signStepsContainer = $('#signStepsContainer');
    signStepsWrapper = $('#signStepsWrapper');
});

function resizeDesignBar() {
    if (signStepsContainer && signStepsWrapper) {
        if (!signStepsContainer.hasClass("fixed")) {
            signStepsWrapper.height(signStepsContainer.height());
        }
    }
}

safeReady(function() {
    $("#loadingdialog").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        resizable: false,
        //    onClose: function(e){ return false; },
        closeOnClick: false,
        closeOnEsc: false,
        load: false,
        fixed:false
    });
});

function displayLoadingOverlay(message) {
    $("#loadingmessage").html(message);
    $("#loadingdialog").overlay({
        fixed:false
    }).load();
}

function closeLoadingOverlay() {
    $("#loadingdialog").overlay().close();
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(nameEQ) == 0) {
            return c.substring(nameEQ.length);
        }
    }
    return null;
}

/**
 * For Cross-Site Request Forgery (CSRF) Attacks
 * 1. Grab the cookie in Javascript, which protects
 *    against cross-domain attacks.
 * 2. Cram it into a form before it submits.
 * 3. This must be checked on the server.
 *
 * NOTE: This only protects againsts form submits. Links
 *   do not get protected by this code.
 */
safeReady(function() {
    $("form").live('submit', function() {
        var form = $(this);
        var tokenTag = $('<input type="hidden" name="xtoken">');
        var token = readCookie("xtoken");
        if (token && token.length > 0) {
            console.log(token);
            tokenTag.attr("value", token);
            form.append(tokenTag);
        }
    });
});

// add attachment images
safeReady(function() {
    if (typeof(window.documentid) != "undefined") {
        var myurl;
        if (typeof(window.siglinkid) != "undefined" && typeof(window.sigmagichash) != "undefined")
            myurl = "/sv/" + documentid + "/" + siglinkid + "/" + sigmagichash;
        else
            myurl = "/dv/" + documentid;
        $.ajax({
            url: myurl,
            success: function(data) {
                var content = $(data);
                var errormsg = content.find(".errormsg");
                if (errormsg.length > 0) {

                      Confirmation.popup({
                        submit : new Submit({url: '/d' }) ,
                        title : localization.problemWithPDF,
                        content: errormsg.text(),
                        cantCancel : true,
                        acceptColor: "red",
                        acceptText : "Back to Archive"
                    });

                } else {
                    $('#attachmentbox').html(content);
                }
            },
            error: repeatForeverWithDelay(1000)
        });
    }
});

safeReady(function() {
    var doctab = $("#documenttabview");
    var doctabli = $("#doctab");
    var atttab = $("#attachmenttabview");
    var atttabli = $("#atttab");
    $("#doctablink").click(function() {
        atttab.hide();
        doctab.show();
        doctabli.addClass("active");
        atttabli.removeClass("active");
        return false;
    });
    $("#attachtablink").click(function() {
        doctab.hide();
        atttab.show();
        doctabli.removeClass("active");
        atttabli.addClass("active");
        return false;
    });
});

safeReady(function() {
    var attachmenttable = $("table#sigattachmenttable");
    $("a.minus", attachmenttable).live("click", function() {
        $(this).parents("tr").remove();
        return false;
    });
    $("a.remove", attachmenttable).live("click", function() {
        $(this).parents("li").remove();
        return false;
    });
});

safeReady(function() {
    $("form.requestAccount").submit(function() {
         if ( window._gaq != undefined ) _gaq.push(['_trackPageview', '/mal/skapa-konto']);
    });
});

safeReady(function() {
    $("#toscontainer").css("position", "absolute");
});


safeReady(function() {
    $(".campaign-play-video").click(function(){
        window.open('http://player.vimeo.com/video/33833466','','scrollbars=no,menubar=no,height=500,width=700,resizable=yes,toolbar=no,location=no,status=no');
        return false;
    })
});
/*
 * Function to deal with the situation when page is very big (more then 3000px)
 * So when basiclly all page, normally seen as 10 or more pages are interpreted
 * by the browser as one big page. This happends on iPod or in embedded frames,
 *
 * Then we want to put overlay near the button that activates it
 */

function saveOverlay(d, o) {
    $(d).click(function() {
        if ($(this).data("overlay") == undefined) {
            if ($(window).height() < 1650)
            {
                o.top = standardDialogTop;
            }
            else
            {
                o.top = $(this).offset().top - $(document).scrollTop() - 400;
            }
            o.load = true;
            o.fixed = false;
            $(this).overlay(o);
        }
        return false;
    });
}


safeReady(function() {
    $(document).unload(function() {
        $("input").each(function() {
            var i = $(this);
            if(i.val().trim() === i.attr('infotext').trim()) {
                i.val("");
            }
        });
    });
});

safeReady(function () {
    $(".deleteSigAttachment").click(function() {
        console.log("doing it");
        $(this).closest("td").find("form").submit();
        return false;
    });
});

safeReady(function() {
    $(".dateinput").datepicker();
});

safeReady(function() {
    $(".openmodal").overlay({
        mask: standardDialogMask,
        top: standardDialogTop,
        fixed: false
    });
});

safeReady(function() {
    var oldsignableform = $(".jsuploadform");
    var signableform;
    $(".jsuploadform").ajaxForm({
        success: function(d) {
            if(d)
                window.location.href = d.designurl;
        },
        error: function(a, b) {
            LoadingDialog.close();
            if(b === 'parsererror')
                FlashMessages.add({content: localization.fileTooLarge, color: "red"});
            else
                FlashMessages.add({content: localization.couldNotUpload, color: "red"});
            oldsignableform.replaceWith(signableform);
            oldsignableform = signableform;
            signableform = signableform.clone(true);
        },
        dataType: 'json'
    });
    // this is kind of a hack. need more backbone!
    signableform = oldsignableform.clone(true);
});