Deprecated: Creation of dynamic property Gcms\Config::$version is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_w is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$inventory_w is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$repair_first_status is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$repair_send_mail is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_format_no is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_send_mail is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_file_typies is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_upload_size is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_download_action is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_line_id is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_send_mail is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$personnel_w is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$personnel_h is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$personnel_status is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_status is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_notifications is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$edocument_line_id is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$repair_line_id is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$repair_status_success is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Deprecated: Creation of dynamic property Gcms\Config::$booking_approving is deprecated in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php on line 242
Warning: Cannot modify header information - headers already sent by (output started at /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Config.php:242) in /home/lat6/domains/latyao.ac.th/public_html/eoffice/Kotchasan/Language.php on line 408
window.$K = (function() { "use strict"; var domloaded = false; var $K = { emptyFunction: function() {}, resultFunction: function() { return true; }, isMobile: function() { return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1); }, init: function(element) { forEach(element.querySelectorAll("input,textarea"), function(elem) { var tagName = $G(elem).tagName.toLowerCase(), type = elem.get("type"), type = type ? type.toLowerCase() : ""; if (elem.initObj !== true && (tagName == "textarea" || (type !== "hidden" && type !== "radio" && type !== "checkbox" && type !== "button" && type !== "submit"))) { var obj = new Object(); obj.tagName = tagName; obj.type = type; elem.initObj = true; obj.title = elem.title; obj.required = elem.get("required"); obj.disabled = elem.get("disabled") !== null; obj.maxlength = floatval(elem.get("maxlength")); obj.pattern = elem.get("pattern"); if (obj.pattern !== null) { obj.pattern = new RegExp("^(?:" + obj.pattern + ")$"); elem.setAttribute("pattern", "(.*){0,}"); } obj.dataset = elem.dataset; if (typeof obj.dataset == "undefined") { obj.dataset = {}; forEach(elem.attributes, function() { var hs = this.name.match(/^data\-(.+)/); if (hs) { obj.dataset[hs[0]] = this.value; } }); } if (obj.tagName == "textarea") { if (obj.maxlength > 0 || obj.required || obj.pattern) { var _docheck = function() { if (this.value == "" && obj.required !== null) { this.addClass("required"); this.invalid(obj.title !== "" ? obj.title : trans("Please fill in") + (this.placeholder == "" ? "" : " " + this.placeholder)); } else if (this.value != "" && obj.pattern && !obj.pattern.test(this.value)) { this.invalid(obj.title !== "" ? obj.title : trans("Invalid data")); } else if (obj.required !== null || obj.pattern) { this.reset(); } }; elem.srcObj = obj; elem.addEvent("keyup", _docheck); elem.addEvent("change", _docheck); } } else if (obj.tagName == "input") { var c = elem.hasClass("currency number integer color inputgroup"); if (c !== false) { obj.type = c; } if (elem.min) { obj.min = elem.min; } if (elem.max) { obj.max = elem.max; } var autofocus = elem.get("autofocus"); var text = elem; if (obj.type == "date") { new GCalendar(text); } else if (obj.type == "number" || obj.type == "integer" || obj.type == "tel" || obj.type == "email" || obj.type == "url" || obj.type == "color" || obj.type == "currency" || obj.type == "time") { var o = { type: "text", name: elem.name, disabled: obj.disabled }; if (elem.id != "") { o.id = elem.id; } text = $G().create("input", o); if (elem.value != "") { text.value = elem.value; } if (obj.title != "") { text.title = obj.title; } if (elem.size) { text.size = elem.size; } if (elem.placeholder) { text.placeholder = elem.placeholder; } if (obj.maxlength > 0) { text.maxlength = obj.maxlength; } if (elem.readOnly) { text.readOnly = true; } if (obj.type == "currency") { text.digit = floatval(obj.dataset['digit'] ? obj.dataset['digit'] : 2); } text.className = elem.className; text.initObj = true; elem.replace(text); if (obj.type == "color") { new GDDColor(text, function(c) { this.input.style.backgroundColor = c; this.input.style.color = this.invertColor(c); this.input.value = c; this.input.callEvent("change"); }); } else if (obj.type == "time") { new GTime(text); } else if (obj.type == "email" || obj.type == "url") { if (obj.pattern == null) { if (obj.type == "email") { obj.pattern = /^[_\.0-9a-zA-Z-]+@([0-9a-zA-Z][0-9a-zA-Z-]+\.)+[a-zA-Z]{2,6}$/; } else { obj.pattern = /^[a-z0-9\-\.:\/\#%\?\&\=_@~]{3,}$/i; } } text.addEvent("keyup", _docheck); text.addEvent("change", _docheck); } else { if (!obj.dataset["keyboard"]) { if (obj.type == "integer") { obj.dataset["keyboard"] = "1234567890-"; } else if (obj.type == "currency") { obj.dataset["keyboard"] = "1234567890-.,"; } else if (obj.type == "number" || obj.type == "tel") { obj.dataset["keyboard"] = "1234567890"; } } if (obj.dataset["keyboard"]) { obj.pattern = new RegExp("^(?:[" + obj.dataset["keyboard"].preg_quote() + "]+)$"); if (obj.type == "integer" || obj.type == "currency" || obj.type == "number") { new GInput(text, obj.dataset["keyboard"], function() { if (obj.min) { this.value = Math.max(obj.min, floatval(this.value)); } if (obj.max) { this.value = Math.min(obj.max, floatval(this.value)); } if (obj.type == "currency") { this.value = toCurrency(this.value, this.digit); } }); } else { new GInput(text, obj.dataset["keyboard"]); } } } } else if (obj.type == "file") { if (elem.hasClass("g-file")) { var p = elem.parentNode; elem.setStyle("opacity", 0); elem.style.cursor = "pointer"; elem.style.position = "absolute"; elem.style.left = 0; elem.style.top = 1; p.style.position = "relative"; var display = document.createElement("input"); display.setAttribute("type", "text"); display.id = elem.id; elem.id = elem.id + "_tmp"; display.disabled = true; display.placeholder = elem.placeholder; p.appendChild(display); elem.style.zIndex = text.style.zIndex + 1; elem.style.height = "100%"; elem.style.width = "100%"; elem.addEvent("change", function() { if (this.files) { var input = this, hs, files = [], preview = $E(this.get("data-preview")), max = floatval(input.get("data-max")), validImageTypes = ['image/gif', 'image/jpeg', 'image/jpg', 'image/png']; if (preview) { preview.innerHTML = ''; } forEach(input.files, function() { if (max > 0 && this.size > max) { input.invalid(input.title); } else { files.push(this.name); input.valid(); if (preview) { hs = /\.([a-z0-9]+)$/.exec(this.name.toLowerCase()); var div = document.createElement('div'); div.className = 'file-thumb'; if (hs) { div.innerHTML = hs[1]; } preview.appendChild(div); if (validImageTypes.includes(this.type) && window.FileReader) { var r = new FileReader(); r.onload = function(evt) { div.innerHTML = ''; div.style.backgroundImage = 'url(' + evt.target.result + ')'; }; r.readAsDataURL(this); } } } }); display.value = files.join(', '); display.callEvent("change", { value: this.value, files: this.files }); } }); elem.initObj = true; } } else if (obj.type == "range") { new GRange(elem); } else if (obj.type == "inputgroup") { new GInputGroup(elem); } else if (elem.get("list")) { new Datalist(elem); } else if (obj.pattern) { new GMask(text, function() { return obj.pattern.test(this.value); }); } if (typeof obj.dataset !== "undefined") { for (var prop in obj.dataset) { if (obj.dataset[prop] !== null) { text.setAttribute("data-" + prop, obj.dataset[prop]); } } } if (autofocus !== null) { text.focus(); if (obj.type == "text") { text.select(); } } if (obj.pattern || obj.required) { text.srcObj = obj; } } } }); } }; if (typeof Array.prototype.indexOf != "function") { Array.prototype.indexOf = function(t, i) { i || (i = 0); var l = this.length; if (i < 0) { i = l + i; } for (; i < l; i++) { if (this[i] == t) { return i; } } return -1; }; } if (typeof forEach != "function") { window.forEach = function(a, f) { var i, l = a.length, x = []; for (i = 0; i < l; i++) { x.push(a[i]); } for (i = 0; i < l; i++) { if (f.call(x[i], x[i], i) == true) { break; } } }; } window.floatval = function(val) { var n = parseFloat(typeof val == 'string' ? val.replace(/[^0-9\-\.]/g, '') : val); return isNaN(n) ? 0 : n; }; window.toCurrency = function(val, digit) { return floatval(val).toFixed(Object.isNull(digit) ? 2 : digit).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') }; window.round = function(val, digit) { var value = Math.round(val * Math.pow(10, digit)) / Math.pow(10, digit); if (val - value > 0) { return value + Math.floor((2 * Math.round((val - value) * Math.pow(10, digit + 1))) / 10) / Math.pow(10, digit); } else { return value; } }; window.copyToClipboard = function(text) { var el = document.createElement("textarea"); el.value = text; el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.top = '-1000px'; document.body.appendChild(el); el.select(); document.execCommand("copy"); document.body.removeChild(el); }; window.trans = function(val) { try { var patt = /^[_]+|[_]+$/g; return eval(val.replace(/[\s]/g, "_").replace("?", "").replace(patt, "").toUpperCase()); } catch (e) { return val; } }; window.debug = function(val) { var p = document.createElement("p"), div = $E("gdebug"); if (!div) { div = document.createElement("div"); div.id = "gdebug"; document.body.appendChild(div); div.style.cssText = "left:0;bottom:0;width:100%;height:100px;color:#F00;background-color:#FFF;position:fixed;line-height:1;padding:10px;overflow:auto;"; } p.style.cssText = "margin:0;"; p.innerText = val; div.appendChild(p); div.scrollTop = div.scrollHeight; }; window.timeToMinute = function(time) { var sp = time.split(':'); if (sp.length == 1) { return 0; } else { return (floatval(sp[0]) * 60) + floatval(sp[1]); } }; window.timeToSecond = function(time) { var sp = time.split(':'); if (sp.length == 1) { return 0; } else { return (floatval(sp[0]) * 60) + (floatval(sp[1] * 60) + floatval(sp[2])); } }; Function.prototype.bind = function(o) { var __method = this; return function() { return __method.apply(o, arguments); }; }; Date.prototype.fromTime = function(mktime) { return new Date(mktime * 1000); }; Date.prototype.format = function(fmt) { var result = ""; for (var i = 0; i < fmt.length; i++) { result += this.formatter(fmt.charAt(i)); } return result; }; Date.prototype.formatter = function(c) { switch (c) { case "d": return this.getDate().toString().leftPad(2, "0"); case "D": return Date.dayNames[this.getDay()]; case "y": return this.getFullYear().toString(); case "Y": return (this.getFullYear() + Date.yearOffset).toString(); case "m": return (this.getMonth() + 1).toString().leftPad(2, "0"); case "M": return Date.monthNames[this.getMonth()]; case "F": return Date.longMonthNames[this.getMonth()]; case "H": return this.getHours().toString().leftPad(2, "0"); case "h": return this.getHours(); case "A": return this.getHours() < 12 ? "AM" : "PM"; case "a": return this.getHours() < 12 ? "am" : "pm"; case "I": return this.getMinutes().toString().leftPad(2, "0"); case "i": return this.getMinutes(); case "S": return this.getSeconds().toString().leftPad(2, "0"); case "s": return this.getSeconds(); default: return c; } }; Date.prototype.tomktime = function() { return Math.floor(this.getTime() / 1000); }; Date.prototype.moveDate = function(value) { this.setDate(this.getDate() + value); return this; }; Date.prototype.moveMonth = function(value) { this.setMonth(this.getMonth() + value); return this; }; Date.prototype.moveYear = function(value) { this.setFullYear(this.getFullYear() + value); return this; }; Date.prototype.isLeapYear = function() { var year = this.getFullYear(); return (year & 3) == 0 && (year % 100 || (year % 400 == 0 && year)); }; Date.prototype.daysInMonth = function() { var arr = Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31); arr[1] = this.isLeapYear() ? 29 : 28; return arr[this.getMonth()]; }; Date.prototype.dayOfWeek = function() { var a = parseInt((14 - this.getMonth()) / 12); var y = this.getFullYear() - a; var m = this.getMonth() + 12 * a - 2; var d = (this.getDate() + y + parseInt(y / 4) - parseInt(y / 100) + parseInt(y / 400) + parseInt((31 * m) / 12)) % 7; return d; }; Date.prototype.compare = function(d) { if (Object.isString(d)) { d = new Date(d.replace(/-/g, '/')); } var date = d.getDate(), month = d.getMonth(), year = d.getFullYear(), dateStr = this.getDate(), monthStr = this.getMonth(), yearStr = this.getFullYear(), theYear = yearStr - year, theMonth = monthStr - month, theDate = dateStr - date, days = 0; if ( monthStr == 0 || monthStr == 2 || monthStr == 4 || monthStr == 6 || monthStr == 7 || monthStr == 9 || monthStr == 11 ) { days = 31; } if (monthStr == 3 || monthStr == 5 || monthStr == 8 || monthStr == 10) { days = 30; } if (monthStr == 1) { days = 28; } var inYears = theYear; var inMonths = theMonth; if (month < monthStr && date > dateStr) { inYears = floatval(inYears) + 1; inMonths = theMonth - 1; } if (month < monthStr && date <= dateStr) { inMonths = theMonth; } else if (month == monthStr && (date < dateStr || date == dateStr)) { inMonths = 0; } else if (month == monthStr && date > dateStr) { inMonths = 11; } else if (month > monthStr && date <= dateStr) { inYears = inYears - 1; inMonths = 12 - -theMonth + 1; } else if (month > monthStr && date > dateStr) { inMonths = 12 - -theMonth; } var inDays = theDate; if (date > dateStr) { inYears = inYears - 1; inDays = days - -theDate; } else if (date == dateStr) { inDays = 0; } return { day: inDays, month: inMonths, year: inYears, days: Math.floor(Math.abs(this.getTime() - d.getTime()) / 86400000) }; }; Date.monthNames = [ "Jan.", "Feb.", "Mar.", "Apr.", "May.", "Jun.", "Jul.", "Aug.", "Sep.", "Oct.", "Nov.", "Dec." ]; Date.longMonthNames = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; Date.longDayNames = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]; Date.dayNames = ["Su.", "Mo.", "We.", "Tu.", "Th.", "Fr.", "Sa."]; Date.yearOffset = 0; String.prototype.entityify = function() { return this.replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'") .replace(/\\/g, "\") .replace(/&/g, "&") .replace(/\{/g, "{") .replace(/\}/g, "}"); }; String.prototype.unentityify = function() { return this.replace(/</g, "<") .replace(/>/g, ">") .replace(/"/g, '"') .replace(/&#[0]?39;/g, "'") .replace(/\/g, "\\") .replace(/&/g, "&") .replace(/{/g, "{") .replace(/}/g, "}"); }; String.prototype.toJSON = function() { try { return JSON.parse(this); } catch (e) { return false; } }; String.prototype.toInt = function() { return floatval(this); }; String.prototype.currFormat = function() { return floatval(this).toFixed(2); }; String.prototype.preg_quote = function() { return this.replace(/([-.*+?^${}()|[\]\/\\])/g, "\\$1"); }; String.prototype.capitalize = function() { return this.replace(/\b[a-z]/g, function(m) { return m.toUpperCase(); }); }; String.prototype.evalScript = function() { var regex = /(.*?)<\/script>/g; var t = this.replace(/[\r\n]/g, "").replace(/\/\/<\!\[CDATA\[/g, "").replace(/\/\/\]\]>/g, ""); var m = regex.exec(t); while (m) { try { eval(m[1]); } catch (e) {} m = regex.exec(t); } return this; }; String.prototype.leftPad = function(c, f) { var r = ""; for (var i = 0; i < c - this.length; i++) { r = r + f; } return r + this; }; String.prototype.trim = function() { return this.replace(/^(\s| )+|(\s| )+$/g, ""); }; String.prototype.ltrim = function() { return this.replace(/^(\s| )+/, ""); }; String.prototype.rtrim = function() { return this.replace(/(\s| )+$/, ""); }; String.prototype.strip_tags = function(allowed) { allowed = (((allowed || "") + "").toLowerCase().match(/<[a-z][a-z0-9]*>/g) || []).join(""); var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi; var php = /|<\?(?:php)?[\s\S]*?\?>/gi; return this.replace(php, "").replace(tags, function($0, $1) { return allowed.indexOf("<" + $1.toLowerCase() + ">") > -1 ? $0 : ""; }); }; String.prototype.toDOM = function() { var s = function(a) { return a .replace(/>/g, ">") .replace(/</g, "<") .replace(/ /g, " ") .replace(/"/g, '"') .replace(/&#[0]?39;/g, "'") .replace(/\/g, "\\") .replace(/&/g, "&"); }; var t = function(a) { return a.replace(/ /g, ""); }; var u = function(a) { var b = document.createDocumentFragment(); var c = a.indexOf(" "); if (c == -1) { var d = a.toLowerCase(); b.appendChild(document.createElement(d)); } else { d = t(a.substring(0, c)).toLowerCase(); if (document.all && (d == "input" || d == "iframe")) { try { b.appendChild(document.createElement("<" + a + "/>")); return b; } catch (e) {} } a = a.substring(c + 1); b.appendChild(document.createElement(d)); while (a.length > 0) { var e = a.indexOf("="); if (e >= 0) { var f = t(a.substring(0, e)).toLowerCase(); var g = a.indexOf('"'); a = a.substring(g + 1); g = a.indexOf('"'); var h = s(a.substring(0, g)); a = a.substring(g + 2); if (document.all && f == "style") { b.lastChild.style.cssText = h; } else if (f == "class") { b.lastChild.className = h; } else { b.lastChild.setAttribute(f, h); } } else { break; } } } return b; }; var v = function(a, b, c) { var d = a; var e = b; c = c.toLowerCase(); var f = e.indexOf(""); d = d.concat(e.substring(0, f)); e = e.substring(f); while (d.indexOf("<" + c) != -1) { d = d.substring(d.indexOf("<" + c)); d = d.substring(d.indexOf(">") + 1); e = e.substring(e.indexOf(">") + 1); f = e.indexOf(""); d = d.concat(e.substring(0, f)); e = e.substring(f); } return b.length - e.length; }; var w = function(a) { var b = document.createDocumentFragment(); while (a && a.length > 0) { var c = a.indexOf("<"); if (c == -1) { a = s(a); b.appendChild(document.createTextNode(a)); a = null; } if (c > 0) { var d = s(a.substring(0, c)); b.appendChild(document.createTextNode(d)); a = a.substring(c); } if (c == 0) { var e = a.indexOf(""); var g = a.substring(4, f); g = s(g); b.appendChild(document.createComment(g)); a = a.substring(f + 3); } else { var h = a.indexOf(">"); if (a.substring(h - 1, h) == "/") { var i = a.indexOf("/>"); var j = a.substring(1, i); b.appendChild(u(j)); a = a.substring(i + 2); } else { var k = a.indexOf(">"); var l = a.substring(1, k); var m = document.createDocumentFragment(); m.appendChild(u(l)); a = a.substring(k + 1); var n = a.substring(0, a.indexOf("") + 1); m.lastChild.appendChild(w(n)); b.appendChild(m); } } } } return b; }; return w(this); }; String.prototype.toDate = function() { var patt = /(([0-9]{4,4})-([0-9]{1,2})-([0-9]{1,2})|today|tomorrow|yesterday)([\s]{0,}([+-])[\s]{0,}([0-9]+))?/, hs = patt.exec(this), d; if (hs) { if (typeof hs[2] == "undefined") { d = new Date(); } else { d = new Date(floatval(hs[2]), floatval(hs[3]) - 1, hs[4], 0, 0, 0, 0); } if (hs[1] == "yesterday") { d.setDate(d.getDate() - 1); } else if (hs[1] == "tomorrow") { d.setDate(d.getDate() + 1); } if (hs[6] == "+" && floatval(hs[7]) > 0) { d.setDate(d.getDate() + floatval(hs[7])); } else if (hs[6] == "-" && floatval(hs[7]) > 0) { d.setDate(d.getDate() - floatval(hs[7])); } return d; } else { return null; } }; Number.prototype.format = function(decimals, dec_point, thousands_sep) { decimals = isNaN((decimals = Math.abs(decimals))) ? 2 : decimals; dec_point = dec_point == undefined ? "." : dec_point; thousands_sep = thousands_sep == undefined ? "," : thousands_sep; var n = this, s = n < 0 ? "-" : "", i = String(parseInt((n = Math.abs(Number(n) || 0).toFixed(decimals)))), j = (j = i.length) > 3 ? j % 3 : 0; return (s + (j ? i.substr(0, j) + thousands_sep : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + thousands_sep) + (decimals ? dec_point + Math.abs(n - i).toFixed(decimals).slice(2) : "")); }; document.viewport = { getWidth: function() { return ( document.documentElement.clientWidth || document.body.clientWidth || self.innerWidth ); }, getHeight: function() { return ( document.documentElement.clientHeight || document.body.clientHeight || self.innerHeight ); }, getscrollTop: function() { return ( window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop ); }, getscrollLeft: function() { return ( window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft ); } }; document.css = function(css, id) { var style = document.createElement("style"); if (id) { style.id = "css_" + id; if ($E("css_" + id)) { $E("css_" + id).parentNode.removeChild($E("css_" + id)); } } if (css !== null) { if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } document.getElementsByTagName("head")[0].appendChild(style); } }; Object.extend = function(d, s) { for (var property in s) { d[property] = s[property]; } return d; }; Object.extend(Object, { isObject: function(o) { return typeof o == "object"; }, isFunction: function(o) { return typeof o == "function"; }, isString: function(o) { return typeof o == "string"; }, isNumber: function(o) { return typeof o == "number"; }, isNull: function(o) { return typeof o == "undefined"; }, isGElement: function(o) { return ( o != null && typeof o == "object" && "Ready" in o && "element" in o ); }, toArray: function(o) { var prop, result = []; for (prop in o) { result.push(o[prop]); } return result; } }); window.GClass = { create: function() { return function() { this.initialize.apply(this, arguments); }; } }; window.GNative = GClass.create(); GNative.prototype = { initialize: function() { this.elem = null; }, Ready: function(f) { var s = this; var p = function() { if (domloaded && s.element()) { f.call($G(s.elem)); } else { window.setTimeout(p, 10); } }; p(); }, after: function(e) { var p = this.parentNode; if (this.nextSibling == null) { p.appendChild(e); } else { p.insertBefore(e, this.nextSibling); } return e; }, before: function(e) { var p = this.parentNode; if (p.firstChild == this) { p.appendChild(e); } else { p.insertBefore(e, this); } return e; }, insert: function(e) { e = $G(e); this.appendChild(e); return e; }, copy: function(o) { return $G(this.cloneNode(o || true)); }, replace: function(e) { var p = this.parentNode; p.insertBefore(e, this.nextSibling); p.removeChild(this); return $G(e); }, remove: function() { if (this.element()) { this.parentNode.removeChild(this); } return this; }, setHTML: function(o) { try { this.innerHTML = o; } catch (e) { o = o .replace(/[\r\n\t]/g, "") .replace(/]*>.*?<\/script>/gi, ""); this.appendChild(o.toDOM()); } return this; }, getTop: function() { return this.viewportOffset().top; }, getLeft: function() { return this.viewportOffset().left; }, getWidth: function() { return this.getDimensions().width; }, getHeight: function() { return this.getDimensions().height; }, getClientWidth: function() { return ( this.clientWidth - parseInt(this.getStyle("paddingLeft")) - parseInt(this.getStyle("paddingRight")) ); }, getClientHeight: function() { return ( this.clientHeight - parseInt(this.getStyle("paddingTop")) - parseInt(this.getStyle("paddingBottom")) ); }, viewportOffset: function() { var t = 0, l = 0, p = this; while (p) { t += parseInt(p.offsetTop); l += parseInt(p.offsetLeft); p = p.offsetParent; } if (this.getBoundingClientRect) { return { top: t, left: this.getBoundingClientRect().left }; } else { return { top: t, left: l }; } }, getDimensions: function() { var ow, oh; if (this == document) { ow = Math.max( Math.max( document.body.scrollWidth, document.documentElement.scrollWidth ), Math.max( document.body.offsetWidth, document.documentElement.offsetWidth ), Math.max( document.body.clientWidth, document.documentElement.clientWidth ) ); oh = Math.max( Math.max( document.body.scrollHeight, document.documentElement.scrollHeight ), Math.max( document.body.offsetHeight, document.documentElement.offsetHeight ), Math.max( document.body.clientHeight, document.documentElement.clientHeight ) ); } else { var d = this.getStyle("display"); if (d != "none" && d !== null) { ow = this.offsetWidth; oh = this.offsetHeight; } else { var s = this.style; var ov = s.visibility; var op = s.position; var od = s.display; s.visibility = "hidden"; s.position = "absolute"; s.display = "block"; ow = this.clientWidth; oh = this.clientHeight; s.display = od; s.position = op; s.visibility = ov; } } return { width: ow, height: oh }; }, getOffsetParent: function() { var e = this.offsetParent; if (!e) { e = this.parentNode; while (e != document.body && e.style.position == "static") { e = e.parentNode; } } return GElement(e); }, getCaretPosition: function() { if (document.selection) { var range = document.selection.createRange(), textLength = range.text.length; range.moveStart("character", -this.value.length); var caretAt = range.text.length; return { start: caretAt, end: caretAt + textLength }; } else if (this.selectionStart || this.selectionStart == "0") { return { start: this.selectionStart, end: this.selectionEnd }; } }, setCaretPosition: function(start, length) { if (this.setSelectionRange) { this.focus(); this.setSelectionRange(start, start + length); } else if (this.createTextRange) { var range = this.createTextRange(); range.collapse(true); range.moveEnd("character", start + length); range.moveStart("character", start); range.select(); } return this; }, getStyle: function(s) { s = s == "float" && this.currentStyle ? "styleFloat" : s; s = s == "borderColor" ? "borderBottomColor" : s; var v = this.currentStyle ? this.currentStyle[s] : null; v = !v && window.getComputedStyle ? document.defaultView.getComputedStyle(this, null).getPropertyValue(s.replace(/([A-Z])/g, "-$1").toLowerCase()) : v; if (s == "opacity") { return Object.isNull(v) ? 100 : floatval(v) * 100; } else { return v; } }, setStyle: function(p, v) { if (p == "opacity") { if (window.ActiveXObject) { this.style.filter = "alpha(opacity=" + v * 100 + ")"; } this.style.opacity = v; } else if (p == "float" || p == "styleFloat" || p == "cssFloat") { if (Object.isNull(this.style.styleFloat)) { this.style["cssFloat"] = v; } else { this.style["styleFloat"] = v; } } else if ( p == "backgroundColor" && this.tagName.toLowerCase() == "iframe" ) { if (document.all) { this.contentWindow.document.bgColor = v; } else { this.style.backgroundColor = v; } } else if (p == "borderColor") { this.style.borderLeftColor = v; this.style.borderTopColor = v; this.style.borderRightColor = v; this.style.borderBottomColor = v; } else { this.style[p] = v; } return this; }, center: function() { var size = this.getDimensions(); if (this.getStyle("position") == "fixed") { this.style.top = (document.viewport.getHeight() - size.height) / 2 + "px"; this.style.left = (document.viewport.getWidth() - size.width) / 2 + "px"; } else { this.style.top = document.viewport.getscrollTop() + (document.viewport.getHeight() - size.height) / 2 + "px"; this.style.left = document.viewport.getscrollLeft() + (document.viewport.getWidth() - size.width) / 2 + "px"; } return this; }, get: function(p) { try { return this.getAttribute(p); } catch (e) { return null; } }, set: function(p, v) { try { this.setAttribute(p, v); } catch (e) {} return this; }, hasClass: function(v) { var vs = v.split(" "); var cs = this.className.split(" "); for (var c = 0; c < cs.length; c++) { for (v = 0; v < vs.length; v++) { if (vs[v] != "" && vs[v] == cs[c]) { return vs[v]; } } } return false; }, addClass: function(v) { if (this.className || this.className === '') { if (!v) { this.className = ""; } else { var rm = v.split(" "), cs = []; forEach(this.className.split(" "), function(c) { if (c !== "" && rm.indexOf(c) == -1) { cs.push(c); } }); cs.push(v); this.className = cs.join(" "); } } return this; }, removeClass: function(v) { if (this.className || this.className === '') { var rm = v.split(" "); var cs = []; forEach(this.className.split(" "), function(c) { if (c !== "" && rm.indexOf(c) == -1) { cs.push(c); } }); this.className = cs.join(" "); } return this; }, replaceClass: function(source, replace) { if (this.className || this.className === '') { var rm = (replace + " " + source).split(" "); var cs = []; forEach(this.className.split(" "), function(c) { if (c !== "" && rm.indexOf(c) == -1) { cs.push(c); } }); cs.push(replace); this.className = cs.join(" "); } return this; }, hide: function() { this.display = this.getStyle("display"); this.setStyle("display", "none"); return this; }, show: function() { if (this.getStyle("display") == "none") { this.setStyle("display", "block"); } return this; }, visible: function() { return this.getStyle("display") != "none"; }, toggle: function() { if (this.visible()) { this.hide(); } else { this.show(); } return this; }, nextNode: function() { var n = this; do { n = n.nextSibling; } while (n && n.nodeType != 1); return n; }, previousNode: function() { var p = this; do { p = p.previousSibling; } while (p && p.nodeType != 1); return p; }, firstNode: function() { var p = this.firstChild; do { p = p.nextSibling; } while (p && p.nodeType != 1); return p; }, nextTab: function() { var tag, result, self = this, check = null; forEach(document.forms, function() { return forEach(this.getElementsByTagName("*"), function() { if (this == self.elem) { check = this; } else if (check != null) { if ( this.tabIndex >= 0 && this.disabled != true && this.style.display != "none" && this.offsetParent != null ) { result = this; return true; } } }); }); return result; }, sendKey: function(keyCode) { return this.callEvent("keypress", { keyCode: keyCode }); }, callEvent: function(t, params) { var evt; if (document.createEvent) { evt = document.createEvent("Events"); evt.initEvent(t, true, true); for (var prop in params) { evt[prop] = params[prop]; } this.dispatchEvent(evt); } else if (document.createEventObject) { evt = document.createEventObject(); for (var prop in params) { evt[prop] = params[prop]; } this.fireEvent("on" + t, evt); } return this; }, addEvent: function(t, f, c) { var ts = t.split(/[\s,]/), input = this; forEach(ts, function(e) { if (input.addEventListener) { c = !c ? false : c; input.addEventListener(e, f, c); } else if (input.attachEvent) { input["e" + e + f] = f; input[e + f] = function() { input["e" + e + f](window.event); }; input.attachEvent("on" + e, input[e + f]); } }); return this; }, removeEvent: function(t, f, c) { var ts = t.split(" "), input = this; forEach(ts, function(e) { if (input.removeEventListener) { c = !c ? false : c; input.removeEventListener(e == "mousewheel" && window.gecko ? "DOMMouseScroll" : e, f, c); } else if (input.detachEvent) { input.detachEvent("on" + e, input[e + f]); input["e" + e + f] = null; input[e + f] = null; } }); return this; }, highlight: function(o) { this.addClass("highlight"); var self = this; window.setTimeout(function() { self.removeClass("highlight"); }, 1); return this; }, fadeIn: function(oncomplete) { this.addClass("fadein"); var self = this; window.setTimeout(function() { self.removeClass("fadein"); if (Object.isFunction(oncomplete)) { oncomplete.call(this); } }, 1000); return this; }, fadeOut: function(oncomplete) { this.addClass("fadeout"); var self = this; window.setTimeout(function() { self.removeClass("fadeout"); if (Object.isFunction(oncomplete)) { oncomplete.call(this); } }, 1000); return this; }, setValue: function(v) { function _find(e, a) { var s = e.getElementsByTagName("option"); for (var i = 0; i < s.length; i++) { if (s[i].value == a) { return i; } } return -1; } v = decodeURIComponent(v); var t = this.tagName.toLowerCase(); if (t == "img") { this.src = v; } else if (t == "select") { this.selectedIndex = _find(this, v); } else if (t == "input") { if (this.type == "checkbox" || this.type == "radio") { this.checked = v == this.value; } else { this.value = v.unentityify(); } } else if (t == "textarea") { this.value = v.unentityify(); } else { this.setHTML(v); } return this; }, getText: function() { if (!Object.isNull(this.elem.selectedIndex)) { if (this.elem.selectedIndex == -1) { return null; } return this.elem.options[this.elem.selectedIndex].text; } else if (this.elem.innerHTML) { return this.elem.innerHTML; } return this.elem.value; }, setOptions: function(json, value) { if (this.tagName.toLowerCase() == "select") { for (var i = this.options.length; i > 0; i--) { this.removeChild(this.options[i - 1]); } var selectedIndex = 0; if (json) { var i = 0; for (var key in json) { if (key == value) { selectedIndex = i; } var option = document.createElement("option"); option.innerHTML = json[key]; option.value = key; this.appendChild(option); i++; } } this.selectedIndex = selectedIndex; } }, getSelectedText: function() { var text = ""; if (this.selectionStart) { if (this.selectionStart != this.selectionEnd) { text = this.value.substring(this.selectionStart, this.selectionEnd); } } else if (document.selection) { var range = document.selection.createRange(); if (range.parentElement() === this) { text = range.text; } } return text; }, setSelectedText: function(value) { if (this.selectionStart) { if (this.selectionStart != this.selectionEnd) { this.value = this.value.substring(0, this.selectionStart) + value + this.value.substring(this.selectionEnd); } } else { var range = document.selection.createRange(); if (range.parentElement() === this) { range.text = value; } } return this; }, findLabel: function() { var result = null, id = this.id; forEach(document.getElementsByTagName("label"), function() { if (this.htmlFor != "" && this.htmlFor == id) { result = this; return true; } }); return result; }, element: function() { return Object.isString(this.elem) ? document.getElementById(this.elem) : this.elem; }, elems: function(tagname) { return this.getElementsByTagName(tagname); }, create: function(tagname, o) { var v; if (tagname == "iframe" || tagname == "input") { var n = o.name || o.id || ""; var i = o.id || o.name || ""; if (window.ActiveXObject) { try { if (tagname == "iframe") { v = document.createElement( '' ); } else { v = document.createElement( '' ); } } catch (e) { v = document.createElement(tagname); v.name = n; v.id = i; } } else { v = document.createElement(tagname); v.name = n; v.id = i; } } else { v = document.createElement(tagname); } if (this.elem) { this.appendChild(v); } for (var p in o) { v[p] = o[p]; } return $G(v); }, hideTooltip: function() { if (this.tooltip) { this.tooltip.hide(); this.tooltipShow = false; } return this; }, showTooltip: function(value) { if (!this.tooltip) { this.tooltip = new GTooltip({ id: "GElelment_Tooltip_" + this.id, autohide: false }); var self = this; this.addEvent("blur", function() { self.tooltip.hide(); self.tooltipShow = true; }); this.addEvent("focus", function() { if (self.tooltipShow) { self.tooltip.show(this, self.tooltip.value); } }); } this.tooltip.show(this, value); return this; }, msgBox: function(value, className, autohide) { var parent, tag = this.tagName.toLowerCase(); if (tag == "body") { if ($E("body_msg_div")) { parent = $E("body_msg_div"); } else { parent = document.createElement("div"); parent.id = "body_msg_div"; parent.style.position = "fixed"; parent.style.right = "10px"; parent.style.top = "10px"; document.body.appendChild(parent); } } else { parent = this; } if (parent) { if (value && value != "") { var div = document.createElement("div"), innerDiv = document.createElement("div"); div.className = "alert " + (className || "message"); var span = document.createElement("span"); span.innerHTML = "×"; span.className = "closebtn"; div.appendChild(span); div.appendChild(innerDiv); innerDiv.innerHTML = value; parent.appendChild(div); } forEach(parent.getElementsByClassName("closebtn"), function() { if (this.onclick === null) { var span = this; span.onclick = function() { var parent = this.parentNode; parent.style.opacity = "0"; if (this.timer) { clearTimeout(this.timer); } setTimeout(function() { parent.remove(); }, 600); }; if (typeof autohide === "undefined" || autohide === true) { span.timer = setTimeout(function() { span.click(); }, 3000); } } }); } }, valid: function(className) { if (this.ret) { if (this.ret.hasClass("validationResult")) { this.ret.remove(); this.ret = false; } else { this.ret.replaceClass("invalid", "valid"); this.ret.innerHTML = this.retDef ? this.retDef : ""; } } this.replaceClass( "invalid wait", "valid" + (className ? " " + className : "") ); return this; }, invalid: function(value, className) { if (!this.ret) { if ( typeof this.dataset !== "undefined" && typeof this.dataset.result === "string" && this.dataset.result !== "" && $E(this.dataset.result) ) { this.ret = $G(this.dataset.result); } else { var id = this.id || this.name; if ($E("result_" + id)) { this.ret = $G("result_" + id); } } if (this.ret && !this.retDef) { this.retDef = this.ret.innerHTML; } } if (this.ret) { if (value && value != "") { this.ret.innerHTML = value; } this.ret.replaceClass( "valid", "invalid" + (className ? " " + className : "") ); } this.replaceClass("valid wait", "invalid"); return this; }, reset: function() { if (this.ret) { if (this.ret.hasClass("validationResult")) { this.ret.remove(); this.ret = false; } else { this.ret.replaceClass("invalid valid", ""); this.ret.innerHTML = this.retDef ? this.retDef : ""; } } this.replaceClass("invalid valid wait required", ""); return this; }, init: function(e) { this.elem = e; var elem = this.element(); if (!elem) { return this; } else { this.elem = elem; for (var p in this) { if (p != "elements") { elem[p] = this[p]; } } return elem; } } }; var ajaxAccepts = { xml: "application/xml, text/xml", html: "text/html", text: "text/plain", json: "application/json, text/javascript", all: "text/html, text/plain, application/xml, text/xml, application/json, text/javascript" }; window.GAjax = GClass.create(); GAjax.prototype = { initialize: function(options) { this.options = { method: "post", cache: false, asynchronous: true, contentType: "application/x-www-form-urlencoded", encoding: "UTF-8", Accept: "all", onTimeout: $K.emptyFunction, onError: $K.emptyFunction, onProgress: $K.emptyFunction, timeout: 0, loadingClass: "wait" }; for (var property in options) { this.options[property] = options[property]; } this.options.method = this.options.method.toLowerCase(); this.loader = null; }, xhr: function() { var xmlHttp = null; try { xmlHttp = new XMLHttpRequest(); } catch (e) { try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }, send: function(url, parameters, callback) { var self = this; this._xhr = this.xhr(); this._abort = false; if (!Object.isNull(this._xhr)) { var option = this.options; if (option.method == "get") { url += "?" + parameters; parameters = null; } else { parameters = parameters === null ? "" : parameters; } if (option.cache == false) { var match = /\?/; url += (match.test(url) ? "&" : "?") + new Date().getTime(); } this._xhr.open(option.method, url, option.asynchronous); if (option.method == "post") { this._xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); this._xhr.setRequestHeader("Accept", ajaxAccepts[option.Accept]); if (option.contentType && option.encoding) { this._xhr.setRequestHeader( "Content-Type", option.contentType + "; charset=" + option.encoding ); } } if (option.timeout > 0) { this.calltimeout = window.setTimeout(_calltimeout, option.timeout); } this._xhr.onreadystatechange = function() { if (self._xhr.readyState == 4) { self.hideLoading(); window.clearTimeout(self.calltimeout); if ( self._xhr.status == 200 && !self._abort && Object.isFunction(callback) ) { self.responseText = self._xhr.responseText; self.responseXML = self._xhr.responseXML; callback(self); } else { option.onError(self); } } }; if (this._xhr.upload) { $G(this._xhr.upload).addEvent("progress", function(e) { option.onProgress.call(e, Math.ceil((100 * e.loaded) / e.total)); }); } var _calltimeout = function() { window.clearTimeout(self.calltimeout); self.hideLoading(); option.onTimeout.bind(self); }; self.showLoading(); this._xhr.send(parameters); if (!option.asynchronous) { window.clearTimeout(this.calltimeout); this.responseText = this._xhr.responseText; this.responseXML = this._xhr.responseXML; } } return this; }, autoupdate: function(url, interval, getRequest, callback) { this._xhr = this.xhr(); this.interval = interval * 1000; if (!Object.isNull(this._xhr)) { this.url = url; this.getRequest = getRequest; this.callback = callback; this._abort = false; this._getupdate(); } return this; }, _getupdate: function() { if (this._abort == false) { var parameters = null; var url = this.url; var option = this.options; if (Object.isFunction(this.getRequest)) { if (option.method == "get") { url += "?" + this.getRequest(); } else { parameters = this.getRequest(); } } parameters = option.method == "post" && parameters == null ? "" : parameters; if (option.cache == false) { var match = /\?/; url += (match.test(url) ? "&" : "?") + new Date().getTime(); } var xhr = this._xhr; var temp = this; xhr.open(option.method, url, true); if (option.method == "post") { xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); xhr.setRequestHeader("Accept", ajaxAccepts[option.Accept]); if (option.contentType && option.encoding) { xhr.setRequestHeader( "Content-Type", option.contentType + "; charset=" + option.encoding ); } } temp.showLoading(); xhr.send(parameters); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { temp.hideLoading(); if (temp.callback) { temp.callback(xhr); } window.clearTimeout(temp.calltimeout); _nextupdate(); } }; var _nextupdate = function() { temp.timeinterval = window.setTimeout( temp._getupdate.bind(temp), temp.interval ); }; this.calltimeout = window.setTimeout(function() { window.clearTimeout(temp.timeinterval); xhr.abort(); _nextupdate(); }, this.interval); } }, getRequestBody: function(pForm) { pForm = $E(pForm); var nParams = []; forEach(pForm.getElementsByTagName("*"), function() { if (!this.disabled) { var t = this.tagName.toLowerCase(); if (t == "input") { if ( (this.checked == true && this.type == "radio") || (this.checked == true && this.type == "checkbox") || (this.type != "radio" && this.type != "checkbox") ) { nParams.push(this.name + "=" + this.value); } } else if (t == "select") { nParams.push(this.name + "=" + this.value); } else if (t == "textarea") { nParams.push(this.name + "=" + encodeURIComponent(this.innerHTML)); } } }); return nParams.join("&"); }, showLoading: function() { if (this.loading) { if (this.loading == "wait" && this.center == false) { if (this.loader == null) { this.loader = new GLoading(); } this.loader.show(); } else if ($E(this.loading)) { this.wait = $G(this.loading); if (this.center) { this.wait.center(); } this.wait.addClass(this.options.loadingClass); } } return this; }, hideLoading: function() { if (this.loading) { if (this.loader) { this.loader.hide(); } else if (this.wait) { this.wait.removeClass(this.options.loadingClass); } } return this; }, initLoading: function(loading, center, c) { this.loading = loading; this.center = center; if (c) { this.options.loadingClass = c; } return this; }, abort: function() { clearTimeout(this.timeinterval); this._abort = true; return this; } }; var gform_id = 0; window.GForm = GClass.create(); GForm.prototype = { initialize: function(frm, frmaction, loading, center, onbeforesubmit) { frm = $G(frm); if (frmaction) { frm.set("action", frmaction); } this.loader = null; this.submitButton = frm.querySelector("[type=submit]"); this.loading = loading || this.submitButton || "wait"; this.center = center; this.onbeforesubmit = Object.isFunction(onbeforesubmit) ? onbeforesubmit : $K.resultFunction; var self = this; frm.onsubmit = function() { var loading = true; var ret = true; if (self.onbeforesubmit.call(this)) { forEach(this.querySelectorAll("input,textarea"), function(elem) { if (elem.srcObj) { var title = elem.srcObj.title, val = elem.value; if (elem.srcObj.required !== null && val == "") { title = (title !== "" ? trans("Please fill in") + " " + title : elem.placeholder == "" ? "" : elem.placeholder ).strip_tags(); alert(title); elem .addClass("required") .highlight() .focus(); ret = false; return true; } else if ( elem.srcObj.pattern && val !== "" && !elem.srcObj.pattern.test(val) ) { title = (title !== "" ? trans("Invalid data") + " " + title : elem.placeholder == "" ? "" : elem.placeholder ).strip_tags(); elem.invalid(title); alert(title); elem.highlight().focus(); elem.select(); ret = false; return true; } else { elem.reset(); } } }); if (ret && Object.isFunction(self.callback)) { self.showLoading(); var uploadCallback = function() { if (!loading) { try { self.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : null; self.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument : io.contentWindow.document; } catch (e) {} self.hideLoading(); self.form.method = old_method; self.form.target = old_target; if (self.form.encoding) { self.form.encoding = old_enctype; } else { self.form.enctype = old_enctype; } window.setTimeout(function() { io.removeEvent("load", uploadCallback); io.remove(); }, 1); window.setTimeout(function() { self.callback(self); }, 1); } }; var io = self.createIframe(); io.addEvent("load", uploadCallback); var old_target = this.target || ""; var old_method = this.method || "post"; var old_enctype = this.encoding ? this.encoding : this.enctype; if (this.encoding) { this.encoding = "multipart/form-data"; } else { this.enctype = "multipart/form-data"; } this.target = io.id; this.method = "post"; window.setTimeout(function() { loading = false; frm.submit(); }, 1); ret = false; } } else { ret = false; } return ret; }; frm.GForm = this; this.form = frm; $K.init(frm); }, onsubmit: function(callback) { this.callback = callback; return this; }, submit: function(callback) { var loading = true; var self = this; this.showLoading(); var uploadCallback = function() { if (!loading) { self.hideLoading(); try { self.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : null; self.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument : io.contentWindow.document; } catch (e) {} self.form.method = old_method; self.form.target = old_target; window.setTimeout(function() { io.removeEvent("load", uploadCallback); io.remove(); }, 1); window.setTimeout(function() { callback(self); }, 1); } }; if (this.form.encoding) { this.form.encoding = "multipart/form-data"; } else { this.form.enctype = "multipart/form-data"; } var io = this.createIframe(); io.addEvent("load", uploadCallback); var old_target = this.form.target || ""; var old_method = this.form.method || "post"; this.form.target = io.id; this.form.method = "post"; window.setTimeout(function() { loading = false; self.form.submit(); }, 1); return this; }, createIframe: function() { var frameId = "GForm_Submit_" + gform_id + "_" + (this.form.id || this.form.name); gform_id++; var io = $G(document.body).create("iframe", { id: frameId, name: frameId }); io.setStyle("position", "absolute"); io.setStyle("top", "-1000px"); io.setStyle("left", "-1000px"); return io; }, showLoading: function() { if (this.submitButton) { this.submitButton.disabled = true; } if (this.loading && $E(this.loading)) { this.loading = $G(this.loading); if (this.center) { this.loading.center(); } this.loading.addClass("show"); } return this; }, hideLoading: function() { if (this.loading && $E(this.loading)) { this.loading.removeClass("show"); } else if (this.loader) { this.loader.removeClass("wait"); } if (this.submitButton) { this.submitButton.disabled = false; } return this; }, initLoading: function(loading, center) { this.loading = loading; this.center = center; return this; } }; window.GModal = GClass.create(); GModal.prototype = { initialize: function(options) { this.id = "modaldiv"; this.btnclose = "btnclose"; this.backgroundClass = "modalbg"; this.onhide = $K.emptyFunction; this.onclose = $K.emptyFunction; for (var property in options) { this[property] = options[property]; } var self = this; var checkESCkey = function(e) { if (GEvent.keyCode(e) == 27 || e.key == "Escape" || e.key == "Esc") { self.hide(); GEvent.stop(e); } }; var container_div = "GModal_" + this.id; var doc = $G(document); doc.addEvent("keydown", checkESCkey); if (!$E(container_div)) { var div = doc.createElement("div"); div.id = container_div; doc.body.appendChild(div); var c = doc.createElement("div"); div.appendChild(c); c.className = this.id; var s = doc.createElement("span"); div.appendChild(s); s.className = this.btnclose; s.title = trans("Close"); s.onclick = function() { self.hide(); }; } this.div = $G(container_div); this.body = $G(this.div.firstChild); }, content: function() { return this.body; }, show: function(value, className) { this.body.setHTML(value); this.overlay(); if (className) { this.div.className = className + " show"; } else { this.div.className = "show"; } var self = this; window.setTimeout(function() { var dm = self.body.getDimensions(), hOffset = dm.height - self.body.getClientHeight() + parseInt(self.body.getStyle("marginTop")) + parseInt(self.body.getStyle("marginBottom")) + 40, h = document.viewport.getHeight() - hOffset; if (dm.height > h) { self.div.style.height = h + "px"; } self.div.center(); }, 500); return this; }, hide: function() { this.div.style.height = null; this.div.style.width = null; this.div.style.top = "-100%"; this.div.className = ""; var self = this; this.iframe.fadeOut(function() { self._hide.call(self); }); return this; }, overlay: function() { var frameId = "iframe_" + this.div.id, self = this; if (!$E(frameId)) { var io = $G(document.body).create("iframe", { id: frameId, height: "100%", frameBorder: 0 }); io.setStyle("position", "fixed"); io.setStyle("zIndex", 999); io.className = this.backgroundClass; io.style.display = "none"; } this.iframe = $G(frameId); if (this.iframe.style.display == "none") { this.iframe.style.left = "0px"; this.iframe.style.top = "0px"; this.iframe.style.display = "block"; this.iframe.fadeIn(); $G(self.iframe.contentWindow.document).addEvent("click", function(e) { self.hide(); }); var d = $G(document).getDimensions(); this.iframe.style.height = d.height + "px"; this.iframe.style.width = "100%"; } return this; }, _hide: function() { this.iframe.style.display = "none"; this.body.innerHTML = ""; if (Object.isFunction(this.onclose)) { this.onclose.call(this); } } }; window.GFx = $K.emptyFunction; GFx.prototype = { _run: function() { this.playing = true; this.step(); }, stop: function() { this.playing = false; this.options.onComplete.call(this.Element); } }; window.GScroll = GClass.create(); GScroll.prototype = Object.extend(new GFx(), { initialize: function(container, scroller) { this.options = { speed: 20, duration: 1, pauseit: 1, scrollto: "top" }; this.container = $G(container); this.scroller = $G(scroller); this.container.addEvent("mouseover", function() { this.rel = "pause"; }); this.container.addEvent("mouseout", function() { this.rel = "play"; }); this.container.rel = "play"; this.playing = false; }, play: function(options) { for (var property in options) { this.options[property] = options[property]; } this.scrollerTop = 0; this.scrollerLeft = 0; this._run(); return this; }, step: function() { if (this.container.rel == "play" || this.options.pauseit != 1) { var size = this.container.getDimensions(); if (this.options.scrollto == "bottom") { this.scrollerTop = this.scrollerTop > size.height ? 0 - this.scroller.getHeight() : this.scrollerTop + this.options.duration; this.scroller.style.top = this.scrollerTop + "px"; } else if (this.options.scrollto == "left") { this.scrollerLeft = this.scrollerLeft + this.scroller.getWidth() < 0 ? size.width : this.scrollerLeft - this.options.duration; this.scroller.style.left = this.scrollerLeft + "px"; } else if (this.options.scrollto == "right") { this.scrollerLeft = this.scrollerLeft > size.width ? 0 - this.scroller.getWidth() : this.scrollerLeft + this.options.duration; this.scroller.style.left = this.scrollerLeft + "px"; } else { this.scrollerTop = this.scrollerTop + this.scroller.getHeight() < 0 ? size.height : this.scrollerTop - this.options.duration; this.scroller.style.top = this.scrollerTop + "px"; } } this.timer = window.setTimeout(this.step.bind(this), this.options.speed); } }); window.preload = GClass.create(); preload.prototype = { initialize: function(img, onComplete) { var temp = new Image(); if (img.src) { temp.src = img.src; temp.original = img; } else { temp.src = img; } var _preload = function() { if (temp.complete) { onComplete.call(temp); } else { window.setTimeout(_preload, 30); } }; window.setTimeout(_preload, 30); } }; window.GEvent = { isButton: function(e, code) { var button; e = window.event || e; if (e.which == null) { button = e.button < 2 ? 0 : e.button == 4 ? 1 : 2; } else { button = e.which < 2 ? 0 : e.which == 2 ? 1 : 2; } return button === code; }, isLeftClick: function(e) { return GEvent.isButton(e, 0); }, isMiddleClick: function(e) { return GEvent.isButton(e, 1); }, isRightClick: function(e) { return GEvent.isButton(e, 2); }, isCtrlKey: function(e) { return window.event ? window.event.ctrlKey : e.ctrlKey; }, isShiftKey: function(e) { return window.event ? window.event.shiftKey : e.shiftKey; }, isAltKey: function(e) { return window.event ? window.event.altKey : e.altKey; }, element: function(e) { e = window.event || e; var node = e.target ? e.target : e.srcElement; return e.nodeType == 3 ? node.parentNode : node; }, keyCode: function(e) { e = window.event || e; return e.which || e.keyCode; }, stop: function(e) { e = window.event || e; if (e.stopPropagation) { e.stopPropagation(); } e.cancelBubble = true; if (e.preventDefault) { e.preventDefault(); } e.returnValue = false; }, pointer: function(e) { e = window.event || e; return { x: e.pageX || e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft), y: e.pageY || e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) }; }, pointerX: function(e) { return GEvent.pointer(e).x; }, pointerY: function(e) { return GEvent.pointer(e).y; } }; window.Cookie = { get: function(k) { var v = document.cookie.match( "(?:^|;)\\s*" + k.preg_quote() + "=([^;]*)" ); return v ? decodeURIComponent(v[1]) : null; }, set: function(k, v, options) { var _options = { path: false, domain: false, duration: false, secure: false }; for (var property in options) { _options[property] = options[property]; } v = encodeURIComponent(v); if (_options.domain) { v += "; domain=" + _options.domain; } if (_options.path) { v += "; path=" + _options.path; } if (_options.duration) { var date = new Date(); date.setTime(date.getTime() + _options.duration * 24 * 60 * 60 * 1000); v += "; expires=" + date.toGMTString(); } if (_options.secure) { v += "; secure"; } document.cookie = k + "=" + v; return this; }, remove: function(k) { Cookie.set(k, "", { duration: -1 }); return this; } }; window.GLoading = GClass.create(); GLoading.prototype = { initialize: function() { this.waittime = 0; this.loading = null; }, show: function() { window.clearTimeout(this.waittime); if (this.loading == null && !$E("wait")) { var div = document.createElement("dl"); div.id = "wait"; div.innerHTML = ""; document.body.appendChild(div); } this.loading = $G("wait"); this.loading.addClass("show"); return this; }, hide: function() { if (this.loading) { this.loading.replaceClass("show", "complete"); var self = this; this.waittime = window.setTimeout(function() { self.loading.removeClass("wait show complete"); }, 500); } return this; } }; window.GValidator = GClass.create(); GValidator.prototype = { initialize: function(input, events, validtor, action, callback, form) { this.timer = 0; this.req = new GAjax(); this.interval = 1000; this.input = $G(input); this.input.Validator = this; this.title = this.input.get("title"); this.validtor = validtor; this.action = action; this.callback = callback; this.form = form; var temp = this; if (form && form !== "") { form = $G(form); form.addEvent("submit", function() { temp.abort(); }); } forEach(events.split(","), function() { temp.input.addEvent(this, temp.validate.bind(temp)); }); }, validate: function() { this.abort(); var ret = Object.isFunction(this.validtor) ? this.validtor.call(this.input) : true; if (this.form && ret && this.action && ret !== "" && this.action !== "") { this.input.addClass("wait"); var temp = this; this.timer = window.setTimeout(function() { temp.req.send(temp.action, ret, function(xhr) { temp.input.removeClass("wait"); if (temp.callback) { ret = temp.callback.call(temp, xhr); } else { ret = xhr.responseText; } if (!ret || ret == "") { temp.valid(); } else { try { ret = eval(ret); } catch (e) {} temp.invalid(ret); } }); }, this.interval); } }, abort: function() { window.clearTimeout(this.timer); this.req.abort(); this.input.reset(); return this; }, interval: function(value) { this.interval = value; return this; }, valid: function(className) { this.input.valid(className); }, invalid: function(value, className) { this.input.invalid(value, className); }, reset: function() { this.input.set("title", this.title); this.input.reset(); } }; window.GDrag = GClass.create(); GDrag.prototype = { initialize: function(src, options) { this.options = { beginDrag: $K.emptyFunction, moveDrag: $K.emptyFunction, endDrag: $K.emptyFunction, srcOnly: true }; for (var property in options) { this.options[property] = options[property]; } this.src = $G(src); var self = this; function _mousemove(e) { self.mousePos = GEvent.pointer(e); self.options.moveDrag.call(self); } function cancelEvent(e) { GEvent.stop(e); } function _mouseup(e) { document.removeEvent("mouseup", _mouseup); document.removeEvent("mousemove", _mousemove); document.removeEvent("selectstart dragstart", cancelEvent); if (self.src.releaseCapture) { self.src.releaseCapture(); } self.mousePos = GEvent.pointer(e); GEvent.stop(e); self.options.endDrag.call(self.src); } function _mousedown(e) { var delay, src = GEvent.element(e), temp = this; function _cancelClick() { window.clearTimeout(delay); this.removeEvent("mouseup", _cancelClick); } if ((!self.options.srcOnly || src == self.src) && GEvent.isLeftClick(e)) { GEvent.stop(e); self.mousePos = GEvent.pointer(e); if (this.setCapture) { this.setCapture(); } delay = window.setTimeout(function() { document.addEvent("mouseup", _mouseup); document.addEvent("mousemove", _mousemove); document.addEvent("selectstart dragstart", cancelEvent); self.options.beginDrag.call(self); }, 100); temp.addEvent("mouseup", _cancelClick); } else if ($K.isMobile()) { src.callEvent('click'); } } this.src.addEvent("mousedown", _mousedown); function touchHandler(e) { var touches = e.changedTouches, first = touches[0], type = ""; switch (e.type) { case "touchstart": type = "mousedown"; break; case "touchmove": type = "mousemove"; break; case "touchend": type = "mouseup"; break; default: return; } var simulatedEvent = document.createEvent("MouseEvent"); simulatedEvent.initMouseEvent( type, true, false, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0, null ); first.target.dispatchEvent(simulatedEvent); e.preventDefault(); } this.src.addEvent("touchstart touchmove touchend", touchHandler, false); } }; window.GDragMove = GClass.create(); GDragMove.prototype = { initialize: function(move_id, drag_id, options) { this.options = { beginDrag: $K.resultFunction, moveDrag: $K.resultFunction, endDrag: $K.emptyFunction, srcOnly: true }; for (var property in options) { this.options[property] = options[property]; } this.dragObj = $G(drag_id); this.dragObj.style.cursor = "move"; this.moveObj = $G(move_id); var Hinstance = this; function _beginDrag() { if ( Hinstance.options.beginDrag.call(Hinstance.moveObj, { mousePos: this.mousePos, mouseOffset: Hinstance.mouseOffset }) ) { Hinstance.mouseOffset = { x: this.mousePos.x - Hinstance.moveObj.getStyle("left").toInt(), y: this.mousePos.y - Hinstance.moveObj.getStyle("top").toInt() }; } } function _moveDrag() { if ( Hinstance.options.moveDrag.call(Hinstance.moveObj, { mousePos: this.mousePos, mouseOffset: Hinstance.mouseOffset }) ) { Hinstance.moveObj.style.top = this.mousePos.y - Hinstance.mouseOffset.y + "px"; Hinstance.moveObj.style.left = this.mousePos.x - Hinstance.mouseOffset.x + "px"; } } function _endDrag() { Hinstance.options.endDrag.call(Hinstance.moveObj, { mousePos: this.mousePos, mouseOffset: Hinstance.mouseOffset }); } var o = { beginDrag: _beginDrag, moveDrag: _moveDrag, endDrag: _endDrag, srcOnly: this.options.srcOnly }; new GDrag(this.dragObj, o); } }; window.GTime = GClass.create(); GTime.prototype = { initialize: function(id, onchanged) { this.input = $G(id); this.input.addClass("gtime ginput"); this.onchanged = onchanged || $K.emptyFunction; this.firstKey = null; this.highlight = ""; this.mouse_click = false; if ($K.isMobile()) { this.panel = new GDropdown(this.input); this.input.readOnly = true; $G(document.body).addEvent("click", function(e) { if (!$G(GEvent.element(e)).hasClass("ginput")) { self.panel.hide(); } }); } this.onchanged.call(this); var self = this; var doSetCaret = function() { if (self.input.readOnly) { self._draw(); } var caret = self.input.getCaretPosition(); if (caret.start == 5 && caret.end == 5) { caret.start = 0; caret.end = 2; } self._setCaret(caret.start); self.firstKey = null; }; this.input.addEvent("focus", function() { if (self.mouse_click === false) { window.setTimeout(doSetCaret, 1); } self.mouse_click = false; }); this.input.addEvent("click", doSetCaret); this.input.addEvent("paste", function(e) { GEvent.stop(e); }); this.input.addEvent("keydown", function(e) { var key = GEvent.keyCode(e); var stop = false; if (key == 8) { self.input.value = "--:--"; self._setCaret(0); self.firstKey = null; stop = true; } else if (key == 37) { self._setCaret(0); self.firstKey = null; stop = true; } else if (key == 38) { var times = self.input.value.split(":"); var caret = 0; if (self.highlight == "hour") { var t = Math.min(23, floatval(times[0]) + 1); if (t < 10) { times[0] = "0" + t; } else { times[0] = t; } } else if (self.highlight == "minute") { var t = Math.min(59, floatval(times[1]) + 1); if (t < 10) { times[1] = "0" + t; } else { times[1] = t; } caret = 3; } self.input.value = times[0] + ":" + times[1]; self._setCaret(caret); stop = true; } else if (key == 39) { self._setCaret(3); self.firstKey = null; stop = true; } else if (key == 40) { var times = self.input.value.split(":"); var caret = 0; if (self.highlight == "hour") { var t = Math.max(0, floatval(times[0]) - 1); if (t < 10) { times[0] = "0" + t; } else { times[0] = t; } } else if (self.highlight == "minute") { var t = Math.max(0, floatval(times[1]) - 1); if (t < 10) { times[1] = "0" + t; } else { times[1] = t; } caret = 3; } self.input.value = times[0] + ":" + times[1]; self._setCaret(caret); stop = true; } if (stop) { GEvent.stop(e); return false; } }); new GMask(this.input, function(e) { if (/[0-9]/.test(e.key)) { self._set(floatval(e.key)); return true; } return false; }); this.input.value = this._toTime(this.input.value); }, _set: function(c) { var times = this.input.value.split(":"); var caret = 0; if (this.highlight == "hour") { if (this.firstKey == null) { times[0] = "0" + c; if (c < 3) { this.firstKey = c; caret = 0; } else { caret = 3; this.firstKey = null; } } else { c = floatval(String(this.firstKey) + c); times[0] = c < 10 ? "0" + c : String(Math.min(23, c)); caret = 3; this.firstKey = null; } } else if (this.highlight == "minute") { if (this.firstKey == null) { times[1] = "0" + c; this.firstKey = c; } else { c = floatval(String(this.firstKey) + c); times[1] = c < 10 ? "0" + c : String(Math.min(59, c)); this.firstKey = null; } caret = 3; } this.input.value = (times[0] == "" ? "--" : times[0]) + ":" + (times[1] || "--"); this._setCaret(caret); }, getTime: function() { return this.input.value == "--:--" ? "" : this.input.value + ":00"; }, setTime: function(time) { this.input.value = this._toTime(time); this.onchanged.call(this); return this; }, _toTime: function(time) { time = /([0-9]{1,2})(:([0-9]{1,2}))?(:([0-9]{1,2}))?/.exec(time); if (time) { var h = Math.min(23, floatval(time[1])); var m = Math.min(59, floatval(time[3])); return (h < 10 ? "0" + h : h) + ":" + (m < 10 ? "0" + m : m); } return "--:--"; }, _setCaret: function(pos) { if (pos < 3) { this.input.setCaretPosition(0, 2); this.highlight = "hour"; } else { this.input.setCaretPosition(3, 2); this.highlight = "minute"; } }, _draw: function() { var dropdown = this.panel.getDropdown(), panel = document.createElement('div'); self = this; dropdown.innerHTML = ""; panel.className = 'ginput'; dropdown.appendChild(panel); forEach(["1", "2", "3", "4", "5", "6", "7", "8", "9", "0", "↵", "⇐"], function() { var a = document.createElement("a"); a.innerHTML = this; if (this == "↵") { a.className = "enter"; } else if (this == "⇐") { a.className = "backspace"; } panel.appendChild(a); $G(a).addEvent("click", function(e) { var elem = GEvent.element(e); if (elem.className == "enter") { self.panel.hide(); } else if (elem.className == "backspace") { self.input.value = "--:--"; self._setCaret(0); self.firstKey = null; } else { self._set(floatval(elem.innerHTML)); } self.mouse_click = true; self.input.focus(); GEvent.stop(e); return false; }); }); this.panel.show(); } }; window.GMask = GClass.create(); GMask.prototype = { initialize: function(id, onkeypress) { var input = $G(id), tmp = this; this.maxlength = floatval(input.maxlength); this.disabled = input.disabled; this.required = input.required; if (input.min) { this.min = floatval(input.min); } if (input.max) { this.max = floatval(input.max); } if (input.pattern) { this.pattern = new RegExp(input.pattern); input.setAttribute("pattern", "(.*){0,}"); } function checkKey(e) { if (e.key) { return /^(Backspace|(Arrow)?Left|(Arrow)?Right|Enter|Tab|Delete)$/.test( e.key ); } else { var key = GEvent.keyCode(e); if ( key == 8 || key == 37 || key == 39 || key == 13 || key == 9 || key == 46 ) { return true; } else { return false; } } } var doActive = function(e) { var el = e.target; tmp.oldCursor = el.getCaretPosition(); tmp.key = false; tmp.oldValue = el.value; }; var doKeydown = function(e) { var el = e.target; tmp.oldCursor = el.getCaretPosition(); tmp.key = checkKey(e); tmp.oldValue = el.value; if ( tmp.maxlength > 0 && !tmp.key && !GEvent.isCtrlKey(e) && tmp.oldCursor.start == tmp.oldCursor.end ) { if (el.value.length >= tmp.maxlength) { GEvent.stop(e); return false; } } }; var doInput = function(e) { var ret = true, el = e.target, value = el.value; if (value != "" && !tmp.key && !GEvent.isCtrlKey(e)) { e.key = value.substr(tmp.oldCursor.start, 1); if (Object.isFunction(onkeypress)) { ret = onkeypress.call(el, e); } else if (tmp.pattern) { ret = tmp.pattern.test(value); } if (tmp.maxlength > 0 && value.length > tmp.maxlength) { el.value = value.substr(0, tmp.maxlength); el.setSelectionRange(tmp.oldCursor.end, tmp.oldCursor.end); } else if (!ret) { el.value = tmp.oldValue; el.setSelectionRange(tmp.oldCursor.end, tmp.oldCursor.end); } } }; input.addEvent("focus", doActive); input.addEvent("keydown", doKeydown); input.addEvent("input", doInput); } }; window.GInput = GClass.create(); GInput.prototype = { initialize: function(id, inputchar, onchanged) { this.input = $G(id); this.input.addClass("ginput"); this.keyboard = inputchar.split(""); this.keyboard.push("↵"); this.keyboard.push("⇐"); this.onchanged = onchanged || $K.emptyFunction; this.maxlength = floatval(this.input.maxlength); var self = this; if ($K.isMobile()) { this.panel = new GDropdown(this.input); this.input.readOnly = true; this.input.addEvent("click", function(e) { self.input.setCaretPosition(self.input.value.length, 1); self._draw(); GEvent.stop(e); return false; }); $G(document.body).addEvent("click", function(e) { if (!$G(GEvent.element(e)).hasClass("ginput")) { self.panel.hide(); self._dochanged(); if (self.panel.input) { if (self.panel.input_value != self.panel.input.value) { self.panel.input.callEvent("change"); } self.panel.input = null; } } }); } else { this.input.addEvent("focus", function() { self.input.select(); }); } new GMask(this.input, function(e) { return self.keyboard.indexOf(e.key) > -1; }); this.input.addEvent("change", function() { self._dochanged(); }); this._dochanged(); }, _dochanged: function() { this.onchanged.call(this.input); }, _draw: function() { var dropdown = this.panel.getDropdown(), self = this, panel = document.createElement('div'); dropdown.innerHTML = ""; panel.className = 'ginput'; dropdown.appendChild(panel); forEach(this.keyboard, function() { var a = document.createElement("a"); a.innerHTML = this; if (this == "↵") { a.className = "enter"; } else if (this == "⇐") { a.className = "backspace"; } panel.appendChild(a); $G(a).addEvent("click", function(e) { var elem = GEvent.element(e); if (elem.className == "backspace") { if (document.selection) { self.input.focus(); document.selection.empty(); } else { var text = self.input.value, startPos = self.input.selectionStart, endPos = self.input.selectionEnd; if ((startPos > 0 && endPos > 0) || endPos > startPos) { startPos = startPos == endPos ? startPos - 1 : startPos; text = text.slice(0, startPos) + text.slice(endPos); self.input.value = text; self.input.selectionStart = startPos; self.input.selectionEnd = startPos; } self.input.focus(); } GEvent.stop(e); } else if (elem.className != "enter") { var text = this.innerHTML; self.input.focus(); if (document.selection) { sel.setSelectedText(text); } else if ( self.input.selectionStart || self.input.selectionStart === 0 ) { var startPos = self.input.selectionStart, endPos = self.input.selectionEnd, value = self.input.value.substring(0, startPos) + text + self.input.value.substring(endPos, self.input.value.length); if (self.maxlength == 0 || value.length <= self.maxlength) { self.input.value = value; self.input.selectionStart = startPos + text.length; self.input.selectionEnd = startPos + text.length; } else { self.input.selectionStart = startPos; self.input.selectionEnd = endPos; } } else { text = self.input.value + text; if (self.maxlength == 0 || text.length <= self.maxlength) { self.input.value = text; } } GEvent.stop(e); } }); }); this.panel.show(); this.panel.input = this.input; this.panel.input_value = this.input.value; } }; window.GDropdown = GClass.create(); GDropdown.prototype = { initialize: function(src, o) { this.src = src; this.options = { autoHeight: false, id: 'gdropdown', className: 'gdropdown' }; for (var prop in o) { this.options[prop] = o[prop]; } if (!$E(this.options.id)) { var div = document.createElement("div"); document.body.appendChild(div); div.id = this.options.id; } this.dropdown = $G(this.options.id); this.dropdown.style.position = "absolute"; this.dropdown.style.display = "none"; this.dropdown.style.zIndex = 1001; }, getDropdown: function() { return this.dropdown; }, show: function() { if (this.options.className) { this.dropdown.classList.add(this.options.className); } var vpo = this.src.viewportOffset(), input_height = this.src.getHeight(), dm = this.dropdown.getDimensions(), scrolltop = document.viewport.getscrollTop(), doc_height = document.viewport.getHeight(), top_space = vpo.top - scrolltop, bottom_space = doc_height - top_space - input_height; if (this.options.autoHeight) { var space = Math.max(top_space, bottom_space); if (dm.height > space) { this.dropdown.style.height = (space - 10) + 'px'; dm = this.dropdown.getDimensions(); } } if (top_space >= bottom_space) { this.dropdown.style.top = Math.max(vpo.top - dm.height - 5, 0) + "px"; } else { this.dropdown.style.top = (vpo.top + input_height + 5) + "px"; } var l = Math.max( vpo.left + dm.width > document.viewport.getWidth() ? vpo.left + this.src.getWidth() - dm.width : vpo.left, document.viewport.getscrollLeft() + 5 ); this.dropdown.style.left = l + "px"; this.dropdown.style.display = "block"; }, hide: function() { if (this.options.className) { this.dropdown.classList.remove(this.options.className); } this.dropdown.style.display = "none"; this.dropdown.style.height = 'auto'; }, showing: function() { return this.dropdown.style.display == "block"; } }; window.GCalendar = GClass.create(); GCalendar.prototype = { initialize: function(id) { this.hidden = $E(id); this.input = $G(document.createElement("div")); this.hidden.parentNode.insertBefore(this.input, this.hidden); this.placeholder = document.createElement("div"); this.placeholder.className = "placeholder"; this.placeholder.style.position = "absolute"; this.input.appendChild(this.placeholder); this.display = document.createElement("div"); this.display.id = this.hidden.id + "_display"; this.input.appendChild(this.display); this.input.tabIndex = 0; this.input.style.cursor = "pointer"; this.hidden_value = null; this.mdate = null; this.xdate = null; this.mode = 0; this.format = "d M Y"; this.date = null; this.cdate = new Date(); this.calendar = new GDropdown(this.input); var self = this; this.input.addEvent("click", function(e) { self.mode = 0; self.cdate.setTime(self.date ? self.date.valueOf() : new Date()); self._draw(); GEvent.stop(e); return false; }); this.input.addEvent("keydown", function(e) { var key = GEvent.keyCode(e); if (key == 9) { self.calendar.hide(); } else if (key == 32) { self._toogle(e); } else if (key == 37 || key == 39) { self.moveDate(key == 39 ? 1 : -1); self._draw(); GEvent.stop(e); } else if (key == 38 || key == 40) { if (GEvent.isShiftKey(e)) { self.moveYear(key == 40 ? 1 : -1); } else if (GEvent.isCtrlKey(e)) { self.moveMonth(key == 40 ? 1 : -1); } else { self.moveDate(key == 40 ? 7 : -7); } self._draw(); GEvent.stop(e); } else if (key == 8 && self.hidden.readOnly == false && self.hidden.disabled == false) { self.setDate(null); GEvent.stop(e); } else { GEvent.stop(e); } }); $G(document.body).addEvent("click", function(e) { if (!( $G(GEvent.element(e)).hasClass("input-gcalendar") || $G(GEvent.element(e).parentNode).hasClass("input-gcalendar") )) { self.calendar.hide(); } }); this.hidden.calendar = this; this.hidden.setAttribute("type", "hidden"); if (this.hidden.min) { this.minDate(this.hidden.min); } if (this.hidden.max) { this.maxDate(this.hidden.max); } this.timer = window.setInterval(function() { if ($E(self.hidden)) { if (self.hidden.value != self.hidden_value) { self.hidden_value = self.hidden.value; self.setDate(self.hidden.value); } var cls = ["input-gcalendar"]; if (self.hidden.className != "") { cls.push(self.hidden.className); } if (self.hidden.disabled) { cls.push("disabled"); } cls = cls.join(" "); if (cls != self.input.className) { self.input.className = cls; } if (self.hidden.title != self.input.title) { self.input.title = self.hidden.title; } if (self.hidden.placeholder != self.placeholder.innerHTML) { self.placeholder.innerHTML = self.hidden.placeholder; } } else { window.clearInterval(self.timer); } }, 100); }, _dochanged: function() { if (this.xdate && this.date && this.date > this.xdate) { this.date.setTime(this.xdate.valueOf()); } else if (this.mdate && this.date && this.date < this.mdate) { this.date.setTime(this.mdate.valueOf()); } if (this.date) { this.cdate.setTime(this.date.valueOf()); this.display.innerHTML = this.date.format(this.format); this.hidden_value = this.date.format("y-m-d"); } else { this.cdate.setTime(new Date()); this.display.innerHTML = ""; this.hidden_value = ""; } this.placeholder.style.display = this.hidden_value == "" ? "block" : "none"; this.hidden.value = this.hidden_value; if (this.hidden.callEvent) { this.hidden.callEvent("change"); } }, _toogle: function(e) { if (this.calendar.showing()) { this.calendar.hide(); } else { this.mode = 0; if (this.date) { this.cdate.setTime(this.date.valueOf()); } else { this.cdate.setTime(new Date()); } this._draw(); } GEvent.stop(e); }, _draw: function() { if (this.hidden.readOnly == false && this.hidden.disabled == false) { var self = this, calendar = this.calendar.getDropdown(); calendar.innerHTML = ""; var div = document.createElement("div"); calendar.appendChild(div); div.className = "gcalendar"; var p = document.createElement("p"); div.appendChild(p); var a = document.createElement("a"); p.appendChild(a); a.innerHTML = "←"; a.style.cursor = "pointer"; $G(a).addEvent("click", function(e) { self._move(e, -1); GEvent.stop(e); return false; }); if (this.mode < 2) { a = document.createElement("a"); a.innerHTML = this.cdate.format(this.mode == 1 ? "Y" : "M Y"); $G(a).addEvent("click", function(e) { self.mode++; self._draw(); GEvent.stop(e); return false; }); } else { var start_year = this.cdate.getFullYear() - 6; a = document.createElement("span"); a.appendChild( document.createTextNode( start_year + Date.yearOffset + "-" + (start_year + 11 + Date.yearOffset) ) ); } p.appendChild(a); a.style.cursor = "pointer"; a = document.createElement("a"); p.appendChild(a); a.innerHTML = "→"; a.style.cursor = "pointer"; $G(a).addEvent("click", function(e) { self._move(e, 1); GEvent.stop(e); return false; }); var table = document.createElement("table"); div.appendChild(table); var thead = document.createElement("thead"); table.appendChild(thead); var tbody = document.createElement("tbody"); table.appendChild(tbody); var intmonth = this.cdate.getMonth() + 1; var intyear = this.cdate.getFullYear(); var cls = ""; var today = new Date(); var today_month = today.getMonth() + 1; var today_year = today.getFullYear(); var today_date = today.getDate(); var sel_month = this.date ? this.date.getMonth() + 1 : today_month; var sel_year = this.date ? this.date.getFullYear() : today_year; var sel_date = this.date ? this.date.getDate() : today_date; var r = 0; var c = 0; var bg, row, cell; if (this.mode == 2) { for (var i = start_year; i < start_year + 12; i++) { c = (i - start_year) % 4; if (c == 0) { row = tbody.insertRow(r); bg = bg == "bg1" ? "bg2" : "bg1"; row.className = "gcalendar_" + bg; r++; } cell = row.insertCell(c); cls = "month"; if (i == sel_year) { cls = cls + " select"; } if (i == today_year) { cls = cls + " today"; } cell.className = cls; cell.appendChild(document.createTextNode(i + Date.yearOffset)); cell.oDate = new Date(i, 1, 1, 12, 0, 0, 0); $G(cell).addEvent("click", function(e) { self.cdate.setTime(this.oDate.valueOf()); self.mode--; self._draw(); GEvent.stop(e); return false; }); } } else if (this.mode == 1) { forEach(Date.monthNames, function(month, i) { c = i % 4; if (c == 0) { row = tbody.insertRow(r); bg = bg == "bg1" ? "bg2" : "bg1"; row.className = "gcalendar_" + bg; r++; } cell = row.insertCell(c); cls = "month"; if (intyear == sel_year && i + 1 == sel_month) { cls = cls + " select"; } if (intyear == today_year && i + 1 == today_month) { cls = cls + " today"; } cell.className = cls; cell.appendChild(document.createTextNode(month)); cell.oDate = new Date(intyear, i, 1, 0, 0, 0, 0); $G(cell).addEvent("click", function(e) { self.cdate.setTime(this.oDate.valueOf()); self.mode--; self._draw(); GEvent.stop(e); return false; }); }); } else { row = thead.insertRow(0); forEach(Date.dayNames, function(item, i) { cell = document.createElement("th"); row.appendChild(cell); cell.appendChild(document.createTextNode(item)); }); var tmp_prev_month = intmonth - 1; var tmp_next_month = intmonth + 1; var tmp_next_year = intyear; var tmp_prev_year = intyear; if (tmp_prev_month == 0) { tmp_prev_month = 12; tmp_prev_year--; } if (tmp_next_month == 13) { tmp_next_month = 1; tmp_next_year++; } var initial_day = 1; var tmp_init = new Date(intyear, intmonth, 1, 0, 0, 0, 0).dayOfWeek(); var max_prev = new Date(tmp_prev_year, tmp_prev_month, 0, 0, 0, 0, 0).daysInMonth(); var max_this = new Date(intyear, intmonth, 0, 0, 0, 0, 0).daysInMonth(); if (tmp_init !== 0) { initial_day = max_prev - (tmp_init - 1); } tmp_next_year = tmp_next_year.toString(); tmp_prev_year = tmp_prev_year.toString(); tmp_next_month = tmp_next_month.toString(); tmp_prev_month = tmp_prev_month.toString(); var pointer = initial_day; var flag_init = initial_day == 1 ? 1 : 0; var tmp_month = initial_day == 1 ? intmonth : parseInt(tmp_prev_month); var tmp_year = initial_day == 1 ? intyear : parseInt(tmp_prev_year); var flag_end = 0; r = 0; for (var x = 0; x < 42; x++) { if (tmp_init !== 0 && pointer > max_prev && flag_init == 0) { flag_init = 1; pointer = 1; tmp_month = intmonth; tmp_year = intyear; } if (flag_init == 1 && flag_end == 0 && pointer > max_this) { flag_end = 1; pointer = 1; tmp_month = parseInt(tmp_next_month); tmp_year = parseInt(tmp_next_year); } c = x % 7; if (c == 0) { row = tbody.insertRow(r); r++; } cell = row.insertCell(c); cell.oDate = new Date(tmp_year, tmp_month - 1, pointer, 0, 0, 0, 0); cell.title = cell.oDate.format(self.format); cell.appendChild(document.createTextNode(pointer)); var canclick = true; if (this.mdate !== null && this.xdate !== null) { canclick = cell.oDate >= this.mdate && cell.oDate <= this.xdate; } else if (this.mdate !== null) { canclick = cell.oDate >= this.mdate; } else if (this.xdate !== null) { canclick = cell.oDate <= this.xdate; } if (canclick) { cls = tmp_month == intmonth ? "curr" : "ex"; } else { cls = "ex"; } $G(cell).addEvent("click", function(e) { var c = this.hasClass('curr ex'); if (c == 'curr') { if (self.date === null) { self.date = new Date(); } self.date.setTime(this.oDate.valueOf()); } else if (c == 'ex') { self.date = null; } self._dochanged(); $E(self.input).focus(); }); if (tmp_year == sel_year && tmp_month == sel_month && pointer == sel_date) { cls = cls + " select"; } if (tmp_year == today_year && tmp_month == today_month && pointer == today_date) { cls = cls + " today"; } cell.className = cls; pointer++; } } this.calendar.show(); } }, _move: function(e, value) { if (this.mode == 2) { this.cdate.setFullYear(this.cdate.getFullYear() + value * 12); } else if (this.mode == 1) { this.cdate.setFullYear(this.cdate.getFullYear() + value); } else { this.cdate.setMonth(this.cdate.getMonth() + value); } this._draw(); GEvent.stop(e); }, moveDate: function(day) { if (this.date === null) { this.date = new Date(); } this.date.setDate(this.date.getDate() + day); this._dochanged(); return this; }, moveMonth: function(month) { if (this.date === null) { this.date = new Date(); } this.date.setMonth(this.date.getMonth() + month); this._dochanged(); return this; }, moveYear: function(year) { if (this.date === null) { this.date = new Date(); } this.date.setFullYear(this.date.getFullYear() + year); this._dochanged(); return this; }, setFormat: function(value) { this.format = value; this._dochanged(); return this; }, setDate: function(date) { if (date === null || !/[0-9]{2,4}\-[0-9]{1,2}\-[0-9]{1,2}(\s[0-9:]+)?/.test(date)) { this.date = null; } else { this.date = this._toDate(date); } this._dochanged(); return this; }, getDate: function() { if (this.date) { var d = new Date(); d.setTime(this.date.valueOf()); return d; } return null; }, getDateFormat: function(format) { if (this.date) { format = format || this.format; return this.getDate().format(format); } return null; }, minDate: function(date) { if (date === null) { this.mdate = null; } else if (Object.isString(date) && date === '') { if (this.mdate == null) { this.mdate = new Date(); } this.mdate.setTime(this.date ? this.date.valueOf() : new Date()); } else { this.mdate = this._toDate(date); } return this; }, maxDate: function(date) { if (date === null) { this.xdate = null; } else if (Object.isString(date) && date === '') { if (this.xdate == null) { this.xdate = new Date(); } this.xdate.setTime(this.date ? this.date.valueOf() : new Date()); } else { this.xdate = this._toDate(date); } return this; }, setText: function(value) { this.display.innerHTML = value; }, _toDate: function(date) { var d = null; if (Object.isString(date)) { d = date.toDate(); d = d == null ? new Date() : d; } else { d = new Date(); if (!Object.isNull(date)) { d.setTime(date.valueOf()); } } return d; } }; window.GFxZoom = GClass.create(); GFxZoom.prototype = Object.extend(new GFx(), { initialize: function(elem, options) { this.options = { duration: 2, speed: 1, offset: 0, fitdoc: true, onComplete: $K.emptyFunction, onResize: $K.emptyFunction }; for (var property in options) { this.options[property] = options[property]; } this.options.duration = this.options.duration > 8 ? 8 : this.options.duration; this.options.duration -= this.options.duration % 2 == 0 ? 0 : 1; this.Player = $G(elem); this.Player.style.zIndex = 9999999; var tmp = this.Player.viewportOffset(); this.t = tmp.top; this.l = tmp.left; tmp = this.Player.getDimensions(); this.w = tmp.width; this.h = tmp.height; }, play: function(dw, dh, dl, dt) { var cw = document.viewport.getWidth(); var ch = document.viewport.getHeight(); if (this.options.fitdoc) { if (dw > cw) { dh = Math.round((cw * dh) / dw); dw = cw; } if (dh > ch) { dw = Math.round((ch * dw) / dh); dh = ch; } dw = dw - this.options.offset; dh = dh - this.options.offset; } this.dw = dw; this.dh = dh; if (dl == null) { dl = document.viewport.getscrollLeft() + (cw - dw) / 2; } if (dt == null) { dt = document.viewport.getscrollTop() + (ch - dh) / 2; } this.lStep = (dl - this.l) / 2 / this.options.duration; this.tStep = (dt - this.t) / 2 / this.options.duration; this.wStep = (dw - this.w) / 2 / this.options.duration; this.hStep = (dh - this.h) / 2 / this.options.duration; this.timer = window.setInterval(this.step.bind(this), this.options.speed); this.options.onResize.call(this); }, step: function() { if (this.w != this.dw || this.h != this.dh) { this.l += this.lStep; this.t += this.tStep; this.w += this.wStep; this.h += this.hStep; this.Player.style.left = this.l + "px"; this.Player.style.top = this.t + "px"; this.Player.style.width = this.w + "px"; this.Player.style.height = this.h + "px"; this.options.onResize.call(this); } else { this.stop(); } }, stop: function() { window.clearInterval(this.timer); this.options.onComplete.call(this); } }); window.Color = GClass.create(); Color.prototype = { initialize: function(value) { if (Array.isArray(value)) { this.r = value[0]; this.g = value[1]; this.b = value[2]; this.a = value.length > 3 ? value[3] : null; } else { var rgb = /#?([a-zA-Z0-9]{1,2})([a-zA-Z0-9]{1,2})([a-zA-Z0-9]{1,2})([a-zA-Z0-9]{0,2})$/.exec( value ); if (rgb) { this.r = rgb[1].length == 2 ? parseInt(rgb[1], 16) : parseInt(rgb[1] + rgb[1], 16); this.g = rgb[2].length == 2 ? parseInt(rgb[2], 16) : parseInt(rgb[2] + rgb[2], 16); this.b = rgb[3].length == 2 ? parseInt(rgb[3], 16) : parseInt(rgb[3] + rgb[3], 16); this.a = rgb[4] == "" ? null : rgb[4].length == 2 ? parseInt(rgb[4], 16) : parseInt(rgb[4] + rgb[4], 16); } else { this.r = 0; this.g = 0; this.b = 0; this.a = null; } } }, darken: function(amount) { return new Color([ Math.max(0, Math.round(this.r - amount)), Math.max(0, Math.round(this.g - amount)), Math.max(0, Math.round(this.b - amount)), this.a ]); }, lighten: function(amount) { return new Color([ Math.min(255, Math.round(this.r + amount)), Math.min(255, Math.round(this.g + amount)), Math.min(255, Math.round(this.b + amount)), this.a ]); }, invert: function() { return new Color([ this.r > 128 ? 0 : 255, this.g > 128 ? 0 : 255, this.b > 128 ? 0 : 255, this.a ]); }, toString: function() { return ( "#" + this.r .toString(16) .toUpperCase() .leftPad(2, "0") + this.g .toString(16) .toUpperCase() .leftPad(2, "0") + this.b .toString(16) .toUpperCase() .leftPad(2, "0") + (this.a !== null && this.a !== 1 ? this.a .toString(16) .toUpperCase() .leftPad(2, "0") : "") ); }, toRGB: function() { return this.a !== null && this.a !== 1 ? "rgba(" + this.r + ", " + this.g + ", " + this.b + ", " + this.a + ")" : "rgb(" + this.r + ", " + this.g + ", " + this.b + ")"; }, toArray: function() { return [this.r, this.g, this.b, this.a]; } }; window.GDDColor = GClass.create(); GDDColor.prototype = { initialize: function(id, onchanged) { this.Colors = Array( "B71C1C", "880E4F", "4A148C", "311B92", "1A237E", "0D47A1", "304FFE", "01579B", "2387CA", "006064", "004D40", "1B5E20", "33691E", "827717", "FFD600", "FF6F00", "E65100", "BF360C", "3E2723", "263238", "FFFFFF", "000000", "T", "C" ); this.cols = 6; this.input = $G(id); this.input.addClass("gddcolor"); if ($K.isMobile()) { this.input.readOnly = true; } this.onchanged = onchanged || $K.emptyFunction; this.color = ""; this.color_format = /^((transparent)|(\#[0-9a-fA-F]{6,6}))$/i; this.ddcolor = new GDropdown(this.input); var self = this; this.input.addEvent("click", function(e) { self.createColors(); self.ddcolor.show(); self.showDemo(self.color); self.pickColor(self.color); GEvent.stop(e); return false; }); new GMask(this.input, function(e) { return /[0-9a-fA-F]/.test(e.key); }); this.input.addEvent("keydown", function(e) { var key = GEvent.keyCode(e); if (key == 38 || key == 39 || key == 40 || /^(Arrow)?(Up|Down|Right)$/.test(e.key)) { self.createColors(); self.ddcolor.show(); $E('gddcolor_div').firstChild.firstChild.focus(); GEvent.stop(e); return false; } }); if (this.input.type == "text") { this.input.addEvent("keyup", function() { var value = this.value.toUpperCase(); if (value != "TRANSPARENT") { var c = value.replace("#", "").replace(/[^0-9A-F]+/, ""); if (c != "") { this.value = "#" + c; } } }); } else { this.input.style.cursor = "pointer"; self.input.tabIndex = 0; } $G(document.body).addEvent("click", function(e) { if (!$G(GEvent.element(e)).hasClass("gddcolor")) { self.ddcolor.hide(); } }); if (self.input.value) { self.timer = window.setInterval(function() { if (!$E(self.input)) { window.clearInterval(self.timer); } else if (self.input.value !== self.color) { if (self.input.value == "") { self.color = ""; self.input.style.color = "#000000"; self.input.style.backgroundColor = "#FFFFFF"; } else if (self.color_format.test(self.input.value)) { self.color = self.input.value; self.input.style.color = self.invertColor(self.color); self.input.style.backgroundColor = self.color; } else { return; } self.pickColor(self.color); self.showDemo(self.color); self.input.callEvent("change"); } }, 50); } }, createColors: function() { var r = this.Colors.length / this.cols, t = this.input.tabIndex + 1, dropdown = this.ddcolor.getDropdown(), ddcolor = document.createElement('div'), self = this, patt = /((color_)([0-9]+)_)([0-9]+)/; dropdown.innerHTML = ""; ddcolor.className = 'gddcolor'; ddcolor.id = 'gddcolor_div'; dropdown.appendChild(ddcolor); var _dokeydown = function(e) { var key = GEvent.keyCode(e), hs = patt.exec(this.id), z = floatval(hs[3]), x = floatval(hs[4]); if (key > 36 && key < 41) { if (key == 37) { x = x - 1; } else if (key == 38) { if (z == self.cols + 1) { x = x < 5 ? 0 : 1; } z = z - 1; } else if (key == 39) { x = x + 1; } else if (key == 40) { if (z == self.cols - 1) { x = x < 5 ? 0 : 1; } z = z + 1; } var el = $E(hs[2] + z + "_" + x); if (el) { el.focus(); self.showDemo(el.title); } } else if (key == 13) { self.doClick(this.title); GEvent.stop(e); } else if (key == 32) { if (r - z > 1) { self.pickColor(this.title); $E("color_" + (self.cols - 1) + "_0").focus(); } GEvent.stop(e); } else if (key == 27 || key == 9) { self.ddcolor.hide(); self.input.focus(); GEvent.stop(e); } }; var c = 0, a, p, z; forEach(this.Colors, function(color, n) { if (n % self.cols == 0) { p = document.createElement("p"); ddcolor.appendChild(p); c++; } a = $G(document.createElement("a")); a.id = "color_" + c + "_" + (n % self.cols); p.appendChild(a); a.tabIndex = t; t++; if (color == "T") { a.title = "Transparent"; a.innerHTML = "T"; a.className = "item dark"; } else if (color == "C") { a.title = "Clear"; a.style.backgroundColor = "#EEEEEE"; a.innerHTML = "C"; a.className = "item dark"; } else { z = "#" + color; a.style.backgroundColor = z; a.title = z; a.className = color == "#FFFFFF" ? "item dark" : "item"; } a.addEvent("click", function(e) { if ( this.title == "Clear" || this.title == "Transparent" || this.title == "#FFFFFF" ) { self.doClick(this.title); } else { self.pickColor(this.title); } GEvent.stop(e); return false; }); a.addEvent("mouseover", function() { self.showDemo(this.title); }); a.addEvent("keydown", _dokeydown); }); this.demoColor = $G(document.createElement("p")); ddcolor.appendChild(this.demoColor); this.customColor = $G(document.createElement("p")); ddcolor.appendChild(this.customColor); t++; c++; for (r = 0; r < self.cols; r++) { a = $G(document.createElement("a")); this.customColor.appendChild(a); a.id = "color_" + c + "_" + r; a.tabIndex = t; a.className = "item"; a.addEvent("click", function() { self.doClick(this.title); }); a.addEvent("mouseover", function() { self.showDemo(this.title); }); a.addEvent("keydown", _dokeydown); } }, doClick: function(c) { this.ddcolor.hide(); if (c == "Clear") { c = ""; } this.color = c; this.onchanged.call(this, c); this.input.focus(); }, pickColor: function(c) { if (this.customColor) { var n, c = new Color(c), rgb = c.toArray(), m = Math.min(rgb[0], rgb[1], rgb[2]), o = Math.floor((255 - m) / this.cols); forEach(this.customColor.elems("a"), function(item, index) { n = c.lighten(o * index); item.title = n.toString(); item.style.backgroundColor = n.toString(); item.style.color = n.invert().toString(); }); } }, showDemo: function(c) { if (this.demoColor) { var a; if (c == "Transparent") { c = "transparent"; a = trans("Transparent"); } else if (c == "Clear") { c = "transparent"; a = trans("Remove Color"); } else { a = c; } this.demoColor.style.backgroundColor = c; this.demoColor.innerHTML = a; this.demoColor.style.color = this.invertColor(c); } }, setColor: function(c) { if (c != "" && c != this.color && this.color_format.test(c)) { this.doClick(c.toUpperCase()); } }, getColor: function() { return this.color; }, invertColor: function(c) { if (c.toLowerCase() == "transparent") { return this.ddcolor.getDropdown().style.color; } else { return new Color(c).invert().toString(); } } }; window.GLightbox = GClass.create(); GLightbox.prototype = { initialize: function(options) { this.id = "gslide_div"; this.btnclose = "btnclose"; this.backgroundClass = "modalbg"; this.previewClass = "gallery_preview"; this.loadingClass = "spinner"; this.onshow = null; this.onhide = null; this.onclose = null; for (var property in options) { this[property] = options[property]; } var self = this; var checkESCkey = function(e) { var k = GEvent.keyCode(e); if (k == 27) { self.hide(e); } else if (k == 37) { self.showPrev(e); } else if (k == 39) { self.showNext(e); } }; var container_div = "GLightbox_" + this.id; var doc = $G(document); doc.addEvent("keydown", checkESCkey); if (!$E(container_div)) { var div = doc.createElement("div"); doc.body.appendChild(div); div.id = container_div; div.style.left = "-1000px"; div.style.position = "fixed"; var c = doc.createElement("div"); div.appendChild(c); c.className = this.id; var c2 = doc.createElement("figure"); c.appendChild(c2); c2.className = this.previewClass; this.img = doc.createElement("img"); c2.appendChild(this.img); c = doc.createElement("figcaption"); c2.appendChild(c); var s = doc.createElement("span"); c2.appendChild(s); s.className = this.loadingClass; c2 = doc.createElement("p"); c.appendChild(c2); s = doc.createElement("span"); div.appendChild(s); s.className = this.btnclose; s.title = trans("Close"); callClick(s, function() { self.hide(); }); var a = doc.createElement("a"); div.appendChild(a); a.id = "GLightbox_zoom"; callClick(a, function(e) { self._fullScreen(e); }); this.zoom = a; this.prev = doc.createElement("a"); div.appendChild(this.prev); this.prev.className = "hidden"; this.prev.title = trans("Prev"); callClick(this.prev, function() { self.showPrev(); }); this.next = doc.createElement("a"); div.appendChild(this.next); this.next.className = "hidden"; this.next.title = trans("Next"); callClick(this.next, function() { self.showNext(); }); } this.zoom = $E("GLightbox_zoom"); this.div = $G(container_div); this.body = $G(this.div.firstChild); this.preview = $G(this.body.firstChild); this.img = this.preview.firstChild; this.caption = this.img.nextSibling.firstChild; this.loading = this.img.nextSibling.nextSibling; this.body.style.overflow = "hidden"; this.currentId = 0; this.imgs = []; }, clear: function() { this.currentId = 0; this.imgs.length = 0; }, add: function(a) { var img = $E(a); img.alt = this.imgs.length; this.imgs.push(img); var self = this; callClick(img, function() { self.currentId = floatval(this.alt); self.show(this, false); return false; }); }, showNext: function() { if (this.div.style.display == "block" && this.imgs.length > 0) { this.currentId++; if (this.currentId >= this.imgs.length) { this.currentId = 0; } var img = this.imgs[this.currentId]; this.show(img, false); } }, showPrev: function() { if (this.div.style.display == "block" && this.imgs.length > 0) { this.currentId--; if (this.currentId < 0) { this.currentId = this.imgs.length - 1; } var img = this.imgs[this.currentId]; this.show(img, false); } }, _fullScreen: function() { if (this.div.style.display == "block" && this.imgs.length > 0) { var img = this.imgs[this.currentId]; this.show(img, this.zoom.className == "btnnav zoomout"); } }, show: function(obj, fullscreen) { var img, title, self = this; if (obj.href) { img = obj.href; title = obj.title; } else if (obj.src) { img = obj.src; title = obj.alt; } else { img = obj.style.backgroundImage.substr( 5, obj.style.backgroundImage.length - 7 ); title = obj.title; } this.overlay(); this.zoom.className = fullscreen ? "btnnav zoomin" : "btnnav zoomout"; this.zoom.title = trans(fullscreen ? "fit screen" : "full image"); this.loading.className = this.loadingClass + " show"; this.prev.className = this.currentId == 0 ? "hidden" : "btnnav prev"; this.next.className = this.currentId == this.imgs.length - 1 ? "hidden" : "btnnav next"; new preload(img, function() { self.loading.className = self.loadingClass; self.img.src = this.src; if (!fullscreen) { var w = this.width; var h = this.height; var dm = self.body.getDimensions(); var hOffset = dm.height - self.body.getClientHeight() + parseInt(self.body.getStyle("marginTop")) + parseInt(self.body.getStyle("marginBottom")); var wOffset = dm.width - self.body.getClientWidth() + parseInt(self.body.getStyle("marginLeft")) + parseInt(self.body.getStyle("marginRight")); var src_h = document.viewport.getHeight() - hOffset - 20; var src_w = document.viewport.getWidth() - wOffset - 20; var nw, nh; if (h > src_h) { nh = src_h; nw = (src_h * w) / h; } else if (w > src_w) { nw = src_w; nh = (src_w * h) / w; } else { nw = w; nh = h; } if (nw > src_w) { nw = src_w; nh = (src_w * h) / w; } else if (nh > src_h) { nh = src_h; nw = (src_h * w) / h; } self.img.style.width = nw + "px"; self.img.style.height = nh + "px"; } else { self.img.style.width = "auto"; self.img.style.height = "auto"; } new GDragMove("GLightbox_" + self.id, self.img); if (title && title != "") { self.caption.innerHTML = title.replace(/[\n]/g, " "); self.caption.parentNode.className = "show"; } else { self.caption.parentNode.className = ""; } self.div.style.display = "block"; self.div.center(); self.div.style.zIndex = 1000; self.div.fadeIn(function() { self._show.call(self); }); }); return this; }, hide: function() { if (Object.isFunction(this.onhide)) { this.onhide.call(this); } var self = this; this.div.fadeOut(); this.iframe.fadeOut(function() { self._hide.call(self); }); return this; }, overlay: function() { var frameId = "iframe_" + this.div.id, self = this; if (!$E(frameId)) { var io = $G(document.body).create("iframe", { id: frameId, height: "100%", frameBorder: 0 }); io.setStyle("position", "absolute"); io.setStyle("zIndex", 999); io.className = this.backgroundClass; io.style.display = "none"; } this.iframe = $G(frameId); if (this.iframe.style.display == "none") { this.iframe.style.left = "0px"; this.iframe.style.top = "0px"; this.iframe.style.display = "block"; this.iframe.fadeIn(); $G(self.iframe.contentWindow.document).addEvent("click", function(e) { self.hide(); }); var d = $G(document).getDimensions(); this.iframe.style.height = d.height + "px"; this.iframe.style.width = "100%"; } return this; }, _show: function() { if (Object.isFunction(this.onshow)) { this.onshow.call(this); } }, _hide: function() { this.iframe.style.display = "none"; this.div.style.display = "none"; if (Object.isFunction(this.onclose)) { this.onclose.call(this); } } }; window.callClick = function(input, func) { var doKeyDown = function(e) { if (GEvent.keyCode(e) == 13 || e.key == "Enter") { if (func.call(this, e) !== true) { GEvent.stop(e); return false; } } }; input = $E(input); if (input && input.onclick == null) { input.style.cursor = "pointer"; input.tabIndex = 0; input.onclick = func; $G(input).addEvent("keydown", doKeyDown); } }; var GElement = new GNative(); window.$G = function(e) { return Object.isGElement(e) ? e : GElement.init(e); }; window.$E = function(e) { e = Object.isString(e) ? document.getElementById(e) : e; return Object.isObject(e) ? e : null; }; var loadCompleted = function() { domloaded = true; if (document.addEventListener) { document.removeEventListener("DOMContentLoaded", loadCompleted, false); window.removeEventListener("load", loadCompleted, false); } else { document.detachEvent("onreadystatechange", loadCompleted); window.detachEvent("onload", loadCompleted); } $G(document); $G(document.body); }; if (document.addEventListener) { document.addEventListener("DOMContentLoaded", loadCompleted, false); window.addEventListener("load", loadCompleted, false); } else { document.attachEvent("onreadystatechange", loadCompleted); window.attachEvent("onload", loadCompleted); } return $K;})();(function() { "use strict"; window.GAutoComplete = GClass.create(); GAutoComplete.prototype = { initialize: function(id, o) { var options = { callBack: $K.emptyFunction, get: $K.emptyFunction, populate: $K.emptyFunction, onSuccess: $K.emptyFunction, onChanged: $K.emptyFunction, url: false, interval: 300 }; for (var property in o) { options[property] = o[property]; } var cancelEvent = false, showing = false, listindex = 0, list = [], req = new GAjax(), self = this; this.input = $G(id); this.text = this.input.value; this.dropdown = new GDropdown(this.input, { autoHeight: true, id: 'gautocomplete_div', className: 'gautocomplete' }); var display = this.dropdown.getDropdown(); function _movehighlight(id) { listindex = Math.max(0, id); listindex = Math.min(list.length - 1, listindex); var selItem = null; forEach(list, function() { if (listindex == this.itemindex) { this.addClass("select"); selItem = this; } else { this.removeClass("select"); } }); return selItem; } function _onSelect() { if (showing) { _hide(); try { self.input.datas = this.datas; options.callBack.call(this.datas); self.text = self.input.value; } catch (e) {} } } var _mouseclick = function() { _onSelect.call(this); if (Object.isFunction(options.onSuccess)) { options.onSuccess.call(self.input); } }; var _mousemove = function() { _movehighlight(this.itemindex); }; function _populateitems(datas) { display.innerHTML = ""; list = []; var f, i, r, p; for (i in datas) { r = options.populate.call(datas[i]); if (r && r != "") { p = r.toDOM(); f = p.firstChild; f.datas = datas[i]; $G(f).addEvent("mousedown", _mouseclick); f.addEvent("mousemove", _mousemove); f.itemindex = list.length; list.push(f); display.appendChild(p); } } _movehighlight(0); } function _hide() { self.input.removeClass("wait"); self.dropdown.hide(); showing = false; } var _search = function() { window.clearTimeout(self.timer); req.abort(); if (self.text != self.input.value) { options.onChanged.call(self.input); } if (!cancelEvent && options.url) { var q = options.get.call(this); if (q && q != "") { self.input.addClass("wait"); self.timer = window.setTimeout(function() { req.send(options.url, q, function(xhr) { self.input.removeClass("wait"); if (xhr.responseText !== "") { var datas = xhr.responseText.toJSON(); listindex = 0; if (datas) { _populateitems(datas); } else { display.setValue(xhr.responseText); } self.dropdown.show(); showing = true; } else { _hide(); } }); }, options.interval); } else { _hide(); } } cancelEvent = false; }; function _showitem(item) { if (item) { var top = item.getTop() - display.getTop(); var height = display.getHeight(); if (top < display.scrollTop) { display.scrollTop = top; } else if (top >= height) { display.scrollTop = top - height + item.getHeight(); } } } function _dokeydown(evt) { var key = GEvent.keyCode(evt); if (key == 40) { _showitem(_movehighlight(listindex + 1)); cancelEvent = true; } else if (key == 38) { _showitem(_movehighlight(listindex - 1)); cancelEvent = true; } else if (key == 13) { cancelEvent = true; this.removeClass("wait"); forEach(list, function() { if (this.itemindex == listindex) { _onSelect.call(this); } }); if (Object.isFunction(options.onSuccess)) { options.onSuccess.call(self.input); } } else if (key == 32) { if (this.value == "") { _search(); cancelEvent = true; } } if (cancelEvent) { GEvent.stop(evt); } } this.input.addEvent("click", _search); this.input.addEvent("keyup", _search); this.input.addEvent("keydown", _dokeydown); this.input.addEvent("blur", function() { _hide(); }); $G(document.body).addEvent("click", function() { _hide(); }); }, setText: function(value) { this.input.value = value; this.text = value; }, valid: function() { this.input.valid(); this.text = this.input.value; }, invalid: function() { this.input.invalid(); this.text = this.input.value; }, reset: function() { this.input.reset(); this.text = this.input.value; } };})();function initAutoComplete(id, link, displayFields, icon, options) { var obj, df = displayFields.split(","); function doGetQuery() { var q = null, value = $E(id).value; if (value != "") { q = id + "=" + encodeURIComponent(value); } return q; } function doCallBack() { for (var prop in this) { $G(prop).setValue(this[prop] === null ? "" : this[prop]); } obj.valid(); } function doPopulateItem() { var datas = new Array(); for (var i in df) { if (this[df[i]] !== null && this[df[i]] != "") { datas.push(this[df[i]]); } } return datas.join(" ").unentityify(); } function doPopulate() { if ($E(id)) { var row = o.populateItem.call(this); forEach($E(id).value.replace(/[\s]+/, " ").split(" "), function() { if (this.length > 0) { var patt = new RegExp("(" + this.preg_quote() + ")", "gi"); row = row.replace(patt, "$1"); } }); return '
' + row + "
"; } } var o = { get: doGetQuery, populate: doPopulate, populateItem: doPopulateItem, callBack: doCallBack, url: link }; for (var prop in options) { o[prop] = options[prop]; } obj = new GAutoComplete(id, o); return obj;}window.Calendar = GClass.create();Calendar.prototype = { initialize: function(id, o) { this.id = id; this.url = null; this.params = ""; this.onclick = $K.emptyFunction; this.events = {}; this.cdate = new Date(); this.calendar = $G(document.createElement("div")); this.buttons = $G(document.createElement("div")); this.calendar.className = 'event-calendar'; this.buttons.className = 'event-calendar-buttons'; this.buttonFormat = 'M'; this.showToday = false; this.first_day_of_calendar = null; this.next_day_of_calendar = null; this.showButton = false; for (var property in o) { if (property == "month") { this.cdate.setMonth(floatval(o[property]) - 1); } else if (property == "year") { this.cdate.setFullYear(floatval(o[property])); } else if (property == "class") { this.calendar.className = o[property]; } else { this[property] = o[property]; } } $E(id).appendChild(this.buttons); $E(id).appendChild(this.calendar); self = this; $G(window).addEvent("resize", function() { self._resize(); }); this.setDate(this.cdate); }, moveTo: function(y, m) { var d = new Date(); if (m) { d.setMonth(floatval(m) - 1); } if (y) { d.setFullYear(floatval(y)); } this.setDate(d); }, _resize: function() { var cw = this.calendar.getClientWidth(), w = cw / 7; document.css("#" + this.id + " td div{width:" + w + "px}#" + this.id + " td{width:" + w + "px;height:" + w + "px}", this.id); }, _drawMonth: function() { var self = this, header = document.createElement("div"); header.className = "header"; this.calendar.innerHTML = ""; this.calendar.appendChild(header); this.first_day_of_calendar = null; this.next_day_of_calendar = null; var a = document.createElement("a"); a.className = "prev"; a.title = trans("Prev Month"); header.appendChild(a); callClick(a, function() { self._move(-1); }); a = document.createElement("a"); a.className = "curr"; header.appendChild(a); a.innerHTML = this.cdate.format("F Y"); a = document.createElement("a"); a.className = "next"; a.title = trans("Next Month"); header.appendChild(a); callClick(a, function() { self._move(1); }); var table = document.createElement("table"), thead = document.createElement("thead"), tbody = document.createElement("tbody"); this.calendar.appendChild(table); table.appendChild(thead); table.appendChild(tbody); var intmonth = this.cdate.getMonth() + 1, intyear = this.cdate.getFullYear(), cls = "", today = new Date(), today_month = today.getMonth() + 1, today_year = today.getFullYear(), today_date = today.getDate(), r = 0, c = 0, row, cell; row = thead.insertRow(0); forEach(Date.dayNames, function(item, i) { cell = document.createElement("th"); row.appendChild(cell); cell.appendChild(document.createTextNode(item)); }); var tmp_prev_month = intmonth - 1, tmp_next_month = intmonth + 1, tmp_next_year = intyear, tmp_prev_year = intyear; if (tmp_prev_month == 0) { tmp_prev_month = 12; tmp_prev_year--; } if (tmp_next_month == 13) { tmp_next_month = 1; tmp_next_year++; } var initial_day = 1, tmp_init = new Date(intyear, intmonth, 1, 0, 0, 0, 0).dayOfWeek(), max_prev = new Date(tmp_prev_year, tmp_prev_month, 0, 0, 0, 0, 0).daysInMonth(), max_this = new Date(intyear, intmonth, 0, 0, 0, 0, 0).daysInMonth(); if (tmp_init !== 0) { initial_day = max_prev - (tmp_init - 1); } tmp_next_year = tmp_next_year.toString(); tmp_prev_year = tmp_prev_year.toString(); tmp_next_month = tmp_next_month.toString(); tmp_prev_month = tmp_prev_month.toString(); var pointer = initial_day, flag_init = initial_day == 1 ? 1 : 0, tmp_month = initial_day == 1 ? intmonth : floatval(tmp_prev_month), tmp_year = initial_day == 1 ? intyear : floatval(tmp_prev_year), flag_end = 0, d, div; r = 0; for (var x = 0; x < 42; x++) { if (tmp_init !== 0 && pointer > max_prev && flag_init == 0) { flag_init = 1; pointer = 1; tmp_month = intmonth; tmp_year = intyear; } if (flag_init == 1 && flag_end == 0 && pointer > max_this) { flag_end = 1; pointer = 1; tmp_month = floatval(tmp_next_month); tmp_year = floatval(tmp_next_year); } c = x % 7; if (c == 0) { row = tbody.insertRow(r); r++; } cell = row.insertCell(c); span = document.createElement("span"); span.innerHTML = pointer; cell.appendChild(span); div = document.createElement("div"); d = new Date(tmp_year, tmp_month - 1, pointer, 0, 0, 0, 0); if (self.first_day_of_calendar === null) { self.first_day_of_calendar = d; } div.id = this.id + "-" + d.format("y-m-d"); cell.appendChild(div); cls = tmp_month == intmonth ? "curr" : "ex"; if (tmp_year == today_year && tmp_month == today_month && pointer == today_date) { cls += " today"; } cell.className = cls; pointer++; } this.next_day_of_calendar = new Date(tmp_year, tmp_month - 1, pointer, 0, 0, 0, 0); if (this.showToday) { var a = document.createElement("a"); a.innerHTML = new Date().format("d F Y"); a.className = "set-today"; this.calendar.appendChild(a); a.onclick = function() { self.setDate(new Date()); }; } this._resize(); }, _addLabel: function(d, prop, c) { var self = this, div = $E(this.id + "-" + d.format("y-m-d")); if (div) { $G(div.parentNode).addClass('mark'); var a = document.createElement("a"); if (prop.id) { a.id = prop.id; } if (prop.title) { a.title = prop.title; if (c == 'sub' && d == self.first_day_of_calendar) { a.innerHTML = "" + prop.title + ""; } else if (c == 'sub' || c == 'last') { a.innerHTML = ""; } else { a.innerHTML = "" + prop.title + ""; } } else { a.innerHTML = ""; } if (prop.url) { a.href = prop.url; } if (prop.color) { a.style.backgroundColor = prop.color; } a.className = c; div.appendChild(a); a.onclick = function() { return self.onclick.call(this, d); }; return a; } return null; }, _drawEvents: function() { var a, diff, diff_start_first, diff_end_first, elems = [], top = 0, start, start_date, end_date, c, d, e, elem, td, self = this; forEach(this.events, function() { if (this.start) { if (this.type == 'holiday') { elem = $E(self.id + '-' + this.start); if (elem) { td = $G(elem.parentNode); td.addClass('holiday'); if (this.title) { a = document.createElement('i'); a.innerHTML = this.title; td.appendChild(a); } } } else { start_date = this.start.split('T')[0].replace(/-/g, '/').split(' ')[0]; a = new Date(start_date); end_date = this.end ? new Date(this.end.split('T')[0].replace(/-/g, '/').split(' ')[0]) : a; diff_end_first = end_date.compare(self.first_day_of_calendar); diff_end_first = diff_end_first.year < 0 ? 0 - diff_end_first.days : diff_end_first.days; diff_start_first = a.compare(self.first_day_of_calendar); diff_start_first = diff_start_first.year < 0 ? 0 - diff_start_first.days : diff_start_first.days; diff = a.compare(end_date); if ( (diff_start_first >= 0) || (diff_start_first < 0 && diff_end_first > 0 && diff_end_first < 42) || (diff_start_first <= 0 && diff_end_first >= 41) ) { if (diff.days == 0) { c = 'first last'; } else if ( (diff_start_first < 0 && diff_end_first > 0 && diff_end_first < 42) || (diff_start_first <= 0 && diff_end_first >= 41) ) { c = diff_start_first == 0 && diff_end_first == diff.days ? 'first' : 'sub'; a = self.first_day_of_calendar; start = Date.parse(a); diff = a.compare(end_date); } else { c = 'first'; start = Date.parse(start_date); } e = self._addLabel(a, this, c); if (e) { elems = [e]; top = e.offsetTop; for (var i = 1; i <= diff.days; i++) { d = new Date(start + i * 86400000); e = self._addLabel(d, this, i == diff.days ? 'last' : 'sub'); if (e) { if (d.getDay() == 0) { self._align(elems, top); elems = [e]; top = e.offsetTop; } else { elems.push(e); top = Math.max(top, e.offsetTop); } } } self._align(elems, top); } } } } }); }, _align: function(elems, top) { forEach(elems, function() { if (this.offsetTop != top) { this.style.top = top + "px"; } }); }, _get: function(d) { var self = this, q = ["month=" + (floatval(d.getMonth()) + 1), "year=" + d.getFullYear()]; q = (this.params == "" ? "" : this.params + "&") + q.join("&"); new GAjax().send(this.url, q, function(xhr) { var ds = xhr.responseText.toJSON(); self.cdate = d; self.events = ds || {}; self._drawMonth(); self._drawEvents(); self._drawButtons(); self._setButton(); }); }, _move: function(value) { var d = new Date(); d.setTime(this.cdate.valueOf()); d.setMonth(d.getMonth() + value); this.setDate(d); }, _setButton: function() { var y = this.cdate.getFullYear(), m = this.cdate.getMonth(), id = this.id + '-' + this.cdate.format('y-m'); forEach(this.buttons.querySelectorAll('.button'), function() { if (this.id == id) { this.className = 'button select'; } else { this.className = 'button'; } }); }, _drawButtons: function() { var self = this; function doClick() { var ds = this.id.replace(self.id + '-', '').split('-'); self.moveTo(ds[0], ds[1]); } if (this.showButton) { var d, ds = {}; self.buttons.innerHTML = ''; forEach(this.events, function() { if (this.start) { d = new Date(this.start.split('T')[0].replace(/-/g, '/')); ds[d.format('y-m')] = d; } }); Object.keys(ds).sort().forEach(function(key) { var a = document.createElement('a'); a.className = 'button'; a.innerHTML = ds[key].format(self.buttonFormat); a.id = self.id + '-' + key; self.buttons.appendChild(a); a.onclick = doClick; }); } }, setEvents: function(events) { this.events = events; this._drawEvents(); this._drawButtons(); this._setButton(); }, setDate: function(date) { if (this.url !== null) { this._get(date); } else { this.cdate = date; this._drawMonth(); this._drawEvents(); this._drawButtons(); this._setButton(); } }};(function() { "use strict"; window.Clock = GClass.create(); Clock.prototype = { initialize: function(id, options) { this.options = { reverse: false, onTimer: null }; for (var property in options) { this.options[property] = options[property]; } this.hour_offset = 0; this.display = $E(id); if (this._getDisplay() == "") { this._setDisplay(new Date().format("H:I:S")); } var temp = this; this.clock = window.setInterval(function() { temp._updateTime.call(temp); }, 1000); }, hourOffset: function(val) { var d = new Date(); var Second = d.getSeconds(); var Minute = d.getMinutes(); var Hour = d.getHours(); Hour += floatval(val); if (Hour >= 24) { Hour = 0; } this._setDisplay(Hour.toString().leftPad(2, "0") + ":" + Minute.toString().leftPad(2, "0") + ":" + Second.toString().leftPad(2, "0")); return this; }, stop: function() { window.clearInterval(this.clock); }, _updateTime: function() { var ds = this._getDisplay().split(":"); var Hour = floatval(ds[0]); var Minute = floatval(ds[1]); var Second = floatval(ds[2]); if (this.options.reverse) { Second--; if (Hour == 0 && Minute == 0 && Second == 0) { this.stop(); } else { if (Second < 0) { Second = 59; Minute--; } if (Minute < 0) { Minute = 59; Hour--; } } } else { Second++; if (Second >= 60) { Second = 0; Minute++; } if (Minute >= 60) { Minute = 0; Hour++; } if (Hour >= 24) { Hour = 0; } } this._setDisplay( Hour.toString().leftPad(2, "0") + ":" + Minute.toString().leftPad(2, "0") + ":" + Second.toString().leftPad(2, "0")); if (Object.isFunction(this.options.onTimer)) { this.options.onTimer.call(this, Hour, Minute, Second); } }, _getDisplay: function() { if (this.display.value) { return this.display.value; } return this.display.innerHTML; }, _setDisplay: function(val) { if (this.display.value) { this.display.value = val; } else { this.display.innerHTML = val; } } };})();(function() { "use strict"; window.GDatalist = GClass.create(); GDatalist.prototype = { initialize: function(text, onChanged) { if (!$E(text)) { console.log('[Datalist] Cannot find target element ' + text); return; } if ($E(text).getAttribute('Datalist')) { return; } this.input = $G(text); this.input.setAttribute('Datalist', true); this.datalist = {}; this.onChanged = onChanged || $K.returnFuntion; this.input.selectedIndex = this.input.value; this.selectedIndex = null; this.changedTimeout = 0; this.nameValue = this.input.get('nameValue'); if (this.nameValue === null) { this.nameValue = ''; this.customText = false; } else { this.customText = true; } this.input.removeAttribute('nameValue'); this.input.getValue = function() { return self.input.selectedIndex; }; this.input.reset = function() { self.input.selectedIndex = null; self.selectedIndex = null; self.input.value = null; }; var cancelEvent = false, showing = false, listindex = 0, list = [], self = this; this.input.setDatalist = function(datas) { self.datalist = {}; for (var key in datas) { self.datalist[key] = datas[key]; } listindex = 0; self.input.value = self.datalist[self.input.selectedIndex] || self.nameValue; }; this.input.datalist = function(index) { return self.datalist[index]; }; this.value_change = false; forEach($G(this.input.list).elems('option'), function() { self.datalist[this.value] = this.innerHTML; }); this.input.list.remove(); this.input.removeAttribute('list'); this.input.value = this.datalist[this.input.selectedIndex] || this.nameValue; this.dropdown = new GDropdown(this.input, { autoHeight: true, id: this.input.id + '_gautocomplete', className: 'gautocomplete' }); var display = this.dropdown.getDropdown(); function _movehighlight(id) { listindex = Math.max(0, id); listindex = Math.min(list.length - 1, listindex); var selItem = null; forEach(list, function() { if (listindex == this.itemindex) { this.addClass("select"); selItem = this; } else { this.removeClass("select"); } }); return selItem; } function _onSelect() { if (showing) { _hide(); self.input.value = self.datalist[this.key]; self.input.selectedIndex = this.key; self.value_change = false; _doChange(); } } var _mouseclick = function() { _onSelect.call(this); window.setTimeout(function() { self.input.focus(); }, 1); }; var _mousemove = function() { _movehighlight(this.itemindex); }; function _populateitem(key, text) { var p = document.createElement('p'); display.appendChild(p); p.innerHTML = text; $G(p).key = key; p.addEvent("mousedown", _mouseclick); p.addEvent("mousemove", _mousemove); p.itemindex = list.length; list.push(p); } function _hide() { self.dropdown.hide(); showing = false; } var _search = function() { if (!cancelEvent) { display.innerHTML = ""; var value, text = self.input.value, filter = new RegExp("(" + text.preg_quote() + ")", "gi"); listindex = 0; list = []; if (self.datalist[self.input.selectedIndex] != text) { self.input.selectedIndex = null; self.value_change = true; } for (var key in self.datalist) { value = self.datalist[key]; if (text == '') { _populateitem(key, value); } else { if (filter.test(value)) { _populateitem(key, value.replace(filter, "$1")); } } } _movehighlight(0); if (list.length > 0) { self.dropdown.show(); showing = true; } else { _hide(); } } cancelEvent = false; }; function _showitem(item) { if (item) { var top = item.getTop() - display.getTop(); var height = display.getHeight(); if (top < display.scrollTop) { display.scrollTop = top; } else if (top >= height) { display.scrollTop = top - height + item.getHeight(); } } } function _dokeydown(evt) { var key = GEvent.keyCode(evt); if (key == 40) { _showitem(_movehighlight(listindex + 1)); cancelEvent = true; } else if (key == 38) { _showitem(_movehighlight(listindex - 1)); cancelEvent = true; } else if (key == 13) { cancelEvent = true; forEach(list, function() { if (this.itemindex == listindex) { _onSelect.call(this); } }); } else if (key == 32) { if (this.value == "") { _search(); cancelEvent = true; } } if (cancelEvent) { GEvent.stop(evt); } } function _doChange() { if (self.selectedIndex != self.input.selectedIndex) { self.selectedIndex = self.input.selectedIndex; try { if (self.onChanged.call(self.input)) { if (self.changedTimeout == 0) { self.changedTimeout = window.setTimeout(function() { self.changedTimeout = 0; self.input.callEvent('change'); }, 1); } } } catch (error) { console.log(error); } } } this.input.addEvent("click", _search); this.input.addEvent("keyup", _search); this.input.addEvent("keydown", _dokeydown); this.input.addEvent("change", function(evt) { window.clearTimeout(self.changedTimeout); self.changedTimeout = 0; GEvent.stop(evt); _doChange(); }); this.input.addEvent("focus", function() { _search(); this.select(); }); this.input.addEvent("blur", function() { if (self.value_change) { if (!self.customText) { self.input.value = null; } else { self.nameValue = self.input.value; self.input.selectedIndex = null; } self.value_change = false; _doChange(); } _hide(); }); $G(document.body).addEvent("click", function(e) { if (GEvent.element(e) != self.input) { _hide(); } }); _doChange(); }, isDatalist: function() { return this.input ? true : false; } }; window.Datalist = GClass.create(); Datalist.prototype = { initialize: function(text) { this.input = $G(text); this.hidden = document.createElement("input"); this.hidden.type = 'hidden'; this.hidden.name = this.input.id || this.input.name; if (this.hidden.name == this.input.name) { this.input.removeAttribute('name'); } this.hidden.value = this.input.value; var self = this, datalist = new GDatalist(text, function() { self.hidden.value = this.selectedIndex; return true; }); if (datalist.isDatalist()) { this.input.parentNode.appendChild(this.hidden); } else { this.hidden = null; } } };})();(function() { "use strict"; var GDDMenus = new Array(); window.GDDMenu = GClass.create(); GDDMenu.prototype = { initialize: function(id, onClick) { var menu_id = "toggle-menu-" + GDDMenus.length; this.menu = $G(id); this.onClick = onClick; var self = this; var _toggleMenu = function(val) { var chk = $E(menu_id); if (chk) { chk.checked = val; if ($E("slidemenu_content") && self.menu.hasClass("slidemenu")) { if (val) { $G("slidemenu_content").addClass("showmenu"); } else { $G("slidemenu_content").removeClass("showmenu"); } } } }; if (this.menu.tagName.toLowerCase() == "nav") { var ul = $G(this.menu.getElementsByTagName("ul")[0]); if (this.menu.hasClass("topmenu slidemenu")) { var chk = $G().create("input", { type: "checkbox", id: menu_id, className: "toggle-menu" }); var label = $G(document.createElement("label")); if (this.menu.hasClass("responsive")) { this.menu.insertBefore(chk, ul); this.menu.insertBefore(label, chk); } else { if ($E("slidemenu_content")) { $E("slidemenu_content").parentNode.insertBefore( chk, $E("slidemenu_content") ); } else { this.menu.parentNode.insertBefore(chk, this.menu); } this.menu.insertBefore(label, ul); } label.className = "toggle-menu"; label.set("for", menu_id); label.tabIndex = 1; label.addEvent("click", function(e) { _toggleMenu(!chk.checked); GEvent.stop(e); }); label.addEvent("keydown", function(e) { if (GEvent.keyCode(e) == 32) { _toggleMenu(!chk.checked); } }); for (var i = 0; i < 3; i++) { label.appendChild(document.createElement("span")); } } this.menu = ul; } this.id = "GDDmenu" + GDDMenus.length; var _dofocus = function(e) { window.clearTimeout(self.blurTime); self.select(this.parentNode, 0, true); }; var _domouseover = function(e) { self.select(this, 0); GEvent.stop(e); }; var _doblur = function(e) { self.blurItem = this.parentNode; self.blurTime = window.setTimeout(function() { self.select(self.blurItem, null, false); }, 1); GEvent.stop(e); }; var _domouseout = function(e) { this.removeClass("hover focus"); }; function initMenu(ul, tab, id) { var li = ul.firstChild; while (li) { if (li.tagName && li.tagName.toLowerCase() == "li") { $G(li).addEvent("mouseover", _domouseover); li.addEvent("mouseout", _domouseout); var a = $G(li.getElementsByTagName("a")[0]); a.addEvent("focus", _dofocus); a.addEvent("blur", _doblur); var uls = li.getElementsByTagName("ul"); if (tab > 0) { a.tabIndex = tab; li.addClass(id + " toplevelmenu"); } else { li.addClass(id + " sublevelmenu"); } if (uls.length > 0) { initMenu(uls[0], 0, id); } } li = li.nextSibling; } } initMenu(this.menu, 1, this.id); this.menu.tabIndex = 0; this.menu.addEvent("keydown", function(e) { var li = $G(GEvent.element(e).parentNode); var key = GEvent.keyCode(e); if (key == 13) { self.clearSelect(); } else if (li.hasClass("toplevelmenu")) { if (key == 37) { self.select(self.currItem, -1, true); GEvent.stop(e); } else if (key == 39) { self.select(self.currItem, 1, true); GEvent.stop(e); } else if (key == 40) { li = li.getElementsByTagName("li")[0]; if (li) { self.select(li, 0, true); GEvent.stop(e); } } } else { if (key == 9) { self.selectTop(li, 1, true); GEvent.stop(e); } else if (key == 37) { li = li.parentNode.parentNode; if (li) { if ($G(li).hasClass("toplevelmenu")) { self.select(li, -1, true); } else { self.select(li, 0, true); } GEvent.stop(e); } } else if (key == 38) { self.select(li, -1, true); GEvent.stop(e); } else if (key == 39) { var lis = li.getElementsByTagName("li"); if (lis.length > 0) { self.select(lis[0], 0, true); } else { self.selectTop(li, 1, true); } GEvent.stop(e); } else if (key == 40) { self.select(li, 1, true); GEvent.stop(e); } } }); this.menu.addEvent("click", function(e) { var a = GEvent.element(e).parentNode; if ( a.tagName.toLowerCase() == "a" && (a.href != "" || a.parentNode.getElementsByTagName("li").length == 0) ) { _toggleMenu(false); self.clearSelect(); if (Object.isFunction(self.onClick)) { self.onClick.call(a); } } }); GDDMenus.push(this); }, selectTop: function(li, v, s) { var m = li; while (m && m.tagName.toLowerCase() == "li" && $G(m).hasClass(this.id)) { li = m; m = m.parentNode.parentNode; } this.select(li, v, s); }, clearSelect: function() { forEach(this.menu.getElementsByTagName("li"), function() { this.removeClass("hover focus"); }); }, select: function(m, v, s) { var n, f = m.parentNode.firstChild, treeNode = new Array(), self = this; if (v == null) { m = true; } else if (v == 1) { m = self.nextNode(m); } else if (v == -1) { m = self.previousNode(m); } if (m) { while (f) { if (f == m) { n = f; while ( n && n.tagName.toLowerCase() == "li" && $G(n).hasClass(this.id) ) { treeNode.push(n); n = n.parentNode.parentNode; } } f = self.nextNode(f); } forEach(this.menu.getElementsByTagName("li"), function() { if (treeNode.indexOf(this) > -1) { if (this == m) { self.currItem = this; if (s) { self.firstNode(this).focus(); this.addClass("focus"); } } this.addClass("hover"); } else { this.removeClass("hover focus"); } }); } }, nextNode: function(n) { n = n.nextSibling; while (n && n.nodeType == 3) { n = n.nextSibling; } return n; }, previousNode: function(n) { n = n.previousSibling; while (n && n.nodeType == 3) { n = n.previousSibling; } return n; }, firstNode: function(n) { n = n.firstChild; while (n && n.nodeType == 3) { n = n.nextSibling; } return n; } };})();(function() { "use strict"; var GDPanels = []; var gdpanels_len = 0; window.GDPanel = GClass.create(); GDPanel.prototype = { initialize: function(a, div, prefix) { this.prefix = prefix || "gdpanel"; var self = this; $E(div).className = this.prefix + " " + this.prefix + gdpanels_len; $E(a).className = this.prefix + "-arrow " + this.prefix + gdpanels_len; gdpanels_len++; GDPanels[a] = div; callClick(a, function() { self.show(this); return false; }); function _isPanel(src) { var c, tag = src.tagName.toLowerCase(); var test = self.prefix + " gcalendar gddcolor " + self.prefix + "-arrow"; while (src && src != document.body) { c = $G(src).hasClass(test); if (c) { return c == self.prefix + "-arrow" || c == "gcalendar" || c == "gddcolor" || tag == "input" || tag == "select" || tag == "textarea" || tag == "label" || tag == "button" ? src : null; } else { src = src.parentNode; } } return null; } $G(document.body).addEvent("click", function(e) { if (_isPanel(GEvent.element(e)) === null) { self.show(null); } }); }, show: function(src) { var c = "", a, div; if (src) { c = src.className.replace(this.prefix + "-arrow ", this.prefix + " "); } for (a in GDPanels) { div = $E(GDPanels[a]); if (div) { if (div.className == c) { $G(a).addClass("hover"); $G(div).addClass("show"); } else { $G(a).removeClass("hover"); $G(div).removeClass("show"); } } } }, hide: function() { this.show(null); } };})();(function() { "use strict"; window.GDragDrop = GClass.create(); GDragDrop.prototype = { initialize: function(id, options) { this.options = { dragClass: "icon-drag", itemClass: "sort", endDrag: $K.emptyFunction }; for (var property in options) { this.options[property] = options[property]; } this.changed = false; var self = this, dropitems = new Array(), hoverItem = null, position = 0; function checkMouseOver(item, mousePos) { var elemPos = item.viewportOffset(); var elemSize = item.getDimensions(); var mouseover = mousePos.x > elemPos.left && mousePos.y > elemPos.top; return ( mouseover && mousePos.x < elemPos.left + elemSize.width && mousePos.y < elemPos.top + elemSize.height ); } function doBeginDrag() { self.changed = false; self.dragItem = this; hoverItem = this; position = this.mousePos.y; } function doMoveDrag() { var temp = this; forEach(dropitems, function() { if (checkMouseOver(this, temp.mousePos)) { if (this != hoverItem) { self.changed = true; if (temp.mousePos.y > position) { temp.move.parentNode.insertBefore(temp.move, this.nextSibling); } else { temp.move.parentNode.insertBefore(temp.move, this); } hoverItem = this; return true; } } }); position = this.mousePos.y; } function doEndDrag() { if (self.changed) { self.options.endDrag.call(this); } } function _find(elem) { if (elem.hasClass(self.options.dragClass)) { return elem; } else { var els = $E(elem).getElementsByTagName("*"); for (var i = 0; i < els.length; i++) { if ($G(els[i]).hasClass(self.options.dragClass)) { return els[i]; } } } } var o = { beginDrag: doBeginDrag, moveDrag: doMoveDrag, endDrag: doEndDrag }; forEach($E(id).getElementsByTagName("*"), function() { if ($G(this).hasClass(self.options.itemClass)) { var drag = new GDrag(_find(this), o); drag.move = this; dropitems.push(this); } }); } };})();(function() { "use strict"; window.EditInPlace = GClass.create(); EditInPlace.prototype = { initialize: function(e, o) { this.className = "editinplace"; this.editing = function() { return ( '' ); }; for (var p in o) { this[p] = o[p]; } this.src = $G(e); this.src.style.cursor = "pointer"; this.src.tabIndex = 0; this.src.addClass(this.className); this.src.addEvent("click", this.Edit.bind(this)); var self = this; this.src.addEvent("keydown", function(e) { var key = GEvent.keyCode(e); if (key == 13 || key == 32) { self.Edit.call(self); GEvent.stop(e); return false; } return true; }); }, Edit: function() { var e = this.editing.call(this.src); if (e !== "" && e !== null) { e = e.toDOM().firstChild; this.src.parentNode.insertBefore(e, this.src); this.editor = $G(e); this.editor.addEvent("blur", this._saveEdit.bind(this)); this.editor.addEvent("keypress", this._checkKey.bind(this)); this.editor.addEvent("keydown", this._checkKey.bind(this)); this.oldDisplay = this.src.style.display; this.src.style.display = "none"; this.editor.focus(); if (this.editor.select) { this.editor.select(); } } return this; }, select: function() { this.editor.select(); }, cancelEdit: function() { this.src.style.display = this.oldDisplay; this.editor.removeEvent("blur", this._saveEdit.bind(this)); this.editor.removeEvent("keypress", this._checkKey.bind(this)); this.editor.removeEvent("keydown", this._checkKey.bind(this)); this.editor.remove(); this.src.focus(); return this; }, _saveEdit: function() { var ret = true, v = this.editor.value ? this.editor.value : this.editor.innerHTML; if (Object.isFunction(this.onSave)) { ret = this.onSave.call(this.src, v, this.editor); } else { this.src.setValue(v); } if (ret) { this.cancelEdit(); } }, _checkKey: function(e) { var key = GEvent.keyCode(e); if (key == 27) { this.cancelEdit(); GEvent.stop(e); return false; } else if (key == 13) { if (this.editor.tagName.toLowerCase() != "textarea") { this._saveEdit(); } GEvent.stop(e); return false; } return true; } };})();function initFacebookButton(button) { callClick(button, function() { FB.login( function(response) { if (response.authResponse) { var accessToken = response.authResponse.accessToken; var uid = response.authResponse.userID; FB.api( "/" + uid, { access_token: accessToken, fields: "id,first_name,last_name,email" }, function(response) { if (!response.error) { var q = new Array(); if ($E("token")) { q.push("token=" + encodeURIComponent($E("token").value)); } for (var prop in response) { q.push(prop + "=" + encodeURIComponent(response[prop])); } send(WEB_URL + "index.php/" + ($E("facebook_action") ? $E("facebook_action").value : "index/model/fblogin/chklogin"), q.join("&"), fbLoginSubmit); } } ); } }, { scope: "email,public_profile" } ); });}function initFacebook(appId, lng) { window.fbAsyncInit = function() { FB.init({ appId: appId, cookie: true, status: true, xfbml: true, version: "v3.0" }); }; loadJavascript("facebook-jssdk", "//connect.facebook.net/" + (lng == "th" ? "th_TH" : "en_US") + "/sdk.js");}function fbLoginSubmit(xhr) { var ds = xhr.responseText.toJSON(); if (ds) { if (ds.alert) { alert(ds.alert); } if (ds.isMember == 1) { if ($E("login_action")) { window.location = $E("login_action").value; } else { window.location = window.location.href.replace("action=logout", "action=login"); } } } else if (xhr.responseText != "") { console.log(xhr.responseText); }}var auth2;function initGooleSignin(google_client_id) { loadJavascript( "apis-google", "https://apis.google.com/js/platform.js?onload=googleSigninLoad" ); window.google_client_id = google_client_id;}function googleSigninLoad() { gapi.load("auth2", function() { auth2 = gapi.auth2.init({ client_id: window.google_client_id + ".apps.googleusercontent.com", cookiepolicy: "single_host_origin" }); });}function initGoogleButton(button) { if ($E(button)) { window.setTimeout(function() { if (auth2) { auth2.attachClickHandler($E(button), {}, function(googleUser) { var profile = googleUser.getBasicProfile(), q = new Array(); if ($E("token")) { q.push("token=" + encodeURIComponent($E("token").value)); } q.push("id=" + encodeURIComponent(profile.getId())); q.push("name=" + encodeURIComponent(profile.getName())); q.push("image=" + encodeURIComponent(profile.getImageUrl())); q.push("email=" + encodeURIComponent(profile.getEmail())); send(WEB_URL + "index.php/" + ($E("google_action") ? $E("google_action").value : "index/model/gglogin/chklogin"), q.join("&"), ggLoginSubmit); }); } else { initGoogleButton(button); } }, 100); }}function ggLoginSubmit(xhr) { var ds = xhr.responseText.toJSON(); if (ds) { if (ds.alert) { alert(ds.alert); } if (ds.isMember == 1) { if ($E("login_action")) { window.location = $E("login_action").value; } else { window.location = window.location.href.replace("action=logout", "action=login"); } } } else if (xhr.responseText != "") { console.log(xhr.responseText); }}(function() { "use strict"; window.GGraphs = GClass.create(); GGraphs.prototype = { initialize: function(id, o) { this.graphs = $G(id); this.graphs.addClass("ggraphs"); this.graphs.style.position = "relative"; this.graphs.setStyle("padding", 0); this.canvas = $G(this.graphs.getElementsByTagName("canvas")[0]); this.hoverItem = null; this.options = { type: "line", rows: 5, colors: [ "#438AEF", "#FBB242", "#DE4210", "#259B24", "#E91E63", "#1F3D68", "#FEE280", "#1A9ADC", "#C86A4C", "#055CDA", "#F2D086", "#51627F", "#F0B7A6", "#DE8210", "#7791BC" ], startColor: 0, backgroundColor: "auto", shadowColor: "rgba(0,0,0,0.3)", fontColor: "auto", gridHColor: "#CDCDCD", gridVColor: "#CDCDCD", showTitle: true, lineWidth: 2, centerOffset: 10, centerX: null, centerY: null, labelOffset: 5, ringWidth: 30, rotate: false, strokeColor: "#000000" }; for (var property in o) { this.options[property] = o[property]; } this.context = this.canvas.getContext("2d"); var self = this; var options = this.options; if (options.startColor > 0) { var temp = new Array(); var l = options.colors.length; var i = Math.max(0, Math.min(l - 1, options.startColor)); for (var a = 0; a < l; a++) { temp.push(options.colors[i]); i = i < l - 1 ? i + 1 : 0; } options.colors = temp; } this.datas = new Object(); var datas = new Array(); forEach( this.graphs.getElementsByTagName("thead")[0].getElementsByTagName("th"), function(item, index) { if (index > 0) { datas.push(item.innerHTML.strip_tags()); } } ); this.subtitle = this.graphs .getElementsByTagName("thead")[0] .getElementsByTagName("th")[0] .innerHTML.strip_tags() .trim(); this.subtitle = this.subtitle == "" ? "" : this.subtitle + " "; this.datas.labels = datas; this.max = 0; var rows = new Array(); forEach( this.graphs.getElementsByTagName("tbody")[0].getElementsByTagName("tr"), function() { var val, datas = new Array(), d = new Object(), max = 0, sum = 0; forEach(this.getElementsByTagName("td"), function() { val = new Object(); if (this.dataset.value) { val.value = floatval(this.dataset.value); } else { val.value = floatval(this.innerHTML.replace(/,/g, "")); } val.title = this.innerHTML.strip_tags(); if (this.dataset.tooltip) { val.tooltip = this.dataset.tooltip; } sum = sum + val.value; max = Math.max(max, val.value); datas.push(val); }); d.title = this.getElementsByTagName("th")[0].innerHTML.strip_tags(); d.items = datas; d.total = sum; d.max = max; rows.push(d); self.max = Math.max(max, self.max); } ); this.datas.rows = rows; if (this.max % options.rows) { this.max = Math.ceil(this.max / options.rows) * options.rows; } var _mouseMove = function(e) { var currItem = null; var offset = self.canvas.viewportOffset(); var pos = GEvent.pointer(e); var mouseX = pos.x - offset.left; var mouseY = pos.y - offset.top; var tootip = new Array(); forEach(self.datas.rows, function(rows, row) { forEach(this.items, function(item, index) { if ( mouseX >= item.x && mouseX <= item.w && mouseY >= item.y && mouseY <= item.h ) { currItem = item; if (item.tooltip) { tootip.push(item.tooltip); } else { tootip.push( "" + self.subtitle + self.datas.labels[index] + " " + rows.title + " " + item.title ); } return true; } }); }); if (!currItem) { if (self.hoverItem) { self.canvas.style.cursor = "default"; self.tooltip.hide(); self.hoverItem = null; } } else if (self.hoverItem !== currItem) { self.canvas.style.cursor = "pointer"; self.hoverItem = currItem; self.tooltip.innerHTML = tootip.join(" "); var rc = self.tooltip.getDimensions(), l = pos.x - 20; if (l > document.viewport.getWidth() / 2) { l = pos.x - rc.width + 20; self.tooltip.className = "tooltip-bottom-right"; } else { self.tooltip.className = "tooltip-bottom-left"; } self.tooltip.style.left = l + "px"; self.tooltip.style.top = pos.y - 16 - rc.height + "px"; self.tooltip.fadeIn(); self.tooltip.show(); } }; this.loading = true; var transparent = /rgba\([0-9a-fA-F,\s]+0\)/; var _change = function() { var val, changed = false; val = self.getFontSize(); if (val != self.fontSize) { self.fontSize = val; changed = true; } val = self.graphs.getStyle("color"); if (val != self.fontColor) { self.fontColor = val; changed = true; } val = self.graphs.getStyle("backgroundColor"); if (val == "transparent" || transparent.test(val)) { val = $G(document.body).getStyle("backgroundColor"); } if (val != self.backgroundColor) { self.backgroundColor = val; changed = true; } val = self.canvas.getWidth(); if (val != self.width) { self.width = val; changed = true; } val = self.canvas.getHeight(); if (val != self.height) { self.height = val; changed = true; } if (changed) { try { if (options.type == "line") { self.drawLine(); } else if (options.type == "pie") { self.drawPie(); } else if (options.type == "donut") { self.drawDonut(); } else if (options.type == "hchart") { self.drawHChart(); } else { self.drawVChart(); } } catch (err) {} } if (self.loading) { if (options.type !== "pie" && options.type !== "donut") { self.canvas.addEvent("mousemove", _mouseMove); } self.loading = false; } }; window.setInterval(_change, 50); if ($E("ggraph_tooltip")) { this.tooltip = $G("ggraph_tooltip"); } else { this.tooltip = $G(document.createElement("div")); document.body.appendChild(this.tooltip); this.tooltip.className = "tooltip-bottom"; this.tooltip.id = "ggraph_tooltip"; this.tooltip.hide(); $G(document.body).addEvent("click", function() { self.tooltip.hide(); }); } }, drawLine: function() { this.clear(); var options = this.options; var self = this; var context = this.context; var offsetRight = Math.ceil( context.measureText(this.datas.labels[this.datas.labels.length - 1]) .width / 2 ); var label = this.max; var labelValue = this.max / options.rows; if (labelValue > 1) { labelValue = Math.floor(labelValue); } var l = 0; for (var i = 0; i < options.rows; i++) { l = Math.max(l, context.measureText(label).width); label = label - labelValue; } l = l + 15; var t = Math.ceil(this.fontSize / 2); var r = this.width - offsetRight - 5; var b = this.height - this.fontSize - options.labelOffset; var rows = options.rows; var cols = Math.max(2, this.datas.labels.length); var cellWidth = Math.floor((r - l) / (cols - 1)); var cellHeight = Math.floor((b - t) / rows); r = cellWidth * (cols - 1) + l; b = cellHeight * rows + t; var clientHeight = b - t; var o = options.lineWidth + 2; forEach(this.datas.rows, function() { forEach(this.items, function(item, index) { item.cx = index * cellWidth + l; item.cy = clientHeight + t - Math.floor((clientHeight * item.value) / self.max); item.x = item.cx - o; item.y = item.cy - o; item.w = item.cx + o; item.h = item.cy + o; }); }); function drawGraph() { var y = t; context.lineWidth = 1; context.textAlign = "right"; context.textBaseline = "middle"; context.fillStyle = self.fontColor; var label = self.max; var labelValue = self.max / rows; if (labelValue > 1) { labelValue = Math.floor(labelValue); } for (var i = 0; i <= rows; i++) { context.fillText(label, l - 10, y); if (options.gridVColor && i > 0 && i < rows) { context.strokeStyle = options.gridVColor; context.beginPath(); context.moveTo(l, y); context.lineTo(r, y); context.stroke(); context.closePath(); } y = y + cellHeight; label = label - labelValue; } var x = l; context.textAlign = "center"; context.textBaseline = "bottom"; context.fillStyle = self.fontColor; forEach(self.datas.labels, function(item, index) { if (options.gridHColor && index > 0 && index < cols - 1) { context.strokeStyle = options.gridHColor; context.beginPath(); context.moveTo(x, t); context.lineTo(x, b); context.stroke(); context.closePath(); } if (options.rotate) { var metric = context.measureText(item); var y = self.height - metric.width + 35; var xx = x + self.fontSize / 2; context.save(); context.translate(xx, y); context.rotate(-Math.PI / 2); context.translate(-xx, -y); context.fillText(item, xx, y); context.restore(); } else { context.fillText(item, x, self.height); } x = x + cellWidth; }); context.strokeStyle = self.fontColor; context.beginPath(); context.moveTo(l, t); context.lineTo(r, t); context.lineTo(r, b); context.lineTo(l, b); context.lineTo(l, t); context.stroke(); context.closePath(); var xp, yp; context.lineWidth = Math.max(1, options.lineWidth); forEach(self.datas.rows, function(rows, row) { forEach(rows.items, function(item, index) { if (index > 0) { context.strokeStyle = options.colors[row % options.colors.length]; context.beginPath(); context.moveTo(xp, yp); context.lineTo(item.cx, item.cy); context.stroke(); context.closePath(); } xp = item.cx; yp = item.cy; }); forEach(this.items, function() { context.fillStyle = options.colors[row % options.colors.length]; context.beginPath(); context.arc( this.cx, this.cy, options.lineWidth + 3, 0, Math.PI * 2, true ); context.fill(); context.fillStyle = self.backgroundColor; context.beginPath(); context.arc(this.cx, this.cy, 3, 0, Math.PI * 2, true); context.fill(); }); }); self.drawTitle(r, t); } drawGraph(); }, drawPie: function() { this.clear(); var options = this.options; var self = this; var context = this.context; var centerX = options.centerX == null ? Math.round(this.width / 2) : options.centerX; var centerY = options.centerY == null ? Math.round(this.height / 2) : options.centerY; var radius = centerY - options.centerOffset; var counter = 0.0; var chartStartAngle = -0.5 * Math.PI; var sum = this.datas.rows[0].total; forEach(this.datas.rows[0].items, function(item, index) { var fraction = item.value / sum; item.startAngle = counter * Math.PI * 2; item.endAngle = (counter + fraction) * Math.PI * 2; item.midAngle = counter + fraction / 2; item.percentage = Math.round(fraction * 100); counter += fraction; }); function drawSlice(slice, index) { if (slice.percentage) { var distance = (radius / 2.5) * (Math.pow(1 - 2.5 / radius, 0.8) + 1) + options.labelOffset; var labelX = Math.round( centerX + Math.sin(slice.midAngle * Math.PI * 2) * distance ); var labelY = Math.round( centerY - Math.cos(slice.midAngle * Math.PI * 2) * distance ); var c = options.colors[index % options.colors.length]; context.strokeStyle = c; context.beginPath(); context.moveTo(centerX, centerY); context.lineTo(labelX, labelY); if (labelX < 180) { context.lineTo(labelX - 5, labelY); context.textAlign = "right"; labelX -= 10; } else { context.lineTo(labelX + 5, labelY); context.textAlign = "left"; labelX += 10; } context.textBaseline = "middle"; context.stroke(); context.closePath(); context.fillStyle = c; if (options.strokeColor) { context.strokeStyle = options.strokeColor; context.strokeText(slice.value, labelX, labelY); } context.fillText(slice.value, labelX, labelY); } var startAngle = slice.startAngle + chartStartAngle; var endAngle = slice.endAngle + chartStartAngle; context.beginPath(); context.moveTo(centerX, centerY); context.arc(centerX, centerY, radius, startAngle, endAngle, false); context.lineTo(centerX, centerY); context.closePath(); context.fillStyle = options.colors[index % options.colors.length]; context.fill(); context.lineWidth = 0; context.strokeStyle = self.backgroundColor; context.stroke(); } function drawGraph() { context.save(); context.fillStyle = self.backgroundColor; context.beginPath(); context.arc(centerX, centerY, radius + 2, 0, Math.PI * 2, false); context.fill(); context.restore(); forEach(self.datas.rows[0].items, function(item, index) { drawSlice(item, index); }); if (options.showTitle) { var x = self.width - 10; var t = 10; var y = t + self.fontSize; x = x - self.fontSize - 10; context.textAlign = "right"; context.textBaseline = "middle"; context.lineWidth = 1; var offset = self.fontSize / 2; forEach(self.datas.labels, function(item, index) { context.fillStyle = options.colors[index % options.colors.length]; context.fillRect(x, y, self.fontSize, self.fontSize); context.fillStyle = self.fontColor; context.fillText(item, x - 5, y + offset); y = y + self.fontSize + 5; }); } } drawGraph(); var _mouseMove = function(e) { var currItem = null; var offset = self.canvas.viewportOffset(); var pos = GEvent.pointer(e); var mouseX = pos.x - offset.left; var mouseY = pos.y - offset.top; var xFromCenter = mouseX - centerX; var yFromCenter = mouseY - centerY; var distanceFromCenter = Math.sqrt( Math.pow(Math.abs(xFromCenter), 2) + Math.pow(Math.abs(yFromCenter), 2) ); if (distanceFromCenter <= radius) { var mouseAngle = Math.atan2(yFromCenter, xFromCenter) - chartStartAngle; if (mouseAngle < 0) { mouseAngle = 2 * Math.PI + mouseAngle; } forEach(self.datas.rows[0].items, function(item, index) { if (mouseAngle >= item.startAngle && mouseAngle <= item.endAngle) { currItem = item; if (item.tooltip) { self.tooltip.innerHTML = item.tooltip; } else { self.tooltip.innerHTML = self.subtitle + self.datas.labels[index] + " " + self.datas.rows[0].title + " " + item.title; } var rc = self.tooltip.getDimensions(), l = pos.x - 20; if (l > document.viewport.getWidth() / 2) { l = pos.x - rc.width + 20; self.tooltip.className = "tooltip-bottom-right"; } else { self.tooltip.className = "tooltip-bottom-left"; } self.tooltip.style.left = l + "px"; self.tooltip.style.top = pos.y - 16 - rc.height + "px"; return true; } }); } if (!currItem) { if (self.hoverItem) { self.canvas.style.cursor = "default"; self.tooltip.hide(); self.hoverItem = null; } } else if (self.hoverItem !== currItem) { self.canvas.style.cursor = "pointer"; self.hoverItem = currItem; self.tooltip.fadeIn(); self.tooltip.show(); } }; if (this.loading) { this.canvas.addEvent("mousemove", _mouseMove); } }, drawDonut: function() { this.clear(); var options = this.options; var self = this; var context = this.context; var centerX = options.centerX == null ? Math.round(this.width / 2) : options.centerX; var centerY = options.centerY == null ? Math.round(this.height / 2) : options.centerY; var radius = centerY - options.centerOffset; var counter = 0.0; var chartStartAngle = -0.5 * Math.PI; var sum = this.datas.rows[0].total; forEach(this.datas.rows[0].items, function(item, index) { var fraction = item.value / sum; item.startAngle = counter * Math.PI * 2; item.endAngle = (counter + fraction) * Math.PI * 2; item.midAngle = counter + fraction / 2; item.percentage = Math.round(fraction * 100); counter += fraction; }); function drawSlice(slice, index) { if (slice.percentage) { var distance = (radius / 2.5) * (Math.pow(1 - 2.5 / radius, 0.8) + 1) + options.labelOffset; var labelX = Math.round( centerX + Math.sin(slice.midAngle * Math.PI * 2) * distance ); var labelY = Math.round( centerY - Math.cos(slice.midAngle * Math.PI * 2) * distance ); var c = options.colors[index % options.colors.length]; context.strokeStyle = c; context.beginPath(); context.moveTo(centerX, centerY); context.lineTo(labelX, labelY); if (labelX < 180) { context.lineTo(labelX - 5, labelY); context.textAlign = "right"; labelX -= 10; } else { context.lineTo(labelX + 5, labelY); context.textAlign = "left"; labelX += 10; } context.textBaseline = "middle"; context.stroke(); context.closePath(); context.fillStyle = c; if (options.strokeColor) { context.strokeStyle = options.strokeColor; context.strokeText(slice.value, labelX, labelY); } context.fillText(slice.value, labelX, labelY); } var startAngle = slice.startAngle + chartStartAngle; var endAngle = slice.endAngle + chartStartAngle; context.beginPath(); context.moveTo(centerX, centerY); context.arc(centerX, centerY, radius, startAngle, endAngle, false); context.lineTo(centerX, centerY); context.closePath(); context.fillStyle = options.colors[index % options.colors.length]; context.fill(); context.lineWidth = 0; context.strokeStyle = self.backgroundColor; context.stroke(); } function drawGraph() { context.save(); context.fillStyle = self.backgroundColor; context.beginPath(); context.arc(centerX, centerY, radius + 2, 0, Math.PI * 2, false); context.fill(); forEach(self.datas.rows[0].items, function(item, index) { drawSlice(item, index); }); context.fillStyle = self.backgroundColor; context.beginPath(); context.arc( centerX, centerY, radius - options.ringWidth, 0, Math.PI * 2, false ); context.fill(); context.restore(); if (options.showTitle) { var x = self.width - 10; var t = 10; var y = t + self.fontSize; x = x - self.fontSize - 10; context.textAlign = "right"; context.textBaseline = "middle"; context.lineWidth = 1; var offset = self.fontSize / 2; forEach(self.datas.labels, function(item, index) { context.fillStyle = options.colors[index % options.colors.length]; context.fillRect(x, y, self.fontSize, self.fontSize); context.fillStyle = self.fontColor; context.fillText(item, x - 5, y + offset); y = y + self.fontSize + 5; }); } } drawGraph(); var _mouseMove = function(e) { var currItem = null; var offset = self.canvas.viewportOffset(); var pos = GEvent.pointer(e); var mouseX = pos.x - offset.left; var mouseY = pos.y - offset.top; var xFromCenter = mouseX - centerX; var yFromCenter = mouseY - centerY; var distanceFromCenter = Math.sqrt( Math.pow(Math.abs(xFromCenter), 2) + Math.pow(Math.abs(yFromCenter), 2) ); if ( distanceFromCenter <= radius && distanceFromCenter > radius - options.ringWidth ) { var mouseAngle = Math.atan2(yFromCenter, xFromCenter) - chartStartAngle; if (mouseAngle < 0) { mouseAngle = 2 * Math.PI + mouseAngle; } forEach(self.datas.rows[0].items, function(item, index) { if (mouseAngle >= item.startAngle && mouseAngle <= item.endAngle) { currItem = item; if (item.tooltip) { self.tooltip.innerHTML = item.tooltip; } else { self.tooltip.innerHTML = self.subtitle + self.datas.labels[index] + " " + self.datas.rows[0].title + " " + item.title; } var rc = self.tooltip.getDimensions(), l = pos.x - 20; if (l > document.viewport.getWidth() / 2) { l = pos.x - rc.width + 20; self.tooltip.className = "tooltip-bottom-right"; } else { self.tooltip.className = "tooltip-bottom-left"; } self.tooltip.style.left = l + "px"; self.tooltip.style.top = pos.y - 16 - rc.height + "px"; return true; } }); } if (!currItem) { if (self.hoverItem) { self.canvas.style.cursor = "default"; self.tooltip.hide(); self.hoverItem = null; } } else if (self.hoverItem !== currItem) { self.canvas.style.cursor = "pointer"; self.hoverItem = currItem; self.tooltip.fadeIn(); self.tooltip.show(); } }; if (this.loading) { this.canvas.addEvent("mousemove", _mouseMove); } }, drawHChart: function() { this.clear(); var options = this.options; var self = this; var context = this.context; var offsetRight = Math.ceil(context.measureText(this.max).width / 2); var l = 0; forEach(this.datas.labels, function() { l = Math.max(l, self.context.measureText(this).width); }); l = l + 10; var t = Math.ceil(this.fontSize / 2); var r = this.width - offsetRight - 5; var b = this.height - this.fontSize - options.labelOffset; var cols = options.rows; var rows = Math.max(2, this.datas.labels.length); var cellWidth = Math.floor((r - l) / cols); var cellHeight = Math.floor((b - t) / rows); r = cellWidth * cols + l; b = cellHeight * rows + t; var clientWidth = r - l; var barHeight = Math.max( 2, (cellHeight - 8 - 2 * (this.datas.rows.length + 1)) / this.datas.rows.length ); var offsetHeight = t + 6; forEach(self.datas.rows, function() { forEach(this.items, function(item, index) { item.x = l; item.y = index * cellHeight + offsetHeight; item.cw = Math.max( 3, Math.floor((clientWidth * item.value) / self.max) ); item.ch = barHeight; item.w = item.x + item.cw; item.h = item.y + barHeight; }); offsetHeight = offsetHeight + barHeight + 2; }); function drawGraph() { var y = t; context.textAlign = "left"; context.textBaseline = "middle"; context.fillStyle = self.fontColor; var offset = cellHeight / 2; forEach(self.datas.labels, function(item, index) { context.fillText(item, 0, y + offset); if (options.gridVColor && index > 0 && index < rows) { context.strokeStyle = options.gridVColor; context.beginPath(); context.moveTo(l, y); context.lineTo(r, y); context.stroke(); context.closePath(); } y = y + cellHeight; }); var label = 0; var labelValue = self.max / cols; if (labelValue > 1) { labelValue = Math.floor(labelValue); } var x = l; context.textAlign = "center"; context.textBaseline = "bottom"; context.fillStyle = self.fontColor; for (var i = 0; i <= cols; i++) { if (i > 0) { if (options.rotate) { var metric = context.measureText(label); var y = self.height - metric.width + 35; var y = self.height - metric.width; var xx = x + self.fontSize / 2; context.save(); context.translate(xx, y); context.rotate(-Math.PI / 2); context.translate(-xx, -y); context.fillText(label, xx, y); context.restore(); } else { context.fillText(label, x, self.height); } } if (options.gridHColor && i > 0 && i < cols) { context.strokeStyle = options.gridHColor; context.beginPath(); context.moveTo(x, t); context.lineTo(x, b); context.stroke(); context.closePath(); } x = x + cellWidth; label = label + labelValue; } context.strokeStyle = self.fontColor; context.beginPath(); context.moveTo(l, t); context.lineTo(r, t); context.lineTo(r, b); context.lineTo(l, b); context.lineTo(l, t); context.stroke(); context.closePath(); var sw = barHeight < 10 ? 1 : 3; var dl = self.datas.rows.length; forEach(self.datas.rows, function(rows, row) { forEach(this.items, function(item, index) { if (item.cw > sw && item.value > 0) { context.fillStyle = options.shadowColor; context.fillRect(item.x, item.y, item.cw - sw, item.ch); } context.fillStyle = options.colors[(dl > 1 ? row : index) % options.colors.length]; context.fillRect(item.x + 1, item.y, item.cw, item.ch - sw); }); }); if (dl > 1) { self.drawTitle(r, t); } } drawGraph(); }, drawVChart: function() { this.clear(); var options = this.options; var self = this; var context = this.context; var offsetRight = Math.ceil( context.measureText(this.datas.labels[this.datas.labels.length - 1]) .width / 2 ); var label = this.max; var labelValue = this.max / options.rows; if (labelValue > 1) { labelValue = Math.floor(labelValue); } var l = 0; for (var i = 0; i < options.rows; i++) { l = Math.max(l, context.measureText(label).width); label = label - labelValue; } l = l + 15; var t = Math.ceil(this.fontSize / 2); var r = this.width - offsetRight - 5; var b = this.height - this.fontSize - options.labelOffset; var rows = options.rows; var cols = Math.max(2, this.datas.labels.length); var cellWidth = Math.floor((r - l) / cols); var cellHeight = Math.floor((b - t) / rows); r = cellWidth * cols + l; b = cellHeight * rows + t; var clientHeight = b - t; var barWidth = Math.max( 2, (cellWidth - 8 - 2 * (this.datas.rows.length + 1)) / this.datas.rows.length ); var offsetWidth = l + 6; forEach(self.datas.rows, function() { forEach(this.items, function(item, index) { item.x = index * cellWidth + offsetWidth; item.y = clientHeight + t - Math.floor((clientHeight * item.value) / self.max) - 1; item.ch = b - item.y; item.cw = barWidth; item.w = item.x + item.cw; item.h = b; if (item.ch < 3) { item.y = b - 3; item.ch = 3; } }); offsetWidth = offsetWidth + barWidth + 2; }); function drawGraph() { var y = t; context.textAlign = "right"; context.textBaseline = "middle"; context.fillStyle = self.fontColor; var label = self.max; var labelValue = self.max / rows; if (labelValue > 1) { labelValue = Math.floor(labelValue); } for (var i = 0; i <= rows; i++) { if (i < rows) { context.fillText(label, l - 5, y); } if (options.gridVColor && i > 0 && i < rows) { context.strokeStyle = options.gridVColor; context.beginPath(); context.moveTo(l, y); context.lineTo(r, y); context.stroke(); context.closePath(); } y = y + cellHeight; label = label - labelValue; } var x = l; var offset = cellWidth / 2; context.textAlign = "center"; context.textBaseline = "bottom"; context.fillStyle = self.fontColor; forEach(self.datas.labels, function(item, index) { if (index < cols) { if (options.rotate) { var metric = context.measureText(item); var y = self.height - metric.width + 35; var xx = x + offset + self.fontSize / 2; context.save(); context.translate(xx, y); context.rotate(-Math.PI / 2); context.translate(-xx, -y); context.fillText(item, xx, y); context.restore(); } else { context.fillText(item, x + offset, self.height); } } if (options.gridHColor && index > 0 && index < cols) { context.strokeStyle = options.gridHColor; context.beginPath(); context.moveTo(x, t); context.lineTo(x, b); context.stroke(); context.closePath(); } x = x + cellWidth; }); context.strokeStyle = self.fontColor; context.beginPath(); context.moveTo(l, t); context.lineTo(r, t); context.lineTo(r, b); context.lineTo(l, b); context.lineTo(l, t); context.stroke(); context.closePath(); var sw = barWidth < 10 ? 1 : 3; var dl = self.datas.rows.length; forEach(self.datas.rows, function(rows, row) { forEach(this.items, function(item, index) { if (item.ch > sw && item.value > 0) { context.fillStyle = options.shadowColor; context.fillRect(item.x, item.y + sw, item.cw, item.ch - sw); } context.fillStyle = options.colors[(dl > 1 ? row : index) % options.colors.length]; context.fillRect(item.x, item.y, item.cw - sw, item.ch - 1); }); }); if (dl > 1) { self.drawTitle(r, t); } } drawGraph(); }, clear: function() { this.canvas.set("width", this.width); this.canvas.set("height", this.height); this.context.font = this.fontSize + "px " + this.graphs.getStyle("fontFamily"); this.context.fillStyle = this.backgroundColor; this.context.fillRect(0, 0, this.width, this.height); }, drawTitle: function(x, t) { if (this.options.showTitle) { var self = this; t = t + 10; x = x - this.fontSize - 10; var context = this.context; context.textAlign = "right"; context.textBaseline = "middle"; context.lineWidth = 1; var offset = this.fontSize / 2; forEach(this.datas.rows, function(item, index) { context.fillStyle = self.fontColor; context.fillText(item.title, x - 5, t + offset); context.fillStyle = self.options.colors[index % self.options.colors.length]; context.fillRect(x, t, self.fontSize, self.fontSize); t = t + self.fontSize + 5; }); } }, getFontSize: function() { var div = document.createElement("div"); var atts = { fontSize: "1em", padding: "0", position: "absolute", lineHeight: "1", visibility: "hidden" }; for (var p in atts) { div.style[p] = atts[p]; } div.appendChild(document.createTextNode("M")); this.graphs.appendChild(div); var h = div.offsetHeight; this.graphs.removeChild(div); return h; } };})();(function() { "use strict"; window.GInputGroup = GClass.create(); GInputGroup.prototype = { initialize: function(id) { this.input = $G(id); this.id = this.input.id; this.ul = this.input.parentNode.parentNode; var self = this; forEach(this.ul.getElementsByTagName("button"), function() { callClick(this, function() { self.removeItem(this); }); }); this.input.addEvent("keydown", function(e) { if (GEvent.keyCode(e) == 8 && this.value == "") { var btns = self.ul.getElementsByTagName("button"); if (btns.length > 0) { self.ul.removeChild(btns[btns.length - 1].parentNode); } GEvent.stop(e); } }); this.input.addEvent("keypress", function(e) { if (GEvent.keyCode(e) == 13) { self.addItem(this.value, this.value); this.value = ""; GEvent.stop(e); } }); $G(this.ul).addEvent("click", function() { self.input.focus(); }); if ($E(this.input.list)) { new GDatalist(this.input.id, function() { if (this.value != '' && this.selectedIndex !== null) { self.addItem(this.value, this.selectedIndex); } this.reset(); }); } this.input.inputGroup = this; }, addItem: function(title, value) { var li = document.createElement("li"), span = document.createElement("span"), button = document.createElement("button"), hidden = document.createElement("input"), self = this; span.appendChild(document.createTextNode(title)); li.appendChild(span); button.type = "button"; button.innerHTML = "x"; li.appendChild(button); hidden.type = "hidden"; hidden.name = this.id + "[]"; hidden.value = value; li.appendChild(hidden); this.ul.insertBefore(li, this.input.parentNode); callClick(button, function() { self.removeItem(this); }); }, removeItem: function(button) { this.ul.removeChild(button.parentNode); }, values: function() { var ret = []; forEach(this.ul.getElementsByTagName("input"), function() { if (this.type == 'hidden') { ret.push(this.value); } }); return ret; } };})();(function() { "use strict"; window.GLoader = GClass.create(); GLoader.prototype = { initialize: function(reader, callback, geturl, onbeforeload) { this.myhistory = new Array(); this.geturl = geturl || this.parseURL; this.req = new GAjax(); var my_location = location.toString(); var a = my_location.indexOf("?"); var b = my_location.indexOf("#"); var locs = my_location.split(/[\?\#]/); if (a > -1 && b > -1) { this.lasturl = a < b ? locs[1] : locs[2]; } else if (a > -1) { this.lasturl = locs[1]; } else { this.lasturl = ""; } var temp = this; window.setInterval(function() { locs = window.location.toString().split("#"); if (locs[1]) { if (locs[1] != temp.lasturl && locs[1].indexOf("=") > -1) { temp.lasturl = locs[1]; temp.myhistory.push(locs[1]); if (temp.myhistory.length > 2) { temp.myhistory.shift(); } var ret = locs[1]; if (Object.isFunction(onbeforeload)) { ret = onbeforeload.call(ret); if (ret === true || Object.isNull(ret)) { ret = locs[1]; } } if (ret !== false) { temp.req.send(reader, ret, callback); } } } else { locs = locs[0].split("?"); locs = locs[1] ? locs[1] : "module=" + FIRST_MODULE; if (locs != temp.lasturl && temp.myhistory.length > 0) { temp.lasturl = locs; temp.myhistory.push(locs); if (temp.myhistory.length > 2) { temp.myhistory.shift(); } temp.req.send(reader, locs, callback); } } }, 100); }, initLoading: function(loading, center) { this.req.initLoading(loading, center); return this; }, init: function(obj) { var temp = this; var patt1 = new RegExp("^.*" + location.hostname + "/(.*?)$"); var patt2 = new RegExp(".*#.*?"); forEach($E(obj).getElementsByTagName("a"), function() { if ( this.target == "" && this.onclick == null && this.href != "" && patt1.exec(this.href) && !patt2.exec(this.href) ) { this.onclick = function(e) { var evt = e || window.event; if (!(evt.shiftKey || evt.ctrlKey || evt.metaKey || evt.altKey)) { return temp.location(this.href); } }; } }); return this; }, location: function(url) { var ret = this.geturl.call(this, url); if (ret) { var locs = window.location.toString().split("#"); window.location = locs[0] + "#" + decodeURIComponent(ret.join("&")); return false; } else { window.location = url; } return true; }, back: function() { if (this.myhistory.length >= 2) { var history = this.myhistory[this.myhistory.length - 2], urls = window.location.toString().split("#"); window.location = urls[0] + "#" + history; } else { window.history.go(-1); } }, setParams: function(query_string) { var locs = window.location.toString().split("#"); window.location = locs[0] + "#" + query_string; }, reload: function() { var locs = window.location.toString().split("#"), ret = new Array(); if (locs.length > 1) { forEach(locs[1].split("&"), function() { if (!/time=[0-9]+/.test(this)) { ret.push(this); } }); } if (ret.length == 0) { window.location.reload(); } else { ret.push("time=" + new Date().getTime()); window.location = locs[0] + "#" + decodeURIComponent(ret.join("&")); } }, parseURL: function(url) { var loader_patt0 = /.*?module=.*?/, loader_patt1 = new RegExp( "^" + WEB_URL + "([a-z0-9]+)/([0-9]+)/([0-9]+)/(.*).html$" ), loader_patt2 = new RegExp( "^" + WEB_URL + "([a-z0-9]+)/([0-9]+)/(.*).html$" ), loader_patt3 = new RegExp("^" + WEB_URL + "([a-z0-9]+)/([0-9]+).html$"), loader_patt4 = new RegExp("^" + WEB_URL + "([a-z0-9]+)/(.*).html$"), loader_patt5 = new RegExp("^" + WEB_URL + "(.*).html$"), p1 = /module=(.*)?/, urls = url.replace(/&/g, "&").split("?"), new_q = new Array(), hs; if (urls[1] && loader_patt0.exec(urls[1])) { new_q.push(urls[1]); return new_q; } else if ((hs = loader_patt1.exec(urls[0]))) { new_q.push("module=" + hs[1] + "&cat=" + hs[2] + "&id=" + hs[3]); } else if ((hs = loader_patt2.exec(urls[0]))) { new_q.push("module=" + hs[1] + "&cat=" + hs[2] + "&alias=" + hs[3]); } else if ((hs = loader_patt3.exec(urls[0]))) { new_q.push("module=" + hs[1] + "&cat=" + hs[2]); } else if ((hs = loader_patt4.exec(urls[0]))) { new_q.push("module=" + hs[1] + "&alias=" + hs[2]); } else if ((hs = loader_patt5.exec(urls[0]))) { new_q.push("module=" + hs[1]); } else { return null; } if (urls[1]) { forEach(urls[1].split("&"), function(q) { if (q != "action=logout" && q != "action=login" && !p1.test(q)) { new_q.push(q); } }); } return new_q; } };})();(function() { "use strict"; window.GMultiSelect = GClass.create(); GMultiSelect.prototype = { initialize: function(selects, o) { var loading = true; this.prefix = ""; this.selects = new Object(); this.req = new GAjax(); var self = this; var _dochanged = function() { var a = false; var temp = this; if (!loading && this.selectedIndex == 0) { loading = false; forEach(selects, function(item) { if (a) { var obj = self.selects[item]; for (var i = obj.options.length - 1; i > 0; i--) { obj.removeChild(obj.options[i]); } } a = !a && item == temp.id ? true : a; }); } else { var qs = new Array(); qs.push("srcItem=" + this.id.replace(self.prefix, "")); for (var prop in o) { if (prop != "action" && prop != "onchange") { qs.push(prop + "=" + o[prop]); } } for (var sel in self.selects) { var select = self.selects[sel]; qs.push(select.id.replace(self.prefix, "") + "=" + encodeURIComponent(select.value)); } temp.addClass("wait"); self.req.send(o.action, qs.join("&"), function(xhr) { temp.removeClass("wait"); var items = xhr.responseText.toJSON(); if (items) { var sel = null; for (var prop in items) { sel = $E(self.prefix + prop); if (sel) { $G(sel).setOptions(items[prop], sel.value); } } if (sel && Object.isFunction(o.onchange)) { o.onchange.call(temp); } } }); } }; for (var prop in o) { this[prop] = o[prop]; } var l = selects.length - 1; forEach(selects, function(item, index) { var select = $G(item); if (index < l || l == 0) { select.addEvent("change", _dochanged); } self.selects[item] = select; }); _dochanged.call($E(selects[0])); } };})();(function() { "use strict"; window.GTable = GClass.create(); GTable.prototype = { initialize: function(id, o) { this.options = { action: null, actionCallback: null, actionConfirm: null, onBeforeDelete: null, onDelete: null, onAddRow: null, onInitRow: null, pmButton: false, dragColumn: -1 }; for (var prop in o) { if (prop == "debug" && o.debug != "") { console.log(o.debug); } else { this.options[prop] = o[prop]; } } this.table = $E(id); this.search = o["search"] || ""; this.sort = o["sort"] || null; this.page = o["page"] || 1; if (this.options.onAddRow) { this.options.onAddRow = window[this.options.onAddRow]; if (!Object.isFunction(this.options.onAddRow)) { this.options.onAddRow = null; } } if (this.options.onBeforeDelete) { this.options.onBeforeDelete = window[this.options.onBeforeDelete]; if (!Object.isFunction(this.options.onBeforeDelete)) { this.options.onBeforeDelete = null; } } if (this.options.onDelete) { this.options.onDelete = window[this.options.onDelete]; if (!Object.isFunction(this.options.onDelete)) { this.options.onDelete = null; } } if (this.options.onInitRow) { this.options.onInitRow = window[this.options.onInitRow]; if (!Object.isFunction(this.options.onInitRow)) { this.options.onInitRow = null; } } var hs, sort_patt = /sort_(none|asc|desc)\s(col_([\w]+))(|\s.*)$/, action_patt = /button[\s][a-z]+[\s]action/, temp = this; var _doSort = function(e) { if ((hs = sort_patt.exec(this.className))) { var sort = new Array(); if (GEvent.isCtrlKey(e)) { var patt = new RegExp(hs[3] + "[\\s](asc|desc|none)"); forEach(temp.sort.split(","), function() { if (!patt.test(this)) { sort.push(this); } }); } if (hs[1] == "none") { sort.push(hs[3] + "%20asc"); } else if (hs[1] == "asc") { sort.push(hs[3] + "%20desc"); } else { sort.push(hs[3] + "%20none"); } temp.sort = sort.join(","); window.location = temp.redirect(); } }; if (this.table) { forEach($G(this.table).elems("th"), function() { if (sort_patt.test(this.className)) { callClick(this, _doSort); } }); this.initTR(this.table); forEach(this.table.elems("tbody"), function() { temp.initTBODY(this, null); }); var doAction = function() { var action = "", cs = temp.getCheck(); if (cs.length == 0) { alert(trans("Please select at least one item").replace(/XXX/, trans('Checkbox'))); } else { cs = cs.join(","); var t, f = this.get("for"), fn = window[temp.options.actionConfirm]; if ($E(f).type.toLowerCase() == 'text') { t = this.innerText; } else { t = $G(f).getText(); } t = t ? t.strip_tags() : null; if (Object.isFunction(fn)) { action = fn(t, $E(f).value, cs); } else { if (confirm(trans("You want to XXX the selected items ?").replace(/XXX/, t))) { action = "module=" + f + "&action=" + $E(f).value + "&id=" + cs; } } if (action != "") { temp.callAction(this, action); } } }; forEach(this.table.elems("label"), function() { if (action_patt.test(this.className)) { callClick(this, doAction); } }); if (this.options.dragColumn > -1) { new GDragDrop(this.table, { dragClass: "icon-move", endDrag: function() { var trs = new Array(); forEach(temp.table.elems("tr"), function() { if (this.id) { trs.push(this.id.replace(id + "_", "")); } }); if (trs.length > 1) { temp.callAction(this, "action=move&data=" + trs.join(",")); } } }); } } forEach(this.table.elems("button"), function() { if (this.className == "clear_search") { temp.clear_search = this; temp.input_search = this.parentNode.firstChild.firstChild; callClick(this, function() { temp.input_search.value = ""; }); } else if (this.id != "") { callClick(this, function() { temp._doButton(this); }); } }); if (this.options.action) { window.setTimeout(function() { if ($E(temp.table)) { forEach(temp.table.elems("tbody"), function() { forEach( this.querySelectorAll("select,input,textarea"), function() { if (this.id != "") { $G(this).addEvent("change", function() { temp._doButton(this); }); } } ); }); } }, 1000); } var doSearchChanged = function() { if (temp.input_search.value == "") { temp.clear_search.style.display = "none"; } else { temp.clear_search.style.display = "block"; } }; if (temp.input_search) { $G(temp.input_search).addEvent("change", doSearchChanged); doSearchChanged.call(temp); } if (typeof loader !== "undefined") { forEach(this.table.querySelectorAll("form.table_nav"), function() { this.onsubmit = function() { var urls = this.action.split("?"), obj = new Object(); if (urls[1]) { forEach(urls[1].split("&"), function() { var hs = this.split("="); if (hs.length == 2 && hs[1] != "") { obj[hs[0]] = hs[1]; } }); forEach(this.querySelectorAll("input,select"), function() { obj[this.name] = this.value; }); var q = new Array(); for (var prop in obj) { if (prop == "search") { q.push(prop + "=" + encodeURIComponent(obj[prop])); } else if (prop != "" && prop != "time") { q.push(prop + "=" + obj[prop]); } } q.push("time=" + new Date().getTime()); loader.setParams(q.join("&")); } return false; }; }); } }, getCheck: function() { var cs = new Array(), chk = /check_[0-9]+/; forEach(this.table.elems("a"), function() { if (chk.test(this.id) && $G(this).hasClass("icon-check")) { cs.push(this.id.replace("check_", "")); } }); return cs; }, callAction: function(el, action) { var hs = this.options.action.split("?"); if (hs[1]) { action = hs[1] + "&" + action; } action += "&src=" + this.table.id; if (el.value) { action += "&value=" + encodeURIComponent(el.value); } var temp = this; el.addClass("wait"); send(hs[0], action, function(xhr) { el.removeClass("wait"); if (temp.options.actionCallback) { var fn = window[temp.options.actionCallback]; if (Object.isFunction(fn)) { fn(xhr); } } else if (xhr.responseText != "") { alert(xhr.responseText); } else { window.location.reload(); } }); }, _doButton: function(input) { var action = "", cs = [], patt = /^([a-z_\-]+)_([0-9]+)(_([0-9]+))?$/, q = input.get("data-confirm"), chk = input.get("data-checkbox"); if (chk) { cs = this.getCheck(); if (cs.length == 0) { alert(trans("Please select at least one item").replace(/XXX/, trans('Checkbox'))); return; } } if (this.options.actionConfirm) { var fn = window[this.options.actionConfirm], hs = patt.exec(input.id); if (hs && Object.isFunction(fn)) { var t = input.getText(); t = t ? t.strip_tags() : null; action = fn(t, hs[1], hs[2], hs[4]); } else { action = "action=" + input.id; } } else if (!q || confirm(q)) { hs = patt.exec(input.id); if (hs) { if (hs[1] == "delete" || hs[1] == "cancel") { if (cs.length > 0 && confirm(trans("You want to XXX the selected items ?").replace(/XXX/, trans(hs[1])))) { action = "action=" + hs[1] + "&id=" + hs[2] + (hs[4] ? '&opt=' + hs[4] : ''); } else if (confirm(trans("You want to XXX ?").replace(/XXX/, trans(hs[1])))) { action = "action=" + hs[1] + "&id=" + hs[2] + (hs[4] ? '&opt=' + hs[4] : ''); } } else if (hs[4]) { action = "action=" + hs[1] + "_" + hs[2] + "&id=" + hs[4]; } else { action = "action=" + hs[1] + "&id=" + hs[2]; } } else { action = "action=" + input.id; } } if (action != "") { if (cs.length > 0) { action += '&ids=' + cs.join(','); } this.callAction(input, action); } }, initTBODY: function(tbody, tr) { var row = 0, temp = this; forEach($G(tbody).elems("tr"), function() { if (temp.options.pmButton) { this.id = temp.table.id + "_" + row; forEach($G(this).elems("input"), function() { this.id = this.name.replace(/([\[\]_]+)/g, "_") + row; }); } if (tr === null || tr === this) { if (temp.options.onInitRow) { temp.options.onInitRow.call(temp, this, row); } if (temp.options.action) { var move = /(check|move)_([0-9]+)/; forEach($G(this).elems("a"), function() { var id = this.id; if (id && !move.test(id)) { callClick(this, function() { temp._doButton(this); }); } }); } } row++; }); }, initTR: function(el) { var hs, a_patt = /(delete|icon)[_\-](plus|minus|[0-9]+)/, check_patt = /check_([0-9]+)/, temp = this; var aClick = function() { var c = this.className; if (c == "icon-plus") { var tr = $G(this.parentNode.parentNode.parentNode); var tbody = tr.parentNode; var ntr = tr.copy(false); tr.after(ntr); temp.initTR(ntr); if (temp.options.onAddRow) { ret = temp.options.onAddRow.call(temp, ntr); } temp.initTBODY(tbody, ntr); ntr.highlight(); ntr = ntr.elems("input")[0]; if (ntr) { ntr.focus(); ntr.select(); } } else if (c == "icon-minus") { var tr = $G(this.parentNode.parentNode.parentNode); var tbody = $G(tr.parentNode); var ret = true; if (temp.options.onBeforeDelete) { ret = temp.options.onBeforeDelete.call(temp, tr); } else if (tbody.elems("tr").length > 1) { ret = confirm(trans("You want to XXX ?").replace(/XXX/, trans("delete"))); } if (ret) { if (tbody.elems("tr").length > 1) { tr.remove(); temp.initTBODY(tbody, false); if (temp.options.onDelete) { temp.options.onDelete.call(temp); } } } } else if ((hs = a_patt.exec(c))) { var action = ""; if (hs[1] == "delete" && confirm(trans("You want to XXX ?").replace(/XXX/, trans("delete")))) { action = "action=delete&id=" + hs[2]; } if (action != "" && temp.options.action) { send(temp.options.action, action, function(xhr) { var ds = xhr.responseText.toJSON(); if (ds) { if (ds.alert && ds.alert != "") { alert(ds.alert); } else if (ds.action) { if (ds.action == "delete") { var tr = $G(temp.table.id + "_" + ds.id); var tbody = tr.parentNode; tr.remove(); temp.initTBODY(tbody, tr); } } } else if (xhr.responseText != "") { alert(xhr.responseText); } }, this); } } }; var saClick = function() { this.focus(); var chk = this.hasClass("icon-check"); forEach(el.elems("a"), function() { if (check_patt.test(this.id)) { this.className = chk ? "icon-uncheck" : "icon-check"; this.title = chk ? trans("check") : trans("uncheck"); } else if ($G(this).hasClass("checkall")) { this.className = chk ? "checkall icon-uncheck" : "checkall icon-check"; this.title = chk ? trans("select all") : trans("select none"); } }); return false; }; var sClick = function() { this.focus(); var chk = $G(this).hasClass("icon-check"); this.className = chk ? "icon-uncheck" : "icon-check"; this.title = chk ? trans("check") : trans("uncheck"); forEach(el.elems("a"), function() { if (this.hasClass("checkall")) { this.className = "checkall icon-uncheck"; this.title = trans("select all"); } }); return false; }; forEach($G(el).elems("a"), function() { if (a_patt.test(this.className)) { callClick(this, aClick); } else if ($G(this).hasClass("checkall")) { this.title = trans("select all"); callClick(this, saClick); } else if (check_patt.test(this.id)) { this.title = trans("check"); callClick(this, sClick); } }); }, setSort: function(sort, patt) { var hs; forEach(this.table.elems("th"), function() { hs = patt.exec(this.className); if (hs) { if (sort == hs[2]) { this.className = this.className.replace("sort_" + hs[1], "sort_" + (hs[1] == "asc" ? "desc" : "asc")); } else { this.className = this.className.replace("sort_" + hs[1], "sort_none"); } } }); }, redirect: function() { var hs, patt = /^(.*)=(.*)$/, urls = {}, u = window.location.href, us2 = u.split("#"), us1 = us2[0].split("?"); forEach([us1[1], us2[1]], function() { if (this) { forEach(this.split("&"), function() { if ((hs = patt.exec(this))) { hs[1] = hs[1].toLowerCase(); hs[2] = hs[2].toLowerCase(); if (hs[1] != "page" && hs[1] != "sort" && hs[1] != "search" && !(hs[1] == "action" && (hs[2] == "login" || hs[2] == "logout"))) { urls[hs[1]] = this; } } else { urls[this] = this; } }); } }); var us = Object.toArray(urls); us.push("page=" + this.page); if (this.sort) { us.push("sort=" + this.sort); } if (this.search) { us.push("search=" + encodeURIComponent(this.search)); } if (us2.length == 2) { u = us2[0]; if (us.length > 0) { u += "#" + us.join("&"); } } else { u = us1[0]; if (us.length > 0) { u += "?" + us.join("&"); } } return u; } };})();(function() { "use strict"; var GTooltips = new Array(); window.GTooltip = GClass.create(); GTooltip.prototype = { initialize: function(o) { this.options = { id: "", delayin: 200, delayout: 500, autohide: true, autohidedelay: 5000, cache: false }; for (var property in o) { this.options[property] = o[property]; } this.iframe = $G(document.body).create("iframe", { id: "iframe_" + this.options.id, name: "iframe_" + this.options.id, frameBorder: 0, scrollbar: 0 }); this.iframe.setStyle("opacity", 0); this.iframe.setStyle("position", "absolute"); this.iframe.setStyle("display", "none"); this.iframe.setStyle("zIndex", 1001); if (this.options.id !== "") { if ($E(this.options.id)) { this.tooltip = $G(this.options.id); } else { this.tooltip = $G(document.body).create("div", { id: "div_" + this.options.id, name: "div_" + this.options.id }); } } else { this.tooltip = $G(document.body).create("div"); } this.tooltip.setStyle("position", "absolute"); this.tooltip.setStyle("display", "none"); this.tooltip.setStyle("zIndex", 1002); this.tooltip.onmouseover = this.cancelHideDelay.bind(this); this.tooltip.onmouseout = this.delayHide.bind(this); this.id = GTooltips.length; GTooltips[this.id] = this; $G(document.body).addEvent("click", function() { for (var i = 0; i < GTooltips.length; i++) { if (GTooltips[i].options.autohide) { GTooltips[i].hide(); } } }); this.req = new GAjax({ cache: this.options.cache }); }, showAjax: function(elem, url, query, onload) { if (this.ajax_elem != elem) { this.ajax_elem = elem; this.req.abort(); var temp = this; this.req.send(url, query, function(xhr) { var data = xhr.responseText; if (data !== "") { if (temp.iframe.style.display != "none") { temp.show(elem, data); onload.call(temp, xhr); } else { temp.delayin = window.setTimeout(function() { temp.show(elem, data); onload.call(temp, xhr); }, temp.options.delayin); } } }); var el = $E(elem); var old_onmouseout = el.onmouseout; var req = this.req; el.onmouseout = function() { req.abort(); window.clearTimeout(temp.delayin); window.clearTimeout(temp.delayout); window.clearTimeout(temp.timeautohidedelay); el.onmouseout = old_onmouseout; temp.delayout = window.setTimeout(function() { temp.hide.call(temp); }, temp.options.delayout); }; } return this; }, show: function(s, v) { s = $G(s); var sPos = s.viewportOffset(); var sHeight = s.getHeight(); var sWidth = s.getWidth(); var cHeight = document.viewport.getHeight(); var cWidth = document.viewport.getWidth(); var cTop = document.viewport.getscrollTop(); var cLeft = document.viewport.getscrollLeft(); this.node = s; this.tooltip.setStyle("display", "block"); this.iframe.setStyle("display", "block"); this.tooltip.style.width = "auto"; this.tooltip.innerHTML = v; this.value = v; var l, t, w; var p = s.hasClass( "tooltip-bottom tooltip-top tooltip-left tooltip-right" ); if (p == "tooltip-bottom") { t = sPos.top + sHeight + 6; if (t + this.tooltip.getHeight() > cTop + cHeight) { t = sPos.top - this.tooltip.getHeight() - 6; this.tooltip.className = "tooltip-bottom"; } else { this.tooltip.className = "tooltip-top"; } l = sPos.left; } else if (p == "tooltip-top") { t = sPos.top - this.tooltip.getHeight() - 6; if (t < cTop) { t = sPos.top + sHeight + 6; this.tooltip.className = "tooltip-top"; } else { this.tooltip.className = "tooltip-bottom"; } l = sPos.left; } else { var rw = cWidth - sPos.left + cLeft - sWidth; var lw = sPos.left - cLeft; this.tooltip.className = lw < rw ? "tooltip-left" : "tooltip-right"; var tWidth = this.tooltip.getClientWidth(); var oWidth = this.tooltip.getWidth() - tWidth; if (lw < rw) { l = sPos.left + sWidth + 6; w = Math.min(tWidth, rw - oWidth - 16); } else { l = sPos.left - tWidth - oWidth - 6; if (l < cLeft + 10) { l = cLeft + 10; w = sPos.left - cLeft - 36; } else { w = Math.min(tWidth, sPos.left); l = sPos.left - w - 26; } } t = sPos.top + (sHeight - this.tooltip.getHeight()) / 2; if (w != tWidth) { this.tooltip.style.width = w + "px"; } } this.tooltip.style.left = l + "px"; this.tooltip.style.top = t + "px"; this.iframe.style.left = l - 6 + "px"; this.iframe.style.top = t - 6 + "px"; this.iframe.style.width = 12 + this.tooltip.getWidth() + "px"; this.iframe.style.height = 12 + this.tooltip.getHeight() + "px"; this.cancelHideDelay(); var temp = this; for (var i = 0; i < GTooltips.length; i++) { if (i != this.id && GTooltips[i].options.autohide) { GTooltips[i].hide(); } } this.tooltip.fadeIn(function() { temp.timeautohidedelay = window.setTimeout( temp.hide.bind(temp), temp.options.autohidedelay ); }); }, delayHide: function() { this.timedelayhide = window.setTimeout( this.hide.bind(this), this.options.autohidedelay ); }, cancelHideDelay: function() { if (this.req) { this.req.abort(); } window.clearTimeout(this.timeautohidedelay); window.clearTimeout(this.timedelayhide); window.clearTimeout(this.delayout); }, hide: function() { var self = this; this.tooltip.fadeOut(function() { self.tooltip.setStyle("display", "none"); self.iframe.setStyle("display", "none"); }); } };})();var loader, modal = null;function send(target, query, callback, wait, c) { var req = new GAjax(); req.initLoading(wait || "wait", false, c); req.send(target, query, function(xhr) { if (callback) { callback.call(this, xhr); } });}var hideModal = function() { if (modal != null) { modal.hide(); }};function showModal(src, qstr, doClose, className) { send(src, qstr, function(xhr) { var ds = xhr.responseText.toJSON(); var detail = ""; if (ds) { if (ds.alert) { alert(ds.alert); } else if (ds.detail) { detail = decodeURIComponent(ds.detail); } else if (ds.modal) { detail = ds.modal; } } else { detail = xhr.responseText; } if (detail != "") { modal = new GModal({ onclose: doClose }).show(detail, className); detail.evalScript(); } });}function defaultSubmit(ds) { var _alert = "", _input = false, _url = false, _location = false, t, el, remove = /remove([0-9]{0,})/; for (var prop in ds) { var val = ds[prop]; if (prop == "error") { _alert = eval(val); } else if (prop == "debug") { console.log(val); } else if (prop == "alert") { _alert = val; } else if (prop == "message") { document.body.msgBox(trans(val)); } else if (prop == "warning") { document.body.msgBox(trans(val), 'warning'); } else if (prop == "tip") { document.body.msgBox(trans(val), 'tip', false); } else if (prop == "modal") { if (val == "close") { if (modal) { modal.hide(); } } else { if (!modal) { modal = new GModal(); } modal.show(val); val.evalScript(); } } else if (prop == "elem") { el = $E(val); if (el) { if (ds.class) { el.className = ds.class; } if (ds.title) { el.title = ds.title; } } } else if (prop == "location") { _location = val; } else if (prop == "url") { _url = val; _location = val; } else if (prop == "open") { window.setTimeout(function() { window.open(val.replace(/&/g, "&")); }, 1); } else if (prop == "tab") { initWriteTab("accordient_menu", val); } else if (prop == "valid") { if ($E(val)) { $G(val).valid(); } } else if (remove.test(prop)) { if ($E(val)) { $G(val).fadeOut(function() { $G(val).remove(); }); } } else if ($E(prop)) { $G(prop).setValue(decodeURIComponent(val).replace(/\%/g, "%")); } else if ($E(prop.replace("ret_", ""))) { el = $G(prop.replace("ret_", "")); if (el.display) { el = el.display; } if (val == "") { el.valid(); } else { if (val == "Please fill in" || val == "Please select" || val == "Please browse file" || val == "already exist" || val == "Please select at least one item" || val == "Invalid data") { var label = el.findLabel(); if (label) { t = label.innerHTML.strip_tags(); } else { if (typeof el.placeholder != "undefined") { t = el.placeholder.strip_tags(); } else { t = ""; } if (t == "") { t = el.title.strip_tags(); } } if (t != "") { if (val == "already exist") { val = t + " " + trans(val); } else if (val == "Please select at least one item") { val = PLEASE_SELECT_AT_LEAST_ONE_ITEM.replace('XXX', t) } else if (val == "Invalid data") { val = INVALID_DATA.replace('XXX', t) } else { val = trans(val) + " " + t; } } else { val = trans(val); } } else if (val == "this") { if (typeof el.placeholder != "undefined") { t = el.placeholder.strip_tags(); } else { t = ""; } if (t == "") { t = el.title.strip_tags(); } val = t; } if (_input != el) { el.invalid(val); } if (_alert == "") { _alert = val; _input = el; } } } } if (_alert != "") { alert(_alert); } if (_input) { _input.focus(); var tag = _input.tagName.toLowerCase(); if (tag != "select") { _input.highlight(); } if (tag == "input") { var type = _input.get("type").toLowerCase(); if (type == "text" || type == "password") { _input.select(); } } } if (_location) { if (_location == "reload") { if (loader) { loader.reload(); } else { window.location.reload(); } } else if (_location == "back") { if (loader) { loader.back(); } else { window.history.go(-1); } } else if (loader && _location != _url) { loader.location(_location); } else { window.location = _location.replace(/&/g, "&"); } }}function doFormSubmit(xhr) { var datas = xhr.responseText.toJSON(); if (datas) { defaultSubmit(datas); } else if (xhr.responseText != "") { console.log(xhr.responseText); }}function initWriteTab(id, sel) { function _doclick(sel) { forEach($E(id).getElementsByTagName("a"), function() { var a = this.id.replace("tab_", ""); if ($E(a)) { this.className = a == sel ? "select" : ""; $E(a).style.display = a == sel ? "block" : "none"; } }); $E("tab").value = sel; } forEach($G(id).elems("a"), function() { if ($E(this.id.replace("tab_", ""))) { callClick(this, function() { _doclick(this.id.replace("tab_", "")); return false; }); } }); _doclick(sel);}var dataTableActionCallback = function(xhr) { var el, prop, val, ds = xhr.responseText.toJSON(); if (ds) { for (prop in ds) { val = ds[prop]; if (prop == "location") { if (val == "reload") { if (loader) { loader.reload(); } else { window.location.reload(); } } else { window.location = val; } } else if (prop == "open") { window.setTimeout(function() { window.open(val.replace(/&/g, "&")); }, 1); } else if (prop == "remove") { if ($E(val)) { $G(val).remove(); } } else if (prop == "alert") { alert(val); } else if (prop == "elem") { el = $E(val); if (el) { el.className = ds.class; if (ds.title) { el.title = ds.title; } } } else if (prop == "modal") { if (val == "close") { if (modal) { modal.hide(); } } else { modal = new GModal().show(val); val.evalScript(); } } else if ($E(prop)) { $G(prop).setValue(val); } } } else if (xhr.responseText != "") { console.log(xhr.responseText); }};function checkUsername() { var patt = /[a-zA-Z0-9@\.\-_]+/; var value = this.value; var ids = this.id.split("_"); var id = "&id=" + floatval($E(ids[0] + "_id").value); if (value == "") { this.invalid(this.title); } else if (patt.test(value)) { return "value=" + encodeURIComponent(value) + id; } else { this.invalid(this.title); }}function checkPassword() { var ids = this.id.split("_"); var id = "&id=" + floatval($E(ids[0] + "_id").value); var Password = $E(ids[0] + "_password"); var Repassword = $E(ids[0] + "_repassword"); if (Password.value == "" && Repassword.value == "") { if (id == 0) { this.Validator.invalid(this.Validator.title); } else { this.Validator.reset(); } this.Validator.reset(); } else if (Password.value == Repassword.value) { Password.Validator.valid(); Repassword.Validator.valid(); } else { this.Validator.invalid(this.Validator.title); }}function checkIdcard() { var value = this.value, ids = this.id.split("_"), id = "&id=" + floatval($E(ids[0] + "_id").value); if (value.length == 0) { this.reset(); } else if (value.length < 9) { this.invalid(this.title); } else { return "value=" + encodeURIComponent(value) + "&id=" + id; }}function initMailserver() { var doChanged = function() { var a = this.value.toInt(); $E("email_SMTPSecure").disabled = a == 0; $E("email_Username").disabled = a == 0; $E("email_Password").disabled = a == 0; }; var el = $G("email_SMTPAuth"); el.addEvent("change", doChanged); doChanged.call(el);}function replaceURL(key, value, url) { var q, prop, new_url = new Object(), qs = Array(); url = url || window.location.toString(); var urls = url.replace(/\#/g, "&") .replace(/\?/g, "&") .split("&"); var l = urls.length; if (l > 1) { for (var n = 1; n < l; n++) { if (urls[n] != "action=login" && urls[n] != "action=logout") { q = urls[n].split("="); if (q.length == 2) { new_url[q[0]] = q[1]; } } } } new_url[key] = value; for (prop in new_url) { if (new_url[prop]) { qs.push(prop + "=" + new_url[prop]); } else { qs.push(prop); } } return urls[0] + "?" + qs.join("&");}function initSystem() { new Clock("local_time"); new Clock("server_time");}function selectMenu(module) { forEach(document.querySelectorAll("#topmenu > ul > li"), function() { if ($G(this).hasClass(module)) { this.addClass("select"); } else { this.removeClass("select"); } }); forEach(document.querySelectorAll(".sidemenu > ul > li"), function() { if ($G(this).hasClass(module)) { this.addClass("select"); } else { this.removeClass("select"); } });}function loadJavascript(id, src) { var js, fjs = document.getElementsByTagName("script")[0]; if (document.getElementById(id)) { return; } js = document.createElement("script"); js.id = id; js.src = src; fjs.parentNode.insertBefore(js, fjs);}function initEditInplace(id, model, addbtn) { var patt = /list_([a-z]+)_([0-9]+)(_([0-9]+))?/; var o = { onSave: function(v, editor) { var req = new GAjax({ asynchronous: false }); req.initLoading(editor, false); req.send( "index.php/" + model, "action=" + this.id + "&value=" + encodeURIComponent(v) ); ds = req.responseText.toJSON(); if (ds) { if (ds.alert) { alert(ds.alert); } if (ds.editId) { $E(ds.editId).innerHTML = ds.edit; } return true; } else if (req.responseText != "") { alert(req.responseText); } return false; } }; function _doAction(c) { var q = "", hs = patt.exec(this.id); if (hs[1] == "add") { q = "action=" + this.id; } else if ( hs[1] == "delete" && confirm(trans("You want to XXX ?").replace(/XXX/, trans("delete"))) ) { q = "action=" + this.id; } else if (hs[1] == "color") { q = "action=" + this.id + "&value=" + encodeURIComponent(c); } else if (hs[1] == "published") { q = "action=" + this.id + "&value=" + this.className.replace("icon-published", ""); } else if (hs[1] == "status") { q = "action=" + this.id + "&value=" + this.value; } if (q != "") { send( "index.php/" + model, q, function(xhr) { var ds = xhr.responseText.toJSON(); if (ds) { if (ds.data) { $G(id).appendChild(ds.data.toDOM()); _doInitEditInplaceMethod(ds.newId); $E(ds.newId.replace("list_", "list_name_")).focus(); } else if (ds.del) { $G(ds.del).remove(); } else if (ds.editId) { hs = patt.exec(ds.editId); if (hs[1] == "color") { $E(ds.editId).title = trans("change color") + " (" + ds.edit + ")"; $E(ds.editId).style.color = ds.edit; } else if (hs[1] == "published") { $E(ds.editId).className = "icon-published" + ds.edit; $E(ds.editId).title = ds.edit == 1 ? DISABLE : ENABLE; } } if (ds.alert) { alert(ds.alert); } } else if (xhr.responseText != "") { alert(xhr.responseText); } }, this ); } } function _initOrder() { new GDragDrop(id, { dragClass: "icon-move", endDrag: function() { var trs = new Array(); forEach($G(id).elems("li"), function() { if (this.id) { trs.push(this.id); } }); if (trs.length > 1) { send( "index.php/" + model, "action=move&value=" + trs.join(",").replace(/list_/g, ""), doFormSubmit ); } } }); } function _doInitEditInplaceMethod(src) { var loading = true, move = false; forEach($G(src).elems("*"), function() { var hs = patt.exec(this.id); if (hs) { if ($G(this).hasClass("editinplace")) { new EditInPlace(this, o); } else if (hs[1] == "published") { callClick(this, _doAction); this.title = this.className == "icon-published1" ? DISABLE : ENABLE; } else if (hs[1] == "color") { var t = this.title; this.title = trans("change color") + " (" + t + ")"; new GDDColor(this, function(c) { $E(this.input.id).style.color = c; if (!loading) { _doAction.call(this.input, c); } }).setColor(t); } else if (hs[1] == "order") { move = true; } else { callClick(this, _doAction); } } }); if (move) { _initOrder(); } loading = false; } callClick(addbtn, _doAction); _doInitEditInplaceMethod(id);}function initCopyToClipboard(id) { forEach($E(id).querySelectorAll('.icon-copy'), function() { callClick(this, function() { copyToClipboard(this.title); document.body.msgBox(trans("successfully copied to clipboard")); return false; }); });}function initFirstRowNumberOnly(tr) { forEach($G(tr).elems("input"), function(item, index) { if (index == 0) { new GMask(item, function() { return /^[0-9]+$/.test(this.value); }); } });}function initEditProfile(prefix) { prefix += prefix == "" ? "" : "_"; $G(prefix + "country").addEvent('change', function(evt) { var self = this; self.addClass("wait"); new GAjax().send(WEB_URL + "index.php/index/model/province/toJSON", 'country=' + this.getValue(), function(xhr) { self.removeClass("wait"); var items = xhr.responseText.toJSON(), provinceID = $E(prefix + "provinceID"); if (items && provinceID) { provinceID.setDatalist(items['provinceID']); } }); });}function initCalendarRange(minDate, maxDate, minChanged) { if ($E(minDate) && $E(maxDate)) { $G(minDate).addEvent("change", function() { if (this.value != "") { $E(maxDate).calendar.minDate(this.value); if (Object.isFunction(minChanged)) { minChanged.call($E(minDate), $E(maxDate)); } } }); $G(maxDate).addEvent("change", function() { if (this.value != "") { $E(minDate).calendar.maxDate(this.value); } }); }}var createLikeButton;function initWeb(module) { module = module ? module + "/" : ""; if (navigator.userAgent.indexOf("MSIE") > -1) { document.body.addClass("ie"); } forEach(document.body.elems("nav"), function() { if ($G(this).hasClass("topmenu sidemenu slidemenu gddmenu")) { new GDDMenu(this); } }); var _scrolltop = 0; var toTop = 100; if ($E("toTop")) { if ($G("toTop").hasClass("fixed_top")) { document.addEvent("toTopChange", function() { if (document.body.hasClass("toTop")) { var _toTop = $G("toTop").copy(); _toTop.zIndex = -1; _toTop.id = "toTop_temp"; _toTop.setStyle("opacity", 0); _toTop.removeClass("fixed_top"); $G("toTop").after(_toTop); } else if ($E("toTop_temp")) { $G("toTop_temp").remove(); } }); } toTop = $E("toTop").getTop(); document.addEvent("scroll", function() { var c = this.viewport.getscrollTop() > toTop; if (_scrolltop != c) { _scrolltop = c; if ($E("body")) { if (c) { $E("body").className = "toTop"; } else { $E("body").className = ""; } } else { if (c) { document.body.addClass("toTop"); } else { document.body.removeClass("toTop"); } } document.callEvent("toTopChange"); } }); } var fontSize = floatval(Cookie.get(module + "fontSize")); document.body.set("data-fontSize", floatval(document.body.getStyle("fontSize"))); if (fontSize > 5) { document.body.setStyle("fontSize", fontSize + "px"); } forEach(document.body.elems("a"), function() { if (/^lang_([a-z]{2,2})$/.test(this.id)) { callClick(this, function(e) { var hs = /^lang_([a-z]{2,2})$/.exec(this.id); window.location = replaceURL("lang", hs[1]); GEvent.stop(e); }); } else if (/font_size\s(small|normal|large)/.test(this.className)) { callClick(this, function(e) { fontSize = floatval(document.body.getStyle("fontSize")); var hs = /font_size\s(small|normal|large)/.exec(this.className); if (hs[1] == "small") { fontSize = Math.max(6, fontSize - 2); } else if (hs[1] == "large") { fontSize = Math.min(24, fontSize + 2); } else { fontSize = document.body.get("data-fontSize"); } document.body.setStyle("fontSize", fontSize + "px"); Cookie.set(module + "fontSize", fontSize); GEvent.stop(e); }); } }); loader = new GLoader( WEB_URL + module + "loader.php/index/controller/loader/index", function(xhr) { var scroll_to = "scroll-to", content = $G("content"), datas = xhr.responseText.toJSON(); document.body.onkeydown = null; if (datas) { for (var prop in datas) { var value = datas[prop]; if (prop == "detail") { content.setHTML(value); loader.init(content); content.replaceClass("loading", "animation"); content.Ready(function() { $K.init(content); value.evalScript(); }); } else if (prop == "title") { document.title = value.unentityify(); } else if (prop == "menu") { selectMenu(value); } else if (prop == "to") { scroll_to = value; } else if ($E(prop)) { $E(prop).innerHTML = value; } } if (Object.isFunction(createLikeButton)) { createLikeButton(); } if ($E(scroll_to)) { window.scrollTo(0, $G(scroll_to).getTop() - 10); } } else if (xhr.responseText != "") { console.log(xhr.responseText); } }, null, function() { $G("content").replaceClass("animation", "loading"); return true; } ); loader.initLoading("wait", false); loader.init(document); $K.init(document.body);}if (navigator.userAgent.match(/(iPhone|iPod|iPad)/i)) { document.addEventListener("touchstart", function() {}, false);}function barcodeEnabled(inputs) { $G(window).Ready(function() { forEach(inputs, function(item) { $G(item).addEvent('keydown', function(e) { if (GEvent.keyCode(e) == 13) { GEvent.stop(e); return false; } }); }); });}function initBookingCalendar() { new Calendar("booking-calendar", { url: WEB_URL + "index.php/booking/model/calendar/toJSON", onclick: function(d) { send( WEB_URL + "index.php/booking/model/index/action", "action=detail&id=" + this.id, doFormSubmit ); } });}function initBooking() { $G('begin_date').addEvent("change", function() { if (this.value != "") { $E('end_date').calendar.minDate(this.value); } });}function initBookingOrder() { $G('begin_date').addEvent("change", function() { if (this.value != "") { $E('end_date').calendar.minDate(this.value); } });}function initEdocumentView(id) { callClick(id, function(e) { if (confirm(trans("Downloading is a signed document"))) { var req = new GAjax({ asynchronous: false }); req.send(WEB_URL + "index.php/edocument/model/download", "id=" + id); var datas = req.responseText.toJSON(); if (datas) { if (datas.alert) { alert(datas.alert); } if (datas.modal && datas.modal == "close") { if (modal) { modal.hide(); } } if (datas.target && datas.target == 1) { this.set("target", "download"); } if (datas.url) { this.href = datas.url; } } else if (req.responseText != "") { alert(req.responseText); } } });}function initEdocumentWrite() { var doChecked = function() { var checked = false; forEach( $E("department").parentNode.parentNode.getElementsByTagName("input"), function() { if (this.checked) { checked = true; } } ); var reciever = $E("reciever").parentNode.parentNode.parentNode; if (checked) { $G(reciever).addClass("hidden"); } else { $G(reciever).removeClass("hidden"); } }; forEach( $E("department").parentNode.parentNode.getElementsByTagName("input"), function() { callClick(this, doChecked); } ); doChecked.call($E("department")); initAutoComplete( "reciever", WEB_URL + "index.php/index/model/autocomplete/findUser", "name", "customer", { get: function() { return ( "name=" + encodeURIComponent($E("reciever").value) + "&from=name" ); }, callBack: function() { $E("reciever").value = this.name.unentityify(); }, onSuccess: function() { var input = $G("reciever"); input.inputGroup.addItem(this.datas.name, this.datas.id); input.value = ""; input.focus(); } } );}function edocumentFileChanged() { var topic = $E('topic'), hs = /(.*)\.([a-z0-9]+)$/.exec(this.value); if (hs && ($E('id').value == 0 || topic.value == '')) { topic.value = hs[1]; }}function initInventoryWrite() { barcodeEnabled(["serial"]); initAutoComplete( "device_user", WEB_URL + "index.php/index/model/autocomplete/findUser", "name,phone,id_card", "user", { get: function() { return ( "name=" + encodeURIComponent($E("device_user").value) + "&from=name,phone,id_card" ); }, callBack: function() { $E("member_id").value = this.id; $G("device_user").valid().value = this.name.unentityify(); }, onChanged: function() { $E("member_id").value = 0; $G("device_user").reset(); } } );}function initRepairGet() { var o = { get: function() { return "id=" + $E("id").value + "&" + this.name + "=" + this.value; }, onSuccess: function() { equipment.valid(); serial.valid(); }, onChanged: function() { $E("inventory_id").value = 0; equipment.reset(); serial.reset(); } }; var equipment = initAutoComplete( "equipment", WEB_URL + "index.php/inventory/model/autocomplete/find", "equipment,serial", "find", o ); var serial = initAutoComplete( "serial", WEB_URL + "index.php/inventory/model/autocomplete/find", "serial,equipment", "find", o );}function initRepairDownload(id) { var doDelete = function() { if (confirm(trans("You want to XXX ?").replace(/XXX/, trans("delete")))) { send( "index.php/repair/model/detail/action", "id=" + this.id, doFormSubmit, this ); } }; forEach($G(id).elems("a"), function() { if (/^delete_([a-z0-9]+)$/.test(this.id)) { callClick(this, doDelete); } });}var CANCEL = 'ยกเลิก';var CHANGE_COLOR = 'เปลี่ยนสี';var CHECK = 'เลือก';var DELETE = 'ลบ';var DISABLE = 'ปิดใช้งาน';var DOWNLOADING_IS_A_SIGNED_DOCUMENT = 'การดาวน์โหลดถือเป็นการลงชื่อรับเอกสาร';var ENABLE = 'เปิดใช้งาน';var INVALID_DATA = 'ข้อมูล XXX ไม่ถูกต้อง';var NEXT_MONTH = 'เดือนถัดไป';var PLEASE_BROWSE_FILE = 'กรุณาเลือกไฟล์';var PLEASE_FILL_IN = 'กรุณากรอก';var PLEASE_SAVE_BEFORE_CONTINUING = 'กรุณาบันทึก ก่อนดำเนินการต่อ';var PLEASE_SELECT = 'กรุณาเลือก';var PLEASE_SELECT_AT_LEAST_ONE_ITEM = 'กรุณาเลือก XXX อย่างน้อย 1 รายการ';var PREV_MONTH = 'เดือนก่อนหน้า';var SELECT_ALL = 'เลือกทั้งหมด';var SELECT_NONE = 'ไม่เลือกรายการใดเลย';var SORRY_XXX_NOT_FOUND = 'ขออภัย ไม่พบ XXX ที่ต้องการ';var SUCCESSFULLY_COPIED_TO_CLIPBOARD = 'สำเนาไปยังคลิปบอร์ดเรียบร้อย';var SUCCESSFULLY_UPLOADED_XXX_FILES = 'อัปโหลดเรียบร้อย XXX ไฟล์';var THE_TYPE_OF_FILE_IS_INVALID = 'ชนิดของไฟล์ไม่ถูกต้อง';var UNCHECK = 'ไม่เลือก';var YOU_WANT_TO_XXX = 'คุณต้องการ XXX ?';var YOU_WANT_TO_XXX_THE_SELECTED_ITEMS = 'คุณต้องการ XXX รายการที่เลือก ?';Date.monthNames = ["ม.ค.", "ก.พ.", "มี.ค.", "เม.ย.", "พ.ค.", "มิ.ย.", "ก.ค.", "ส.ค.", "ก.ย.", "ต.ค.", "พ.ย.", "ธ.ค."];Date.longMonthNames = ["มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม", "มิถุนายน", "กรกฎาคม", "สิงหาคม", "กันยายน", "ตุลาคม", "พฤศจิกายน", "ธันวาคม"];Date.longDayNames = ["อาทิตย์", "จันทร์", "อังคาร", "พุธ", "พฤหัสบดี", "ศุกร์", "เสาร์"];Date.dayNames = ["อา.", "จ.", "อ.", "พ.", "พฤ.", "ศ.", "ส."];Date.yearOffset = 543;