/// <reference path="../../../doc/jquery-1.9.1-vsdoc" />
/// <reference path="../../utils/1.0.2.2/Utils.js" />

/**
* Version: 4.0.6.6
* Build Date: March-19-2014
* Copyright (c) 2006-2012
* License: Licensed under The MIT License.
*/
var sabis = {
    version: "4.0.6.7",
    createDate: "May 04 2012",
    modifiedDate: "June-13-2015",
    currentSkin: "skins/default/",
    popupCte: {
        perspective: "200px",
        rotate: "3",
        speed: 500,
        easing: "snap",
        position: "c", //tl, tr, br, bl, c (top left, top right, bottom right, bottom left, center)
        effects: {
            fadeInScale: "fade-in-scale",
            slideInBottom: "slide-in-bottom",
            flip3D: "flip-3d",
            letMeIn: "let-me-in",
            slipFromTop: "slip-from-top",
            slit3D: "slit-3d",
            sign3D: "sign-3d",
            default: "slip-from-top"
        }
    },
    vroot: "",
    overlaySelector: ".lw-alert-overlay",
    _pageInit: [],
    _pageLoad: [],
    _delayedFunctions: [],
    _delayedFunctionsCall: 100,
    siteName: "",
    popups: [],
    utils: this.sabis ? this.sabis.utils : null,
    removeOverlay: null,
    overlays: 0,
    AppendInit: function (obj) {
        sabis._pageInit.push(obj);
    },
    AppendLoad: function (obj) {
        sabis._pageLoad.push(obj);
    },
    Delay: function (obj) {
        var delay = arguments[1] || sabis._delayedFunctionsCall;
        sabis._delayedFunctions.push({ fun: obj, delay: delay });
    },
    load: function () {
        for (var i = 0; i < sabis._pageLoad.length; i++)
            if ("function" === typeof sabis._pageLoad[i])
                sabis._pageLoad[i]();


        for (var i = 0; i < sabis._delayedFunctions.length; i++) {
            if ("function" === typeof sabis._delayedFunctions[i].fun) {
                setTimeout(sabis._delayedFunctions[i].fun, sabis._delayedFunctions[i].delay);
            }
        }
    },
    init: function (vroot, $, siteName, Editable) {
        $(window).bind("load", sabis.load);

        sabis.vroot = vroot;
        sabis.siteName = siteName.replace("&reg;", "®").replace("®", "<sup>®</sup>");
        sabis.Editable = Editable;
        sabis._init($);
        try {
            sabis._initSiteSearch();
        } catch (e) { }

        sabis.lazyLoadImages();

        sabis.isMobile = (/android|webos|iphone|ipad|ipod|blackberry/i.test(navigator.userAgent.toLowerCase()));

        function includeJS(jsFile) {
            $('head').append($('<script>').attr('type', 'text/javascript').attr('src', jsFile));
        }
        if ($(".math-tex").length > 0)
            includeJS("//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML");
    },
    _init: function () {
        for (var i = 0; i < sabis._pageInit.length; i++)
            if ("function" === typeof sabis._pageInit[i])
                sabis._pageInit[i]();

        $("li:first-child").addClass("first");
        $("li:last-child").addClass("last");

        if (sabis.__pageInit && typeof sabis.__pageInit == "function") {
            sabis.__pageInit();
            delete sabis.__pageInit;
        }
    },
    SideLoad: function (func) {
        if (typeof func === "function")
            setTimeout(func, 100);
        if (sabis.__pageInit && typeof sabis.__pageInit == "function") {
            setTimeout(sabis.__pageInit, 100);
            delete sabis.__pageInit;
        }
    },
    closeOverlay: function (area) {
        var body = $(document.body);

        area = area ? area : body;
        area = area.length > 0 ? area : body;

        var overlay = area.find(sabis.overlaySelector + ":not(.lw-loader-overlay)");
        if (!overlay || overlay.length == 0)
            return;

        sabis.overlays--;
        //if (sabis.overlays <= 0)
        overlay.removeClass("overlay-visible");

        sabis.removeOverlay = setTimeout(function () {
            //	if (sabis.overlays <= 0)
            overlay.remove();
        }, 5);

        sabis.overlays = Math.max(sabis.overlays, 0);
    },
    closeLoaderOverlay: function (area) {
        var body = $(document.body);

        area = area ? area : body;
        area = area.length > 0 ? area : body;

        var overlay = area.find(".lw-loader-overlay.lw-alert-overlay");
        if (!overlay || overlay.length == 0)
            return;

        overlay.removeClass("overlay-visible");

        sabis.removeOverlay = setTimeout(function () {
            overlay.remove();
        }, 5);
    },
    showOverlay: function (area, callBack, color, action) {
        var body = $(document.body);

        area = area ? area : body;
        area = area.length > 0 ? area : body;

        var overlay = area.find(sabis.overlaySelector + ":not(.lw-loader-overlay)");

        if (!overlay || overlay.length == 0) {
            overlay = $("<div class=lw-alert-overlay />");
            overlay.appendTo(area);
        }

        overlay = area.find(sabis.overlaySelector);

        if (sabis.isMobile) {
            sabis.viewPort = { width: $(window).width(), height: $(window).height(), fullWidth: $(document).width(), fullHeight: $(document).height() };
            overlay.css({
                "position": "absolute",
                width: sabis.viewPort.fullWidth,
                height: sabis.viewPort.fullHeight
            });
        }

        if (action && "function" == typeof action)
            overlay.click(action);

        setTimeout(function () {
            overlay.addClass("overlay-visible");
        }, 10);
        if (callBack)
            setTimeout(callBack, 500);

        sabis.overlays++;
    },
    showLoaderOverlay: function (area, callBack, color, action) {
        var body = $(document.body);
        area = area ? area : body;
        area = area.length > 0 ? area : body;

        var overlay = area.find(".lw-loader-overlay.lw-alert-overlay");

        if (!overlay || overlay.length == 0) {
            overlay = $("<div class='lw-loader-overlay lw-alert-overlay' />");
            overlay.appendTo(area);
        }

        overlay = area.find(".lw-loader-overlay.lw-alert-overlay");

        if (sabis.isMobile) {
            sabis.viewPort = { width: $(window).width(), height: $(window).height(), fullWidth: $(document).width(), fullHeight: $(document).height() };
            overlay.css({
                "position": "absolute",
                width: sabis.viewPort.fullWidth,
                height: sabis.viewPort.fullHeight
            });
        }

        if (action && "function" == typeof action)
            overlay.click(action);

        setTimeout(function () {
            overlay.addClass("overlay-visible");
        }, 2);
        if (callBack)
            setTimeout(callBack, 500);
    },
    prompt: function (fields, action, callback, cssClass, cmsMode, title) {
        clearTimeout(sabis.removeOverlay);
        title = title ? title : sabis.siteName;
        var bodyFields = [];
        if (typeof fields === "string") {
            fields = [{ title: fields, name: "confirmText" }];
        }

        $.each(fields, function () {
            this.mandatory = !isOk(this.mandatory) ? "true" : this.mandatory;
            switch (this.type) {
                case "select":
                    var sel = $("<select id=\"{0}\" name=\"{0}\"  class=\"form-control\" data-mandatory=\"{1}\"/>".Format(this.name, this.mandatory));
                    if (this.src) {
                        var src = $(this.src)[0];
                        var selectedValue = null;
                        for (var i = 0; i < src.options.length; i++) {
                            sel[0].options.length++;
                            var option = sel[0].options[sel[0].options.length - 1];
                            option.text = src.options[i].text;
                            option.value = src.options[i].value;

                            if (this.value && (this.value == option.value || this.value == option.text)) {
                                selectedValue = option.value;
                                option["selected"] = "selected";
                            }
                        }
                        if (isOk(selectedValue)) {
                            sel.attr("data-selected", selectedValue);
                        }
                    }
                    bodyFields.push("<div class=row><label for=\"{1}\" class=row>{0}</label>{2}</div>".Format(this.title, this.name, sel[0].outerHTML));
                    break;
                case "file":
                    bodyFields.push("<div class=row><label for=\"{1}\">{0}</label><input id=\"{1}\" name=\"{1}\" type=\"{2}\" {3} class=\"form-control\" data-mandatory=\"{4}\"/></div>".Format(this.title, this.name, this.type, this.multiple ? " multiple" : "", this.mandatory));
                    break;
                case "textarea":
                    bodyFields.push("<div class=row><label for=\"{1}\">{0}</label><textarea id=\"{1}\" name=\"{1}\" class=\"form-control autosize\" data-mandatory=\"{2}\">{3}</textarea></div>".Format(this.title, this.name, this.mandatory, this.value ? this.value : ""));
                    break;
                case "div":
                    bodyFields.push("<div class='row prompt-description'>{0}</div>".Format(this.title));
                    break;
                case "date":
                    bodyFields.push("<div class=row><label for=\"{1}\">{0}</label><input id=\"{1}\" name=\"{1}\" type=\"text\" {3} class=\"form-control date-field\" data-mandatory=\"{4}\"/></div>".Format(this.title, this.name, this.type, this.multiple ? " multiple" : "", this.mandatory));
                    break;
                default:
                    bodyFields.push("<div class=row><label for=\"{1}\">{0}</label><input id=\"{1}\" name=\"{1}\" type=\"{2}\" {3} {5} class=\"form-control\" data-mandatory=\"{4}\" /></div>".Format(this.title, this.name, this.type, this.maxlength ? "maxlength=" + this.maxlength : "", this.mandatory, this.value ? "value='" + this.value + "'" : ""));
                    break;
            }
        });
        var message = bodyFields.join("");

        var bodyText = $("<h5>{0}<a class=close></a></h5><form><div class=\"b\">{1}</div></form>".Format(title, message));
        var windowElement = $("<div class=\"lw-alert lw-confirm form\"/>");
        if (cssClass)
            windowElement.addClass(cssClass);

        /// if cmsMode and select input make it combobox
        //if (cmsMode)
        //bodyText.children("div.b").children("select").combobox();

        var buttons = [
            {
                text: "Submit",
                className: "ok",
                action: function (e) {
                    debugger;
                    var ret = {};

                    for (var i = 0; i < fields.length; i++) {
                        var name = fields[i].name;
                        var field = windowElement.find("#" + name);
                        ret[name] = field.val();
                        if (!isOk(ret[name]) && field.data("mandatory") == true) {
                            field.addClass("lw-not-validated");
                            field[0].focus();
                            return false;
                        }
                    }

                    if (typeof action === "function") {
                        action(ret);
                        windowElement.trigger("close");
                    }
                    else {
                        var form = windowElement.find("form");

                        if (window.FormData) {
                            var fd = new FormData(form[0]);
                            var xhr = new XMLHttpRequest();

                            windowElement.data("xhr", xhr);


                            var progress = form.find(".upload-progress").length > 0 ?
                                form.find(".upload-progress") :
                                $("<div class=\"upload-progress\">\
									<span class=\"bar\"></span>	<span class=\"percentage\">Uploading: 0%</span></div>");

                            form.find(".b").append(progress);

                            xhr.upload.addEventListener("progress", function (e) {
                                var percentComplete = Math.round(e.loaded * 100 / e.total);
                                form.find(".bar").width(Math.round(form.find(".upload-progress").width() * percentComplete / 100));
                                form.find(".percentage").html("Uploading: {0}%".Format(percentComplete));
                            }, false);
                            xhr.upload.addEventListener("error", function (e) {
                                sabis.alert("An error occured: " + e.description);
                            });
                            xhr.onload = function (e) {
                                form.find(".percentage").html("Upload Complete!");

                                if (xhr.status == 200) {
                                    if (typeof callback === "function")
                                        callback(jQuery.parseJSON(xhr.responseText), e);
                                }
                                else {
                                    sabis.alert(xhr.responseText, "", "", "validation-error");
                                }
                                windowElement.trigger("close");

                            };
                            xhr.open("POST", action);
                            xhr.send(fd);
                            progress.show("fast");
                        }
                        else {

                            sabis.loader(form, "Please wait...");
                            form.ajaxSubmit({
                                url: action,
                                data: { ajax: true },
                                dataType: "json",
                                cache: false,
                                success: function (e) {
                                    if (typeof callback === "function")
                                        callback(e);
                                },
                                error: function (e) {
                                    if (e.status == 0)
                                        return;

                                    alert("An error occured");
                                },
                                complete: function () {
                                    sabis.hideLoader(form, false);
                                    windowElement.trigger("close");
                                }
                            });
                        }
                    }

                }
            }, {
                text: "Cancel",
                className: "cancel",
                action: function () {

                    var xhr = windowElement.data("xhr");
                    if (isOk(xhr)) {
                        xhr.abort();
                        return false;
                    }

                    windowElement.trigger("close");
                }
            }
        ];

        windowElement.append(bodyText);

        if (buttons && buttons.length > 0) {
            var footer = $("<div class=f />");

            $(buttons).each(function () {
                var button = $("<button type=\"button\" class=\"btn\"><span>{0}</span></button>".Format(this.text));

                if (this.action)
                    button.bind("click", this.action);

                if (this.className)
                    button.addClass(this.className);

                footer.append(button);
            });

            windowElement.append(footer);
        }


        windowElement.keypress(function (e) {
            if (e.keyCode == 13) {
                buttons[0].action();
                return false;
            }
        });

        windowElement.data("remove", true);
        sabis.popup(windowElement);

        return windowElement;
    },
    yesNo: function (message, yesCallback, noCallback, yesText, noText, cssClass, title, effect) {
        return sabis.alert(message, title, [{
            text: yesText || "Yes",
            className: "ok close",
            action: yesCallback
        }, {
            text: noText || "No",
            className: "cancel close",
            action: noCallback
        }], cssClass, noCallback, effect);
    },
    alert: function (message, title, buttons, cssClass, callBack, effect) {
        title = title ? title : sabis.siteName;
        if (!isOk(buttons))
            buttons = "OK";

        var bodyText = $("<h5>{0}<a class=close></a></h5><div class=b>{1}</div>".Format(title, message));
        var windowElement = $("<div class=lw-alert />");
        if (cssClass)
            windowElement.addClass(cssClass);

        windowElement.append(bodyText);

        if (buttons && buttons.length > 0) {
            var footer = $("<div class=f />");
            if (typeof buttons === "string") {
                buttons = { text: buttons, className: "ok close" };
            }
            $(buttons).each(function () {
                var button = $("<button type=\"button\" class=\"btn\"><span>{0}</span></button>".Format(this.text));

                if (this.action)
                    button.bind("click submit", this.action);

                if (this.className)
                    button.addClass(this.className);

                footer.append(button);
            });
            windowElement.append(footer);
        }
        windowElement.data("remove", true);
        sabis.popup(windowElement, callBack, effect);
        return windowElement;
    },
    popupCheckKeyStroke: function (e) {

        if (e === true || e.keyCode === 27) {
            if (sabis.stopNextPopupClose)
                return;
            sabis.closePopup();
            sabis.stopNextPopupClose = true;
            setTimeout(function () { sabis.stopNextPopupClose = null; }, 10);
        }
    },
    closePopup: function (windowElement) {

        windowElement = sabis.popups.pop();
        if (!isOk(windowElement))
            return;

        windowElement.trigger("beforeclose");
        windowElement.removeClass("lw-visible");
        setTimeout(function () {
            windowElement.trigger("close");
            windowElement.css({ "visibility": "hidden", top: -2000 });
            if (windowElement.data("remove") === true)
                windowElement.remove();
        }, sabis.popupCte.speed);

        sabis.escape(sabis.popupCheckKeyStroke);

        sabis.closeOverlay();

        return false;
    },
    popup: function (windowElement, callBack, effect, cssClass) {

        windowElement = typeof windowElement == typeof "ballout" ? $(windowElement) : windowElement;

        windowElement.find(".close").click(sabis.closePopup);

        windowElement.on("close", sabis.closePopup);

        $(document).bind("keyup keydown", sabis.popupCheckKeyStroke);

        effect = effect ? effect : sabis.popupCte.effects.default;

        $(document.body).append(windowElement);
        windowElement.removeClass("lw-alert");

        var remove = windowElement.data("remove");

        if (windowElement.hasClass("lw-autocreated")) {
            $.each(sabis.popupCte.effects, function () {
                windowElement.removeClass(this);
            });
            windowElement.addClass(effect);
        }
        else
            windowElement = windowElement.wrap("<div class=\"lw-autocreated lw-alert " + effect + "\"/>").parent();

        if (cssClass)
            windowElement.addClass(cssClass);

        windowElement.data("remove", remove);

        var firstInputId = windowElement.find("input").first().attr("id");

        function showWindow() {

            windowElement.css({
                display: "block"
            });

            //document.documentElement.className = "lw-perspective";

            var sels = windowElement.find("select");
            sels.each(function () {
                var $sel = $(this);
                $sel.find("option[value=" + $sel.data("selected") + "]").prop("selected", true);
            });

            setTimeout(function () {
                windowElement.addClass("lw-visible");
            }, 10);

            var firstInput = windowElement.find("input").first();
            if (firstInput.length == 0) {
                firstInput = windowElement.find("button").first();
            }
            if (firstInput.length > 0) {
                setTimeout(function () {
                    $(firstInput).focus();
                }, 200);
            }
        }

        windowElement.bind("close", callBack);

        sabis.showOverlay();
        showWindow();

        sabis.popups.push(windowElement);

        return windowElement;
    },
    loader: function (el, message, overlayColor, loaderArea) {
        if (!isOk(el)) {
            el = $(document.body);
        }

        if (el[0].tagName.toLower() == "form")
            el = el.parent();

        loaderArea = loaderArea ? loaderArea : $(isOk(el.attr("LoaderArea")) ? el.attr("LoaderArea") : document.body);

        sabis.showLoaderOverlay(el);

        var loader = $("<div/>");

        message = (message && message !== "") ? message : "Please wait...";

        if (isOk(message)) {
            loader.append($("<span>" + message + "</span>"));
        }

        var loaderClass = isOk(el.attr("LoaderClass")) ? el.attr("LoaderClass") : "lw-loader";
        loader.addClass(loaderClass);
        loader.css("opacity", 0);

        $(document.body).append(loader);
        el.data("loader", loader);

        setTimeout(function () {
            loader.css({
                "position": "absolute",
                top: loaderArea.position().top + loaderArea.height() / 2 - loader.height() / 2,
                left: loaderArea.position().left + loaderArea.width() / 2 - loader.width() / 2,
                opacity: 0
            });
            loader.animate({ opacity: 1 }, 300);
        }, 10);
    },
    hideLoader: function (el, hideOverlay) {
        if (!el)
            el = $(document.body);

        if (el[0].tagName.toLower() == "form")
            el = el.parent();

        var loader = el.data("loader");
        if (isOk(loader)) {
            loader.animate({ opacity: 0 }, {
                duration: 300, complete: function () {
                    loader.remove();
                    el.data("loader", null);
                }
            });
        }

        sabis.closeLoaderOverlay(el);
    },
    imagesToLoad: null,
    loadFailureLimit: 2,
    lazyLoadImages: function () {
        //TODO: Load the images when they become visible
        sabis.imagesToLoad = $("img.lazy-load");
        if (sabis.imagesToLoad.length > 0) {
            var img = $(sabis.imagesToLoad[0]);
            img.removeClass("lazy-load");
            img.attr("src", img.attr("data-image"));
            img.load(sabis.lazyLoadImages);
            img.error(function () {
                sabis.lazyLoadImages();
                if (img.data("load-error"))
                    img.data("load-error", img.data("load-error") + 1);
                else
                    img.data("load-error", 1);

                if (img.data("load-error") > sabis.loadFailureLimit)
                    return;

                img.addClass("lazy-load");
            });
        }
    },
    escapes: [],
    fireEscape: function (e) {
        if (e === true || e.keyCode === 27) {
            if (sabis.escapes.length > 0)
                sabis.escapes.pop()(e);
            if (sabis.escapes.length == 0)
                $(document).unbind("keyup keydown", sabis.fireEscape);
        }
    },
    escape: function (func) {
        if (func && "function" == typeof func) {
            sabis.escapes.push(func);
            $(document).bind("keyup keydown", sabis.fireEscape);
        }
        else sabis.fireEscape();
    }
};