var TINY = {}; function T$(i) { return document.getElementById(i) } TINY.box = function () { var p, m, b, fn, ic, iu, iw, ih, ia, f = 0; return { show: function (c, u, w, h, a, t) { if (!f) { p = document.createElement('div'); p.id = 'tinybox'; m = document.createElement('div'); m.id = 'tinymask'; b = document.createElement('div'); b.id = 'tinycontent'; document.body.appendChild(m); document.body.appendChild(p); p.appendChild(b); m.onclick = TINY.box.hide; window.onresize = TINY.box.resize; f = 1 } if (!a && !u) { p.style.width = w ? w + 'px' : 'auto'; p.style.height = h ? h + 'px' : 'auto'; p.style.backgroundImage = 'none'; b.innerHTML = c } else { b.style.display = 'none'; p.style.width = p.style.height = '100px' } this.mask(); ic = c; iu = u; iw = w; ih = h; ia = a; this.alpha(m, 1, 80, 3); if (t) { setTimeout(function () { TINY.box.hide() }, 1000 * t) } }, fill: function (c, u, w, h, a) { if (u) { p.style.backgroundImage = ''; var x = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP'); x.onreadystatechange = function () { if (x.readyState == 4 && x.status == 200) { TINY.box.psh(x.responseText, w, h, a) } }; x.open('GET', c, 1); x.send(null) } else { this.psh(c, w, h, a) } }, psh: function (c, w, h, a) { if (a) { if (!w || !h) { var x = p.style.width, y = p.style.height; b.innerHTML = c; p.style.width = w ? w + 'px' : ''; p.style.height = h ? h + 'px' : ''; b.style.display = ''; w = parseInt(b.offsetWidth); h = parseInt(b.offsetHeight); b.style.display = 'none'; p.style.width = x; p.style.height = y } else { b.innerHTML = c } this.size(p, w, h, 4) } else { p.style.backgroundImage = 'none' } }, hide: function () { TINY.box.alpha(p, -1, 0, 3) }, resize: function () { TINY.box.pos(); TINY.box.mask() }, mask: function () { m.style.height = TINY.page.theight() + 'px'; m.style.width = ''; m.style.width = TINY.page.twidth() + 'px' }, pos: function () { var t = (TINY.page.height() / 2) - (p.offsetHeight / 2); t = t < 10 ? 10 : t; p.style.top = (t + TINY.page.top()) + 'px'; p.style.left = (TINY.page.width() / 2) - (p.offsetWidth / 2) + 'px' }, alpha: function (e, d, a, s) { clearInterval(e.ai); if (d == 1) { e.style.opacity = 0; e.style.filter = 'alpha(opacity=0)'; e.style.display = 'block'; this.pos() } e.ai = setInterval(function () { TINY.box.twalpha(e, a, d, s) }, 20) }, twalpha: function (e, a, d, s) { var o = Math.round(e.style.opacity * 100); if (o == a) { clearInterval(e.ai); if (d == -1) { e.style.display = 'none'; e == p ? TINY.box.alpha(m, -1, 0, 2) : b.innerHTML = p.style.backgroundImage = '' } else { e == m ? this.alpha(p, 1, 100, 5) : TINY.box.fill(ic, iu, iw, ih, ia) } } else { var n = o + Math.ceil(Math.abs(a - o) / s) * d; e.style.opacity = n / 100; e.style.filter = 'alpha(opacity=' + n + ')' } }, size: function (e, w, h, s) { e = typeof e == 'object' ? e : T$(e); clearInterval(e.si); var ow = e.offsetWidth, oh = e.offsetHeight, wo = ow - parseInt(e.style.width), ho = oh - parseInt(e.style.height); var wd = ow - wo > w ? -1 : 1, hd = (oh - ho > h) ? -1 : 1; e.si = setInterval(function () { TINY.box.twsize(e, w, wo, wd, h, ho, hd, s) }, 20) }, twsize: function (e, w, wo, wd, h, ho, hd, s) { var ow = e.offsetWidth - wo, oh = e.offsetHeight - ho; if (ow == w && oh == h) { clearInterval(e.si); p.style.backgroundImage = 'none'; b.style.display = 'block' } else { if (ow != w) { e.style.width = ow + (Math.ceil(Math.abs(w - ow) / s) * wd) + 'px' } if (oh != h) { e.style.height = oh + (Math.ceil(Math.abs(h - oh) / s) * hd) + 'px' } this.pos() } } } } (); TINY.page = function () { return { top: function () { return document.body.scrollTop || document.documentElement.scrollTop }, width: function () { return self.innerWidth || document.documentElement.clientWidth }, height: function () { return self.innerHeight || document.documentElement.clientHeight }, theight: function () { var d = document, b = d.body, e = d.documentElement; return Math.max(Math.max(b.scrollHeight, e.scrollHeight), Math.max(b.clientHeight, e.clientHeight)) }, twidth: function () { var d = document, b = d.body, e = d.documentElement; return Math.max(Math.max(b.scrollWidth, e.scrollWidth), Math.max(b.clientWidth, e.clientWidth)) } } } (); formcheckLanguage = { required: "This field is required.", alpha: "This field accepts alphabetic characters only.", alphanum: "This field accepts alphanumeric characters only.", nodigit: "No digits are accepted.", digit: "Please enter a valid integer.", digitmin: "The number must be at least %0", digitltd: "The value must be between %0 and %1", number: "Please enter a valid number.", email: "Please enter a valid email: <br /><span>E.g. yourname@domain.com</span>", phone: "Please enter a valid phone.", url: "Please enter a valid url: <br /><span>E.g. http://www.domain.com</span>", confirm: "This field is different from %0", differs: "This value must be different of %0", length_str: "The length is incorrect, it must be between %0 and %1", length_fix: "The length is incorrect, it must be exactly %0 characters", lengthmax: "The length is incorrect, it must be at max %0", lengthmin: "The length is incorrect, it must be at least %0", checkbox: "Please check the box", radios: "Please select a radio", select: "Please choose a value" }
var FormCheck = new Class({ Implements: [Options, Events], options: { tipsClass: "fc-tbx", errorClass: "fc-error", fieldErrorClass: "fc-field-error", trimValue: false, validateDisabled: false, submitByAjax: false, ajaxResponseDiv: false, ajaxEvalScripts: false, onAjaxRequest: $empty, onAjaxSuccess: $empty, onAjaxFailure: $empty, display: { showErrors: 0, titlesInsteadNames: 0, errorsLocation: 1, indicateErrors: 1, indicateErrorsInit: 0, keepFocusOnError: 0, checkValueIfEmpty: 1, addClassErrorToField: 0, fixPngForIe: 1, replaceTipsEffect: 1, flashTips: 0, closeTipsButton: 1, tipsPosition: "right", tipsOffsetX: -45, tipsOffsetY: 0, listErrorsAtTop: false, scrollToFirst: true, fadeDuration: 300 }, alerts: { required: "This field is required.", alpha: "This field accepts alphabetic characters only.", alphanum: "This field accepts alphanumeric characters only.", nodigit: "No digits are accepted.", digit: "Please enter a valid integer.", digitltd: "The value must be between %0 and %1", number: "Please enter a valid number.", email: "Please enter a valid email.", phone: "Please enter a valid phone.", url: "Please enter a valid url.", confirm: "This field is different from %0", differs: "This value must be different of %0", length_str: "The length is incorrect, it must be between %0 and %1", length_fix: "The length is incorrect, it must be exactly %0 characters", lengthmax: "The length is incorrect, it must be at max %0", lengthmin: "The length is incorrect, it must be at least %0", checkbox: "Please check the box", radios: "Please select a radio", select: "Please choose a value" }, regexp: { required: /[^.*]/, alpha: /^[a-z ._-]+$/i, alphanum: /^[a-z0-9 ._-]+$/i, digit: /^[-+]?[0-9]+$/, nodigit: /^[^0-9]+$/, number: /^[-+]?\d*\.?\d+$/, email: /^[a-z0-9._%-]+@[a-z0-9.-]+\.[a-z]{2,4}$/i, phone: /^[\d\s ().-]+$/, url: /^(http|https|ftp)\:\/\/[a-z0-9\-\.]+\.[a-z]{2,3}(:[a-z0-9]*)?\/?([a-z0-9\-\._\?\,\'\/\\\+&%\$#\=~])*$/i} }, initialize: function (C, A) { if (this.form = $(C)) { this.form.isValid = true; this.regex = ["length"]; this.setOptions(A); if (typeof (formcheckLanguage) != "undefined") { this.options.alerts = $merge(this.options.alerts, formcheckLanguage) } this.validations = []; this.alreadyIndicated = false; this.firstError = false; var B = new Hash(this.options.regexp); B.each(function (E, D) { this.regex.push(D) }, this); this.form.getElements("*[class*=validate]").each(function (D) { this.register(D) }, this); this.form.addEvents({ submit: this.onSubmit.bind(this) }); if (this.options.display.fixPngForIe) { this.fixIeStuffs() } document.addEvent("mousewheel", function () { this.isScrolling = false } .bind(this)) } }, register: function (el) { el.validation = []; el.getProperty("class").split(" ").each(function (classX) { if (classX.match(/^validate(\[.+\])$/)) { var validators = eval(classX.match(/^validate(\[.+\])$/)[1]); for (var i = 0; i < validators.length; i++) { el.validation.push(validators[i]); if (validators[i].match(/^confirm\[/)) { var field = eval(validators[i].match(/^.+(\[.+\])$/)[1].replace(/([A-Z0-9\._-]+)/i, "'$1'")); if (this.form[field].validation.contains("required")) { el.validation.push("required") } } } this.addListener(el) } }, this) }, dispose: function (A) { this.validations.erase(A) }, addListener: function (B) { this.validations.push(B); B.errors = []; if (this.options.display.indicateErrorsInit) { this.validations.each(function (C) { if (!this.manageError(C, "submit")) { this.form.isValid = false } }, this); return true } if (B.validation[0] == "submit") { B.addEvent("click", function (C) { this.onSubmit(C) } .bind(this)); return true } if (this.isChildType(B) == false) { B.addEvent("blur", function () { (function () { if (!this.fxRunning && (B.element || this.options.display.showErrors == 1) && (this.options.display.checkValueIfEmpty || B.value)) { this.manageError(B, "blur") } } .bind(this)).delay(100) } .bind(this)) } else { if (this.isChildType(B) == true) { var A = this.form.getElements('input[name="' + B.getProperty("name") + '"]'); A.each(function (C) { C.addEvent("blur", function () { (function () { if ((B.element || this.options.display.showErrors == 1) && (this.options.display.checkValueIfEmpty || B.value)) { this.manageError(B, "click") } } .bind(this)).delay(100) } .bind(this)) }, this) } } }, validate: function (el) { el.errors = []; el.isOk = true; if (!this.options.validateDisabled && el.get("disabled")) { return true } if (this.options.trimValue && el.value) { el.value = el.value.trim() } el.validation.each(function (rule) { if (this.isChildType(el)) { if (this.validateGroup(el) == false) { el.isOk = false } } else { var ruleArgs = []; if (rule.match(/^.+\[/)) { var ruleMethod = rule.split("[")[0]; ruleArgs = eval(rule.match(/^.+(\[.+\])$/)[1].replace(/([A-Z0-9\._-]+)/i, "'$1'")) } else { var ruleMethod = rule } if (this.regex.contains(ruleMethod) && el.get("tag") != "select") { if (this.validateRegex(el, ruleMethod, ruleArgs) == false) { el.isOk = false } } if (ruleMethod == "confirm") { if (this.validateConfirm(el, ruleArgs) == false) { el.isOk = false } } if (ruleMethod == "differs") { if (this.validateDiffers(el, ruleArgs) == false) { el.isOk = false } } if (el.get("tag") == "select" || (el.type == "checkbox" && ruleMethod == "required")) { if (this.simpleValidate(el) == false) { el.isOk = false } } if (rule.match(/%[A-Z0-9\._-]+$/i) || (el.isOk && rule.match(/~[A-Z0-9\._-]+$/i))) { if (eval(rule.slice(1) + "(el)") == false) { el.isOk = false } } } }, this); if (el.isOk) { return true } else { return false } }, simpleValidate: function (A) { if (A.get("tag") == "select" && A.selectedIndex <= 0) { A.errors.push(this.options.alerts.select); return false } else { if (A.type == "checkbox" && A.checked == false) { A.errors.push(this.options.alerts.checkbox); return false } } return true }, validateRegex: function (C, B, D) { var E = ""; if (D[1] && B == "length") { if (D[1] == -1) { this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + ",}$"); E = this.options.alerts.lengthmin.replace("%0", D[0]) } else { if (D[0] == D[1]) { this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + "}$"); E = this.options.alerts.length_fix.replace("%0", D[0]) } else { this.options.regexp.length = new RegExp("^[\\s\\S]{" + D[0] + "," + D[1] + "}$"); E = this.options.alerts.length_str.replace("%0", D[0]).replace("%1", D[1]) } } } else { if (D[0] && B == "length") { this.options.regexp.length = new RegExp("^.{0," + D[0] + "}$"); E = this.options.alerts.lengthmax.replace("%0", D[0]) } else { E = this.options.alerts[B] } } if (D[1] && B == "digit") { var A = true; if (!this.options.regexp.digit.test(C.value)) { C.errors.push(this.options.alerts[B]); A = false } if (D[1] == -1) { if (C.value >= D[0]) { var F = true } else { var F = false } E = this.options.alerts.digitmin.replace("%0", D[0]) } else { if (C.value >= D[0] && C.value <= D[1]) { var F = true } else { var F = false } E = this.options.alerts.digitltd.replace("%0", D[0]).replace("%1", D[1]) } if (A == false || F == false) { C.errors.push(E); return false } } else { if (this.options.regexp[B].test(C.value) == false) { C.errors.push(E); return false } } return true }, validateConfirm: function (B, C) { var A = C[0]; if (B.value != this.form[A].value) { if (this.options.display.titlesInsteadNames) { var D = this.options.alerts.confirm.replace("%0", this.form[A].getProperty("title")) } else { var D = this.options.alerts.confirm.replace("%0", A) } B.errors.push(D); return false } return true }, validateDiffers: function (A, C) { var B = C[0]; if (A.value == this.form[B].value) { if (this.options.display.titlesInsteadNames) { var D = this.options.alerts.differs.replace("%0", this.form[B].getProperty("title")) } else { var D = this.options.alerts.differs.replace("%0", B) } A.errors.push(D); return false } return true }, isChildType: function (A) { return ($defined(A.type) && A.type == "radio") ? true : false }, validateGroup: function (D) { D.errors = []; var A = this.form[D.getProperty("name")]; D.group = A; var C = false; for (var B = 0; B < A.length; B++) { if (A[B].checked) { C = true } } if (C == false) { D.errors.push(this.options.alerts.radios); return false } else { return true } }, listErrorsAtTop: function (A) { if (!this.form.element) { this.form.element = new Element("div", { id: "errorlist", "class": this.options.errorClass }).injectTop(this.form) } if ($type(A) == "collection") { new Element("p").set("html", "<span>" + A[0].name + " : </span>" + A[0].errors[0]).injectInside(this.form.element) } else { if ((A.validation.contains("required") && A.errors.length > 0) || (A.errors.length > 0 && A.value && A.validation.contains("required") == false)) { A.errors.each(function (B) { new Element("p").set("html", "<span>" + A.name + " : </span>" + B).injectInside(this.form.element) }, this) } } }, manageError: function (A, C) { var B = this.validate(A); if ((!B && A.validation.flatten()[0].contains("confirm[")) || (!B && A.validation.contains("required")) || (!A.validation.contains("required") && A.value && !B)) { if (this.options.display.listErrorsAtTop == true && C == "submit") { this.listErrorsAtTop(A, C) } if (this.options.display.indicateErrors == 2 || this.alreadyIndicated == false || A.name == this.alreadyIndicated.name) { if (!this.firstError) { this.firstError = A } this.alreadyIndicated = A; if (this.options.display.keepFocusOnError && A.name == this.firstError.name) { (function () { A.focus() }).delay(20) } this.addError(A); return false } } else { if ((B || (!A.validation.contains("required") && !A.value)) && A.element) { this.removeError(A); return true } } return true }, addError: function (C) { if (!C.element && this.options.display.indicateErrors != 0) { if (this.options.display.errorsLocation == 1) { var E = (this.options.display.tipsPosition == "left") ? C.getCoordinates().left : C.getCoordinates().right; var B = { opacity: 0, position: "absolute", "float": "left", left: E + this.options.display.tipsOffsetX }; C.element = new Element("div", { "class": this.options.tipsClass, styles: B }).injectInside(document.body); this.addPositionEvent(C) } else { if (this.options.display.errorsLocation == 2) { C.element = new Element("div", { "class": this.options.errorClass, styles: { opacity: 0} }).injectBefore(C) } else { if (this.options.display.errorsLocation == 3) { C.element = new Element("div", { "class": this.options.errorClass, styles: { opacity: 0} }); if ($type(C.group) == "object" || $type(C.group) == "collection") { C.element.injectAfter(C.group[C.group.length - 1]) } else { C.element.injectAfter(C) } } } } } if (C.element && C.element != true) { C.element.empty(); if (this.options.display.errorsLocation == 1) { var D = []; C.errors.each(function (F) { D.push(new Element("p").set("html", F)) }); var A = this.makeTips(D).injectInside(C.element); if (this.options.display.closeTipsButton) { A.getElements("a.close").addEvent("mouseup", function () { this.removeError(C) } .bind(this)) } C.element.setStyle("top", C.getCoordinates().top - A.getCoordinates().height + this.options.display.tipsOffsetY) } else { C.errors.each(function (F) { new Element("p").set("html", F).injectInside(C.element) }) } if (!this.options.display.fadeDuration || Browser.Engine.trident && Browser.Engine.version == 5 && this.options.display.errorsLocation < 2) { C.element.setStyle("opacity", 1) } else { C.fx = new Fx.Tween(C.element, { duration: this.options.display.fadeDuration, ignore: true, onStart: function () { this.fxRunning = true } .bind(this), onComplete: function () { this.fxRunning = false; if (C.element && C.element.getStyle("opacity").toInt() == 0) { C.element.destroy(); C.element = false } } .bind(this) }); if (C.element.getStyle("opacity").toInt() != 1) { C.fx.start("opacity", 1) } } } if (this.options.display.addClassErrorToField && this.isChildType(C) == false) { C.addClass(this.options.fieldErrorClass); C.element = C.element || true } }, addPositionEvent: function (A) { if (this.options.display.replaceTipsEffect) { A.event = function () { new Fx.Morph(A.element, { duration: this.options.display.fadeDuration }).start({ left: [A.element.getStyle("left"), A.getCoordinates().right + this.options.display.tipsOffsetX], top: [A.element.getStyle("top"), A.getCoordinates().top - A.element.getCoordinates().height + this.options.display.tipsOffsetY] }) } .bind(this) } else { A.event = function () { A.element.setStyles({ left: A.getCoordinates().right + this.options.display.tipsOffsetX, top: A.getCoordinates().top - A.element.getCoordinates().height + this.options.display.tipsOffsetY }) } .bind(this) } window.addEvent("resize", A.event) }, removeError: function (A) { this.alreadyIndicated = false; A.errors = []; A.isOK = true; window.removeEvent("resize", A.event); if (this.options.display.errorsLocation >= 2 && A.element) { new Fx.Tween(A.element, { duration: this.options.display.fadeDuration }).start("height", 0) } if (!this.options.display.fadeDuration || Browser.Engine.trident && Browser.Engine.version == 5 && this.options.display.errorsLocation == 1 && A.element) { this.fxRunning = true; A.element.destroy(); A.element = false; (function () { this.fxRunning = false } .bind(this)).delay(200) } else { if (A.element && A.element != true) { A.fx.start("opacity", 0) } } if (this.options.display.addClassErrorToField && !this.isChildType(A)) { A.removeClass(this.options.fieldErrorClass) } }, focusOnError: function (B) { if (this.options.display.scrollToFirst && !this.alreadyFocused && !this.isScrolling) { if (!this.options.display.indicateErrors || !this.options.display.errorsLocation) { var A = B.getCoordinates().top - 30 } else { if (this.alreadyIndicated.element) { switch (this.options.display.errorsLocation) { case 1: var A = B.element.getCoordinates().top; break; case 2: var A = B.element.getCoordinates().top - 30; break; case 3: var A = B.getCoordinates().top - 30; break } this.isScrolling = true } } if (window.getScroll.y != A) { new Fx.Scroll(window, { onComplete: function () { this.isScrolling = false; B.focus() } .bind(this) }).start(0, A) } else { this.isScrolling = false; B.focus() } this.alreadyFocused = true } }, fixIeStuffs: function () { if (Browser.Engine.trident4) { var F = new RegExp("url\\(([.a-zA-Z0-9_/:-]+.png)\\)"); var H = new RegExp("(.+)formcheck.css"); for (var C = 0; C < document.styleSheets.length; C++) { if (document.styleSheets[C].href.match(/formcheck\.css$/)) { var E = document.styleSheets[C].href.replace(H, "$1"); var D = document.styleSheets[C].rules.length; for (var B = 0; B < D; B++) { var I = document.styleSheets[C].rules[B].style; var G = E + I.backgroundImage.replace(F, "$1"); if (G && G.match(/\.png/i)) { var A = (I.backgroundRepeat == "no-repeat") ? "crop" : "scale"; I.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='" + G + "', sizingMethod='" + A + "')"; I.backgroundImage = "none" } } } } } }, makeTips: function (C) { var E = new Element("table"); E.cellPadding = "0"; E.cellSpacing = "0"; E.border = "0"; var D = new Element("tbody").injectInside(E); var B = new Element("tr").injectInside(D); new Element("td", { "class": "tl" }).injectInside(B); new Element("td", { "class": "t" }).injectInside(B); new Element("td", { "class": "tr" }).injectInside(B); var H = new Element("tr").injectInside(D); new Element("td", { "class": "l" }).injectInside(H); var A = new Element("td", { "class": "c" }).injectInside(H); var G = new Element("div", { "class": "err" }).injectInside(A); C.each(function (I) { I.injectInside(G) }); if (this.options.display.closeTipsButton) { new Element("a", { "class": "close" }).injectInside(A) } new Element("td", { "class": "r" }).injectInside(H); var F = new Element("tr").injectInside(D); new Element("td", { "class": "bl" }).injectInside(F); new Element("td", { "class": "b" }).injectInside(F); new Element("td", { "class": "br" }).injectInside(F); return E }, reinitialize: function () { this.validations.each(function (A) { if (A.element) { A.errors = []; A.isOK = true; if (this.options.display.flashTips == 1) { A.element.destroy(); A.element = false } } }, this); if (this.form.element) { this.form.element.empty() } this.alreadyFocused = false; this.firstError = false; this.elementToRemove = this.alreadyIndicated; this.alreadyIndicated = false; this.form.isValid = true }, submitByAjax: function () { var A = this.form.getProperty("action"); this.fireEvent("ajaxRequest"); new Request({ url: A, method: this.form.getProperty("method"), data: this.form.toQueryString(), evalScripts: this.options.ajaxEvalScripts, onFailure: function (B) { this.fireEvent("ajaxFailure", B) } .bind(this), onSuccess: function (B) { this.fireEvent("ajaxSuccess", B); if (this.options.ajaxResponseDiv) { $(this.options.ajaxResponseDiv).set("html", B) } } .bind(this) }).send() }, onSubmit: function (A) { this.reinitialize(); this.validations.each(function (C) { var B = this.manageError(C, "submit"); if (!B) { this.form.isValid = false } }, this); if (this.form.isValid) { if (this.options.submitByAjax) { new Event(A).stop(); this.submitByAjax() } } else { new Event(A).stop(); if (this.elementToRemove && this.elementToRemove != this.firstError && this.options.display.indicateErrors == 1) { this.removeError(this.elementToRemove) } this.focusOnError(this.firstError) } } });
var Slimbox = (function () { var F = window, n = Browser.Engine.trident4, u, g, G = -1, o, w, E, v, y, M, s, m = {}, t = new Image(), K = new Image(), I, a, h, q, J, e, H, c, A, L, x, i, d, C; F.addEvent("domready", function () { $(document.body).adopt($$(I = new Element("div", { id: "lbOverlay", events: { click: D} }), a = new Element("div", { id: "lbCenter" }), H = new Element("div", { id: "lbBottomContainer" })).setStyle("display", "none")); h = new Element("div", { id: "lbImage" }).injectInside(a).adopt(q = new Element("div", { styles: { position: "relative"} }).adopt(J = new Element("a", { id: "lbPrevLink", href: "#", events: { click: B} }), e = new Element("a", { id: "lbNextLink", href: "#", events: { click: f} }))); c = new Element("div", { id: "lbBottom" }).injectInside(H).adopt(new Element("a", { id: "lbCloseLink", href: "#", events: { click: D} }), A = new Element("div", { id: "lbCaption" }), L = new Element("div", { id: "lbNumber" }), new Element("div", { styles: { clear: "both"} })) }); function z() { var N = F.getScroll(), O = F.getSize(); $$(a, H).setStyle("left", N.x + (O.x / 2)); if (v) { I.setStyles({ left: N.x, top: N.y, width: O.x, height: O.y }) } } function l(N) { ["object", n ? "select" : "embed"].forEach(function (P) { Array.forEach(document.getElementsByTagName(P), function (Q) { if (N) { Q._slimbox = Q.style.visibility } Q.style.visibility = N ? "hidden" : Q._slimbox }) }); I.style.display = N ? "" : "none"; var O = N ? "addEvent" : "removeEvent"; F[O]("scroll", z)[O]("resize", z); document[O]("keydown", p) } function p(O) { var N = O.code; return u.closeKeys.contains(N) ? D() : u.nextKeys.contains(N) ? f() : u.previousKeys.contains(N) ? B() : false } function B() { return b(w) } function f() { return b(E) } function b(N) { if (N >= 0) { G = N; o = g[N][0]; w = (G || (u.loop ? g.length : 0)) - 1; E = ((G + 1) % g.length) || (u.loop ? 0 : -1); r(); a.className = "lbLoading"; m = new Image(); m.onload = k; m.src = o } return false } function k() { a.className = ""; d.set(0); h.setStyles({ backgroundImage: "url(" + o + ")", display: "" }); q.setStyle("width", m.width); $$(q, J, e).setStyle("height", m.height); A.set("html", g[G][1] || ""); L.set("html", (((g.length > 1) && u.counterText) || "").replace(/{x}/, G + 1).replace(/{y}/, g.length)); if (w >= 0) { t.src = g[w][0] } if (E >= 0) { K.src = g[E][0] } M = h.offsetWidth; s = h.offsetHeight; a.setStyles({ top: Math.max(0, y - (s / 2)), width: M, height: s, marginLeft: -M / 2, display: "" }); var P = Math.max(0, y - (s / 2)), N = 0, O; if (a.offsetHeight != s) { N = i.start({ height: s, top: P }) } if (a.offsetWidth != M) { N = i.start({ width: M, marginLeft: -M / 2 }) } O = function () { H.setStyles({ width: M, top: P + s, marginLeft: -M / 2, visibility: "hidden", display: "" }); d.start(1) }; if (N) { i.chain(O) } else { O() } } function j() { if (w >= 0) { J.style.display = "" } if (E >= 0) { e.style.display = "" } C.set(-c.offsetHeight).start(0); H.style.visibility = "" } function r() { m.onload = $empty; m.src = t.src = K.src = o; i.cancel(); d.cancel(); C.cancel(); $$(J, e, h, H).setStyle("display", "none") } function D() { if (G >= 0) { r(); G = w = E = -1; a.style.display = "none"; x.cancel().chain(l).start(0) } return false } Element.implement({ slimbox: function (N, O) { $$(this).slimbox(N, O); return this } }); Elements.implement({ slimbox: function (N, Q, P) { Q = Q || function (R) { return [R.href, R.title] }; P = P || function () { return true }; var O = this; O.removeEvents("click").addEvent("click", function () { var R = O.filter(P, this); return Slimbox.open(R.map(Q), R.indexOf(this), N) }); return O } }); return { open: function (P, O, N) { u = $extend({ loop: false, overlayOpacity: 0.8, overlayFadeDuration: 400, resizeDuration: 400, resizeTransition: false, initialWidth: 250, initialHeight: 250, imageFadeDuration: 400, captionAnimationDuration: 400, counterText: "Image {x} of {y}", closeKeys: [27, 88, 67], previousKeys: [37, 80], nextKeys: [39, 78] }, N || {}); x = new Fx.Tween(I, { property: "opacity", duration: u.overlayFadeDuration }); i = new Fx.Morph(a, $extend({ duration: u.resizeDuration, link: "chain" }, u.resizeTransition ? { transition: u.resizeTransition} : {})); d = new Fx.Tween(h, { property: "opacity", duration: u.imageFadeDuration, onComplete: j }); C = new Fx.Tween(c, { property: "margin-top", duration: u.captionAnimationDuration }); if (typeof P == "string") { P = [[P, O]]; O = 0 } y = F.getScrollTop() + (F.getHeight() / 2); M = u.initialWidth; s = u.initialHeight; a.setStyles({ top: Math.max(0, y - (s / 2)), width: M, height: s, marginLeft: -M / 2, display: "" }); v = n || (I.currentStyle && (I.currentStyle.position != "fixed")); if (v) { I.style.position = "absolute" } x.set(0).start(u.overlayOpacity); z(); l(1); g = P; u.loop = u.loop && (g.length > 1); return b(O) } } })(); Slimbox.scanPage = function () { $$("a").filter(function (el) { return el.rel && el.rel.test(/^lightbox/i); }).slimbox({}, null, function (el) { return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel)); }); }; if (!/android|iphone|ipod|series60|symbian|windows ce|blackberry/i.test(navigator.userAgent)) { window.addEvent("domready", Slimbox.scanPage); }