// Stand 1.6.2012
(function ($, Modernizr, console) {

    // stellt sicher, dass forms.js nur einmal ausgeführt wird
    if (window.isFormsLoaded) return;
    window.isFormsLoaded = true;

    // Bricht ab, wenn die Abhängigkeiten nicht erfüllt sind
    $ || console.error("forms.js benötigt jQuery");
    Modernizr || console.error("forms.js benötigt Modernizr");
    if (!$ || !Modernizr) return;


    /**
    * Hängt Event Handler an eine Liste von Radio Buttons.
    *  @param param Index des Radiobuttons, oder Index-Array
    *  @param handler Funktion die ausgeführt wird, wenn der Radiobutton selektiert wird, oder beim Laden der Seite selektiert ist
    *  @param elseHandler Funktion die ausgeführt wird, wenn ein anderer Radiobutton selektiert wird, oder beim Laden der Seite selektiert ist.
    *
    *  Die Handler erhalten ein Boolean als Argument, das false ist, wenn der Handler beim Laden der Seite ausgeführt wird. Darüber kann geprüft werden
    *  ob Animationen ausgeführt werden sollten.
    *
    *  Beispiel:
    *    1. $(".my-radio-list").radioChecked(0, function(animated) { alert("hallo welt"); });
    *    2. $(".my-radio-list").radioChecked([0, 2], function(animated) {
    *           $(".my-div").slideDown(animated ? "fast" : 0);
    *       }, function(animated) {
    *           $(".my-div").slideUp(animated ? "fast" : 0);
    *       }
    **/
    $.fn.radioChecked = function (param, handler, elseHandler, nonSelectedHandler) {
        var hasSelection = !!(this.find(":radio:checked").length);
        return this.find(":radio").each(function (index) {
            var $this = $(this);
            var changeFunction = function (animated) {
                animated = animated !== false;
                if ($this.is(":checked")) {
                    if (param == index
                     || ($.isArray(param) && $.inArray(index, param) > -1)
                     || param == $this.val()
                     || ($.isArray(param) && $.inArray($this.val(), param) > -1)) {
                        handler(animated, $this);
                    } else {
                        if (typeof elseHandler == "function") elseHandler(animated, $this);
                    }
                }
            };
            $this.change(changeFunction);
            if (hasSelection)
                changeFunction(false);
            if (!hasSelection && typeof (nonSelectedHandler) == "function")
                nonSelectedHandler(false);
        });
    };

    /**
    * Stellt sicher, dass nur asp.net Validatoren selektiert werden.
    * Beispiel:
    *   var validators = $("span.failing").validators();
    **/
    $.fn.validators = function () {
        return this.filter("span").filter(function () {
            return !$(this).children().length;
        });
    };

    $.fn.checkboxChecked = function (handler, elseHandler) {
        return this.each(function () {
            var $this = $(this);
            if (!$this.is(":checkbox")) {
                $this.find(":checkbox").checkboxChecked(handler, elseHandler);
                return $this;
            } else {
                var changeFunction = function (animated) {
                    animated = animated !== false;
                    if ($this.is(":checked")) {
                        handler(animated);
                    } else if (typeof elseHandler == "function") {
                        elseHandler(animated);
                    }
                }
                $this.change(changeFunction);
                changeFunction(false);
            }
        });
    };

    /**
    * Analog zu Radio Checked für Dropdown Listen
    */
    $.fn.optionSelected = function (param, handler, elseHandler) {
        var select = this;
        return this.find("option").each(function (index) {
            var $this = $(this);
            var changeFunction = function (animated) {
                animated = animated !== false;
                if ($this.is(":selected")) {
                    if (param == $this.val()
                         || param == index
                         || ($.isArray(param) && $.inArray(index, param) > -1)
                         || ($.isArray(param) && $.inArray($this.val(), param) > -1)) {
                        handler(animated);
                    } else {
                        if (typeof elseHandler == "function") elseHandler(animated);
                    }
                }
            };
            changeFunction(false);
            select.change(changeFunction);
        });
    }

    /**
    * Versucht automatisch zu erkennen ob ein Quicknavitem 
    * zweispaltig ist oder nur einspaltig
    **/

    /**
    * Passt die Darstellung eines file-Input-Elements an
    * Beispiel:
    *   $("input:file").uploadControl();
    **/
    $.fn.uploadControl = function () {
        return this.filter("input:file").each(function () {
            var $this = $(this);
            var container = $this.wrap("<span class='upload-control'>").parent();
            var value = $("<span>", { "class": "value" }).prependTo(container).text("Keine ausgewählt");
            var button = $("<label>", { "for": $this.attr("id"), "class": "button button-grey float-left" }).text($this.data("buttonlabel") || "Datei auswählen").prependTo(container);

            if (!Modernizr.borderradius) {
                button.append("<span />");
            }

            if ($.browser.mozilla) {
                button.click(function () {
                    $this.click();
                });
            }
            if (window.navigator) {

                $this.addClass("file-input-overlay").width(button.outerWidth()).fadeTo(0, 0);
            }

            $this.change(function () {
                var c = $this.val().split("\\");
                if (c.length)
                    value.text(c[c.length - 1]);
            });

        });
    }



    /**
    * Javascipt für das Uplaod iFrame
    **/
    $.fn.uploadPage = function () {
        var origin = location.origin || location.protocol + "//" + location.hostname + (location.port ? ":" + location.port : "");
        return this.each(function () {
            if (parent.window == window) return;
            $(document).on("form-error", function (event, error) {
                error.origin = window.location.href;
                parent.window.jQuery(parent.window.document).trigger("form-error", error);
            });
            var uploaded = false;
            $(".upload-submit").click(function (e) {
                $(".upload-submit").fadeOut("fast");
                var busyindicator = $(".upload-ui").busy({ img: '/meineversicherungen/L0/images/busy.gif', position: 'right', hide: false, offset: -55 });
            });
            $(window).on("unload", function (e) {
                parent.window.jQuery(parent.window.document).trigger("iframe-submit", window.location.href);
            });
            if ($(".upload-delete").length) {
                parent.window.jQuery(parent.window.document).trigger("file-selected", window.location.href);
            } else {
                parent.window.jQuery(parent.window.document).trigger("file-not-selected", window.location.href);
            }
        });

    };

    $.fn.uploadFrame = function () {
        return this.each(function () {
            var $this = $(this);
            $(document).on("file-selected", function (event, url) {
                if ($this.prop("src") == url) {
                    $this.trigger("selected");
                }
            });
            $(document).on("file-not-selected", function (event, url) {
                if ($this.prop("src") == url) {
                    $this.trigger("not-selected");
                }
            });
        });
    }

    /**
    * Aktiviert Asp.net Validatoren. Anwendbar auf Controls und die Validatoren selbst
    * Achtung: Es wird nur die Clientvalidierung aktiviert.
    *   $("input.tbMail").enableValidator();
    *   $("span.failing").enableValidator();
    * Auch rekursiv anwendbar, dann aber nicht direkt auf einen Validator und nur auf aktivierte Elemente (:enabled)
    *   $("div.toggle-container").enableValidator(true);
    **/
    $.fn.enableValidator = function (recursive) {
        var controlsToProcess = $(this);

        if (recursive)
            controlsToProcess = $(this).find("*[data-controltovalidate!=undefinded]:enabled").not("option").add($(this));

        return controlsToProcess.each(function () {
            if ($(this).data("controltovalidate")) {
                this.enabled = true;
                window.ValidatorUpdateDisplay(this);
            } else {
                $('span.failing[data-controltovalidate="' + $(this).attr("id") + '"]').enableValidator();
            }
        });
    }
    /**
    * Deaktiviert Asp.net Validatoren. Anwendbar auf Controls und die Validatoren selbst
    * Achtung: Es wird nur die Clientvalidierung deaktiviert. Serverseitig wird immernoch validiert
    *   $("input.tbMail").disableValidator();
    *   $("span.failing").disableValidator();
    * Auch rekursiv anwendbar, dann aber nicht direkt auf einen Validator
    *   $("div.toggle-container").disableValidator(true);
    **/
    $.fn.disableValidator = function (recursive) {
        var controlsToProcess = $(this);

        if (recursive)
            controlsToProcess = $(this).find("*[data-controltovalidate!=undefinded]").not("option").add($(this));

        return controlsToProcess.each(function () {
            if ($(this).data("controltovalidate")) {
                this.enabled = false;
                window.ValidatorUpdateDisplay(this);
            } else {
                $('span.failing[data-controltovalidate="' + $(this).attr("id") + '"]').disableValidator();
            }
        });
    }

    // deprecated
    function toolTip() {
        console.error("Achtung, die toolTip() Funktion ist überholt und sollte nicht mehr verwendet werden");
        var defaultText = 'Standardtext bei leerem Infofeld';
        var tooltip = $('#form-tooltip');
        var XOffset = 15;
        var YOffset = 25;

        $('.inactive').each(function () {
            // MouseOver Handler
            $(this).mouseover(function (e) {
                // Text aktualisieren
                var elementValue = $(this).find('.text-padding').html();
                if (elementValue.length > 0) {
                    tooltip.html(elementValue);
                }
                // Element einblenden
                tooltip.css('top', e.pageY + YOffset + 200);
                tooltip.css('left', e.pageX + XOffset);
                tooltip.css('display', 'block');
                tooltip.stop().animate(
                    { opacity: 1, top: '-=200' },
                    300,
                    function () { }
                    );
            });

            // MouseMove Handler
            $(this).mousemove(function (e) {
                if (!tooltip.is(':animated')) {
                    tooltip.css('top', e.pageY + YOffset);
                    tooltip.css('left', e.pageX + XOffset);
                }
            });

            $(this).mouseout(function () {
                tooltip.stop().animate(
                    { opacity: 0, top: '+=200' },
                    300,
                    function () {
                        tooltip.css('display', 'none');
                        tooltip.html(defaultText);
                    });

            });
        });
    }

    /**
    * Verantwortlich für die Darstellung von Infobuttons
    * Liest den enthaltenen Text ein und zeigt ihn bei Mouseover im Ziel Element an
    * @param targetId Selektor für das Zielelement
    **/
    $.fn.infoButton = function (targetId) {
        var activeButton;   // Nur ein zurzeit aktiver Button
        var removeLast = function () { };

        return this.each(function () { //Infobuttons im IFrame
            var text = $(this).data("content") || $(this).html(); $(this).empty();
            var labelText = $(this).parent().text();

            $(this).hover(function () {
                if (activeButton != $(this) && activeButton != null) {
                    activeButton.toggleClass('active');
                }
                activeButton = $(this);
                activeButton.toggleClass('active');

                // Erzeuge Message
                var message = $("<div>", { "class": "info-message" });
                var infoTarget = $("<div>", { "class": "info-target" }).text(labelText).appendTo(message);
                var infoText = $("<div>", { "class": "info-text" }).html(text).appendTo(message);

                // Entferne letzte Message
                removeLast();
                $(targetId).append(message);

                // Positioniert Nachricht innerhalb der Infospalte
                if (!$(this).is(".no-position") || true) {
                    var targetHeight = $(targetId).height();
                    var contentHeight = message.height();
                    var topInInfobox = message.position().top || 0;
                    var topOffsetButton = $(this).offset().top || 0;
                    topOffsetButton += (message.siblings(":visible").length ? 20 : 0);
                    var topOffsetInfo = 0;
                    try {
                        topOffsetInfo = message.parents("aside").offset().top || 0;
                    } catch (e) { }
                    var topOffsetMessage = topOffsetButton - topOffsetInfo - topInInfobox;
                    var topOffsetMessageMax = targetHeight - contentHeight;
                    if (topOffsetMessage > topOffsetMessageMax) {
                        message.css({ position: "absolute", bottom: 5 });
                    } else if (topOffsetMessageMax - 32 >= 0) {
                        if (topOffsetMessage < 50){
                             message.css({ position: "absolute", top: 44 });
                        }
                        else{   
                             message.css({ position: "absolute", top: topOffsetMessage });
                         }
                    }
                }
                // Neue Funktion, die die Nachricht wieder entfernt, wird gespeichert
                removeLast = function () {
                    message.remove();
                }
            });
        });
    }

    $.fn.scrollTo = function (target, offsetCorrection) {
        if (typeof target == "object") {
            target = target.offset().top + offsetCorrection;
        }
        this.animate({
            scrollTop: target
        }, 500);
        return this;
    }

    $.scrollTo = function (target) {
        if ($(".ergo-form .page").css("position") == "absolute") {
            $(".ergo-form .page").scrollTo(target, -$(".ergo-form .page").offset().top);
        } else {
            $("html,body").scrollTo(target);
        }
    }

    /**
    * Bedingter verzögerter Aufruf:
    * Beispiel:
    *   delay(function() { $('div').remove(); }, 200).unless(x > 3);
    **/
    function delay(fn, time) {
        return {
            unless: function (condition) {
                if (condition) { fn(); }
                else { setTimeout(fn, time); }
            }
        };
    }

    /**
    * Client Validierung
    **/

    /**
    * Stellt die Errorbox dar.
    * Fehler werden über Document Events bei der Validierung übermittelt
    **/
    $.fn.errorBox = function (param) {
        return this.each(function () {
            var $this = $(this);

            $(document).on("form-error", function (event, error) {
                var target;
                // target ist das zielcontrol. falls das control im iframe ist, ist das iframe das ziel
                if (error.origin) {
                    target = $("iframe").filter(function () {
                        return $(this).prop("src") == error.origin;
                    });
                } else {
                    target = error.target;
                }
                // Erzeuge Message mit Klick-Funktion
                var message = $("<p>", { "class": "message" }).appendTo($this).text(error.text).click(function () {
                    $.scrollTo(target);
                    target.focus();
                });
                $this.show();
                // verschiedene Ausblend Events
                $(document).on("iframe-submit", function (e, origin) {
                    if (origin == error.origin) {
                        message.remove();
                        if ($this.find(".message").length == 0) {
                            $this.hide();
                        }
                    }
                });
                error.validator.on("validate", function () {
                    var messagesCount = $this.find(".message").length;

                    // Delay eingebaut, damit auf den Weiter Button geklickt werden kann, 
                    // bevor die Nachricht verschwindet
                    delay(function () {
                        message.remove();
                        if ($this.find(".message").length == 0) {
                            $this.hide();
                        }
                    }, 300).unless(messagesCount > 1);

                });
            });

            if (param == "hide") {
                $this.empty();
                $this.hide();
            }
            if ($this.find(".message").length) {
                $this.show();
            } else {
                $this.hide();
            }
        });
    }

    $.fn.fixPlaceHolders = function () {
        return Modernizr.input.placeholder ? this : this.each(function () {
            var $this = $(this);
            var placeholder = $this.attr("placeholder");

            $this.on("focus", function () {
                if ($this.val() == placeholder)
                    $this.val("").removeClass("placeholder");
            });
            $this.on("blur fixPlaceHolders.init", function () {
                if ($this.val() == "")
                    $this.val(placeholder).addClass("placeholder");
            });
            $(window).on("before-validate", function () {
                if ($this.val() == placeholder)
                    $this.val("");
            });
            $(window).on("validation-failed", function () {
                if ($this.is(".placeholder"))
                    $this.val(placeholder);
            });
            $this.trigger("fixPlaceHolders.init");
        });
    }

    /**
    * Gibt das erste sichtbare Kund-Element zurück
    **/
    $.fn.firstVisibleChild = function (selector) {
        selector = selector || "*";
        return this.children(":visible").filter(selector).eq(0);
    }

    /**
    * Ersetzt die SlideUp Funktion, sorgt für automatisches 
    * deaktivieren von Validatoren und sendet jQuery Events
    **/
    var _oldSlideUp = $.fn.slideUp;
    $.fn.slideUp = function (speed, callback) {
        this.find("span.failing").validators().each(function () {
            $(this).data("tempdisabled", this.enabled === false ? false : true);
            $(this).disableValidator();
        });
        this.each(function () {
            $(this).triggerHandler("slideUp");
        });
        return _oldSlideUp.call(this, speed, callback);
    }

    /**
    * Ersetzt die SlideDown Funktion, sorgt für automatisches 
    * aktivieren von Validatoren und sendet jQuery Events
    **/
    var _oldSlideDown = $.fn.slideDown;
    $.fn.slideDown = function (speed, callback) {
        this.find("span.failing").validators().each(function () {
            if ($(this).data("tempdisabled")) {
                $(this).enableValidator();
            }
        });
        this.each(function () {
            $(this).triggerHandler("slideDown");
        });
        return _oldSlideDown.call(this, speed, callback);
    }

    // Checkbox Client Validator
    window.ValidateCheckbox = function (source, arguments) {
        var c2v = $("#" + $(source).data("controltovalidate"));
        var checkedCheckboxes = c2v.find("input:checkbox:checked");
        arguments.IsValid = checkedCheckboxes.is(":checked") || c2v.is(":checked");
    };

    $.fn.restoreScrollPosition = function () {
        return this.each(function () {
            var $this = $(this);
            var offset = $this.persistant("restore-scroll-position-offset");
            if (offset) {
                $(document).scrollTop(offset);
                $this.persistant("restore-scroll-position-offset", null);
            }
            return $this.click(function () {
                $this.persistant("restore-scroll-position-offset", $(document).scrollTop());
                return true;
            });
        });
    }

    $(function () {

        //TODO: [KB] Workaround entfernen, wenn nicht mehr notwendig.
        $("configswitch").css("display", "block");

        // Fix für Formulare im Layer, 
        // bei der sonst automatisch Abstand für die Quicknav gelassen wird
        if (!$(".quicknav").length) {
            $(".ergo-form").addClass("no-quicknav");
        }

        $(".upload-page").uploadPage();
        $("iframe.upload-frame").uploadFrame();
        $(".error-box").errorBox();
        $("input:file.upload").uploadControl();
        $(".infobutton").infoButton(".info .content");
        $(".ergo-form .left-container").firstVisibleChild().css("margin-top", 0);
        $(".restore-scroll-position").restoreScrollPosition();
        $("input[placeholder]").fixPlaceHolders();

        // Überschreibe Standard Validierungsdarstellung
        window.ValidatorUpdateDisplay = function (val) {
            var validator = $(val);
            var controlId = validator.data("controltovalidate");
            var control = $("#" + controlId);

            validator.trigger("validate");

            var invalidValidators = control.data("invalid");
            if (!invalidValidators) invalidValidators = [];

            if (val.enabled === false) {
                val.isvalid = true;
            }

            // Umgang mit Server Validatoren
            if (!val.evaluationfunction)
                val.isvalid = validator.css("visibility") === "hidden"


            if (val.isvalid) {
                var index = $.inArray(val, invalidValidators);
                if (index > -1) {
                    invalidValidators.splice(index, 1);
                }
            } else if ($.inArray(val, invalidValidators) == -1) {
                invalidValidators.push(val);
                control.data("invalid", invalidValidators);
            }
            if (invalidValidators.length === 0) {
                if (control.parents(".mark-error").length) {
                    control.parents(".mark-error").removeClass(validator.attr("class"));
                } else {
                    control.removeClass(validator.attr("class"));
                }
            } else if (!val.isvalid) {
                if (control.parents(".mark-error").length) {
                    control.parents(".mark-error").addClass(validator.attr("class"));
                } else {
                    control.addClass(validator.attr("class"));
                }



                $(document).trigger("form-error", { target: control, validator: validator, text: validator.text() });
            }
        }
        // Leert die Errorbox vor Start der Validierung
        if (window.Page_ClientValidate) {
            var oldValidate = window.Page_ClientValidate;
            window.Page_ClientValidate = function (group) {
                // Disable Validators for Disabled Sections
                $(window).trigger("before-validate");
                $(":hidden span.failing").validators().each(function () {
                    $(this).data("tempdisabled", this.enabled === false ? false : true);
                    $(this).disableValidator();
                });
                oldValidate(group == "" ? undefined : group);
                $(":hidden span.failing").validators().each(function () {
                    if ($(this).data("tempdisabled")) {
                        $(this).enableValidator();
                    }
                });
                if ($(".error-box").find("p:visible").length) {
                    $(window).trigger("validation-failed");
                    $.scrollTo(0);
                }
                $(window).trigger("after-validate");
            }
        }

        // Passt die Darstellung der Serverseitigen Validierung an
        $("span.failing").validators().each(function () {
            $(this).css("display", "none");
            window.ValidatorUpdateDisplay(this);
        });

        $("div.salutation").each(function () {
            var salutation = $(this),
                title, firstname,
                $title = salutation.find(".title"),
                $firstname = salutation.find(".firstname");

            salutation.find(".salutation").radioChecked(2, function () {
                // Firma ist ausgewählt
                $title.attr("disabled", true).addClass("disabled");
                title = $title.val(); $title.val("");

                $firstname.attr("disabled", true).addClass("disabled").disableValidator();
                firstname = $firstname.val(); $firstname.val("");

                var label = $firstname.siblings("label");
                label.text(label.text().replace("*", ""));

            }, function () {
                // Herr oder Frau ist ausgewählt
                $title.attr("disabled", false).removeClass("disabled");
                if (!$title.val() && title) $title.val(title), title = null;

                $firstname.attr("disabled", false).removeClass("disabled").enableValidator()
                if (!$firstname.val() && firstname) $firstname.val(firstname), firstname = null;

                var label = $firstname.siblings("label");
                label.text(label.text().replace("*", ""));
                if (!$firstname.is(".optional")) label.text(label.text() + "*");

            }, function () {
                // Nichts ist ausgewählt
                $firstname.enableValidator();
            });
        });

        $(".ergo-form .button-navigation a").each(function () {
            var text = $(this).find("span").remove().text();
            if (text)
                $(this).text(text);
            if (document.documentMode <= 8 || !Modernizr.borderradius) {
                $(this).append($("<span>"));
            }
        });

        $(".focus").focus(); // RN

    });

})(window.jQuery, window.Modernizr, window.console || { error: function () { }, log: function () { } });