/// <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);
		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();
		}, 100);

		sabis.overlays = Math.max(sabis.overlays, 0);
	},
	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);

		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++;
	},
	prompt: function (fields, action, callback, cssClass, cmsMode, title) {
		clearTimeout(sabis.removeOverlay);
		var 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) {

			 		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);
			 						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.showOverlay(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) {
		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.closeOverlay(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();
	}
};