//MooTools, My Object Oriented Javascript Tools. Copyright (c) 2006-2007 Valerio Proietti, , MIT Style License. var MooTools = { 'version': '1.2dev', 'build': '1.2b2' }; var Native = function(options){ options = options || {}; var afterImplement = options.afterImplement || function(){}; var generics = options.generics; generics = (generics !== false); var legacy = options.legacy; var initialize = options.initialize; var protect = options.protect; var name = options.name; var object = initialize || legacy; object.constructor = Native; object.$family = {name: 'native'}; if (legacy && initialize) object.prototype = legacy.prototype; object.prototype.constructor = object; if (name){ var family = name.toLowerCase(); object.prototype.$family = {name: family}; Native.typize(object, family); } var add = function(obj, name, method, force){ if (!protect || force || !obj.prototype[name]) obj.prototype[name] = method; if (generics) Native.genericize(obj, name, protect); afterImplement.call(obj, name, method); return obj; }; object.implement = function(a1, a2, a3){ if (typeof a1 == 'string') return add(this, a1, a2, a3); for (var p in a1) add(this, p, a1[p], a2); return this; }; object.alias = function(existing, property, force){ existing = this.prototype[existing]; if (existing) add(this, property, existing, force); return this; }; return object; }; Native.implement = function(objects, properties){ for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties); }; Native.genericize = function(object, property, check){ if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){ var args = Array.prototype.slice.call(arguments); return object.prototype[property].apply(args.shift(), args); }; }; Native.typize = function(object, family){ if (!object.type) object.type = function(item){ return ($type(item) === family); }; }; (function(objects){ for (var name in objects) Native.typize(objects[name], name.toLowerCase()); })({'Boolean': Boolean, 'Native': Native, 'Object': Object}); (function(objects){ for (var name in objects) new Native({name: name, initialize: objects[name], protect: true}); })({'String': String, 'Function': Function, 'Number': Number, 'Array': Array, 'RegExp': RegExp, 'Date': Date}); (function(object, methods){ for (var i = 0, l = methods.length; i < l; i++) Native.genericize(object, methods[i], true); return arguments.callee; }) (Array, ['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice', 'toString', 'valueOf', 'indexOf', 'lastIndexOf']) (String, ['charAt', 'charCodeAt', 'concat', 'indexOf', 'lastIndexOf', 'match', 'replace', 'search', 'slice', 'split', 'substr', 'substring', 'toLowerCase', 'toUpperCase', 'valueOf']); function $chk(obj){ return !!(obj || obj === 0); }; function $clear(timer){ clearTimeout(timer); clearInterval(timer); return null; }; function $defined(obj){ return (obj != undefined); }; function $empty(){}; function $arguments(i){ return function(){ return arguments[i]; }; }; function $lambda(value){ return (typeof value == 'function') ? value : function(){ return value; }; }; function $extend(original, extended){ for (var key in (extended || {})) original[key] = extended[key]; return original; }; function $unlink(object){ var unlinked = null; switch ($type(object)){ case 'object': unlinked = {}; for (var p in object) unlinked[p] = $unlink(object[p]); break; case 'array': unlinked = []; for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]); break; default: return object; } return unlinked; }; function $merge(){ var mix = {}; for (var i = 0, l = arguments.length; i < l; i++){ var object = arguments[i]; if ($type(object) != 'object') continue; for (var key in object){ var op = object[key], mp = mix[key]; mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $merge(mp, op) : $unlink(op); } } return mix; }; function $pick(){ for (var i = 0, l = arguments.length; i < l; i++){ if ($defined(arguments[i])) return arguments[i]; } return null; }; function $random(min, max){ return Math.floor(Math.random() * (max - min + 1) + min); }; function $splat(obj){ var type = $type(obj); return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : []; }; var $time = Date.now || function(){ return new Date().getTime(); }; function $try(fn, bind, args){ try { return fn.apply(bind, $splat(args)); } catch(e){ return false; } }; function $type(obj){ if (obj == undefined) return false; if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name; if (obj.nodeName){ switch (obj.nodeType){ case 1: return 'element'; case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace'; } } else if (typeof obj.length == 'number'){ if (obj.callee) return 'arguments'; else if (obj.item) return 'collection'; } return typeof obj; }; var Hash = new Native({ name: 'Hash', initialize: function(object){ if ($type(object) == 'hash') object = $unlink(object.getClean()); for (var key in object){ if (!this[key]) this[key] = object[key]; } return this; } }); Hash.implement({ getLength: function(){ var length = 0; for (var key in this){ if (this.hasOwnProperty(key)) length++; } return length; }, forEach: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this); } }, getClean: function(){ var clean = {}; for (var key in this){ if (this.hasOwnProperty(key)) clean[key] = this[key]; } return clean; } }); Hash.alias('forEach', 'each'); function $H(object){ return new Hash(object); }; Array.implement({ forEach: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this); } }); Array.alias('forEach', 'each'); function $A(iterable){ if ($type(iterable) == 'collection'){ var array = []; for (var i = 0, l = iterable.length; i < l; i++) array[i] = iterable[i]; return array; } return Array.prototype.slice.call(iterable); }; function $each(iterable, fn, bind){ var type = $type(iterable); ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind); }; var Browser = new Hash({ Engine: {name: 'unknown', version: ''}, Platform: {name: (navigator.platform.match(/mac|win|linux|nix/i) || ['other'])[0].toLowerCase()}, Features: {xhr: !!(window.XMLHttpRequest), xpath: !!(document.evaluate), air: !!(window.runtime)} }); if (window.opera) Browser.Engine.name = 'presto'; else if (window.ActiveXObject) Browser.Engine = {name: 'trident', version: (Browser.Features.xhr) ? 5 : 4}; else if (!navigator.taintEnabled) Browser.Engine = {name: 'webkit', version: (Browser.Features.xpath) ? 420 : 419}; else if (document.getBoxObjectFor != null) Browser.Engine.name = 'gecko'; Browser.Engine[Browser.Engine.name] = Browser.Engine[Browser.Engine.name + Browser.Engine.version] = true; Browser.Platform[Browser.Platform.name] = true; function $exec(text){ if (!text) return text; if (window.execScript){ window.execScript(text); } else { var script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.text = text; document.head.appendChild(script); document.head.removeChild(script); } return text; }; Native.UID = 0; var Window = new Native({ name: 'Window', legacy: window.Window, initialize: function(win){ if (!win.Element){ win.Element = $empty; if (Browser.Engine.webkit) win.document.createElement("iframe"); win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {}; } win.uid = Native.UID++; return $extend(win, Window.Prototype); }, afterImplement: function(property, value){ window[property] = Window.Prototype[property] = value; } }); Window.Prototype = {$family: {name: 'window'}}; new Window(window); var Document = new Native({ name: 'Document', legacy: window.Document, initialize: function(doc){ doc.head = doc.getElementsByTagName('head')[0]; doc.html = doc.getElementsByTagName('html')[0]; doc.window = doc.defaultView || doc.parentWindow; if (Browser.Engine.trident4) $try(function(){ doc.execCommand("BackgroundImageCache", false, true); }); doc.uid = Native.UID++; return $extend(doc, Document.Prototype); }, afterImplement: function(property, value){ document[property] = Document.Prototype[property] = value; } }); Document.Prototype = {$family: {name: 'document'}}; new Document(document); Array.implement({ every: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (!fn.call(bind, this[i], i, this)) return false; } return true; }, filter: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) results.push(this[i]); } return results; }, clean: function() { return this.filter($arguments(0)); }, indexOf: function(item, from){ var len = this.length; for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){ if (this[i] === item) return i; } return -1; }, map: function(fn, bind){ var results = []; for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this); return results; }, some: function(fn, bind){ for (var i = 0, l = this.length; i < l; i++){ if (fn.call(bind, this[i], i, this)) return true; } return false; }, associate: function(keys){ var obj = {}, length = Math.min(this.length, keys.length); for (var i = 0; i < length; i++) obj[keys[i]] = this[i]; return obj; }, link: function(object){ var result = {}; for (var i = 0, l = this.length; i < l; i++){ for (var key in object){ if (object[key](this[i])){ result[key] = this[i]; delete object[key]; break; } } } return result; }, contains: function(item, from){ return this.indexOf(item, from) != -1; }, extend: function(array){ for (var i = 0, j = array.length; i < j; i++) this.push(array[i]); return this; }, getLast: function(){ return (this.length) ? this[this.length - 1] : null; }, getRandom: function(){ return (this.length) ? this[$random(0, this.length - 1)] : null; }, include: function(item){ if (!this.contains(item)) this.push(item); return this; }, merge: function(array){ for (var i = 0, l = array.length; i < l; i++) this.include(array[i]); return this; }, remove: function(item){ for (var i = this.length; i--; i){ if (this[i] === item) this.splice(i, 1); } return this; }, empty: function(){ this.length = 0; return this; }, flatten: function(){ var array = []; for (var i = 0, l = this.length; i < l; i++){ var type = $type(this[i]); if (!type) continue; array = array.concat((type == 'array' || type == 'collection' || type == 'arguments') ? Array.flatten(this[i]) : this[i]); } return array; }, hexToRgb: function(array){ if (this.length != 3) return null; var rgb = this.map(function(value){ if (value.length == 1) value += value; return value.toInt(16); }); return (array) ? rgb : 'rgb(' + rgb + ')'; }, rgbToHex: function(array){ if (this.length < 3) return null; if (this.length == 4 && this[3] == 0 && !array) return 'transparent'; var hex = []; for (var i = 0; i < 3; i++){ var bit = (this[i] - 0).toString(16); hex.push((bit.length == 1) ? '0' + bit : bit); } return (array) ? hex : '#' + hex.join(''); } }); Function.implement({ extend: function(properties){ for (var property in properties) this[property] = properties[property]; return this; }, create: function(options){ var self = this; options = options || {}; return function(event){ var args = options.arguments; args = $defined(args) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0); if (options.event) args = [event || window.event].extend(args); var returns = function(){ return self.apply(options.bind || null, args); }; if (options.delay) return setTimeout(returns, options.delay); if (options.periodical) return setInterval(returns, options.periodical); if (options.attempt) return $try(returns); return returns(); }; }, pass: function(args, bind){ return this.create({'arguments': args, 'bind': bind}); }, attempt: function(args, bind){ return this.create({'arguments': args, 'bind': bind, 'attempt': true})(); }, bind: function(bind, args){ return this.create({'bind': bind, 'arguments': args}); }, bindWithEvent: function(bind, args){ return this.create({'bind': bind, 'event': true, 'arguments': args}); }, delay: function(delay, bind, args){ return this.create({'delay': delay, 'bind': bind, 'arguments': args})(); }, periodical: function(interval, bind, args){ return this.create({'periodical': interval, 'bind': bind, 'arguments': args})(); }, run: function(args, bind){ return this.apply(bind, $splat(args)); } }); Number.implement({ limit: function(min, max){ return Math.min(max, Math.max(min, this)); }, round: function(precision){ precision = Math.pow(10, precision || 0); return Math.round(this * precision) / precision; }, times: function(fn, bind){ for (var i = 0; i < this; i++) fn.call(bind, i, this); }, toFloat: function(){ return parseFloat(this); }, toInt: function(base){ return parseInt(this, base || 10); } }); Number.alias('times', 'each'); (function(math){ var methods = {}; math.each(function(name){ if (!Number[name]) methods[name] = function(){ return Math[name].apply(null, [this].concat($A(arguments))); }; }); Number.implement(methods); })(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']); String.implement({ test: function(regex, params){ return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this); }, contains: function(string, separator){ return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1; }, trim: function(){ return this.replace(/^\s+|\s+$/g, ''); }, clean: function(){ return this.replace(/\s+/g, ' ').trim(); }, camelCase: function(){ return this.replace(/-\D/g, function(match){ return match.charAt(1).toUpperCase(); }); }, hyphenate: function(){ return this.replace(/[A-Z]/g, function(match){ return ('-' + match.charAt(0).toLowerCase()); }); }, capitalize: function(){ return this.replace(/\b[a-z]/g, function(match){ return match.toUpperCase(); }); }, escapeRegExp: function(){ return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1'); }, toInt: function(base){ return parseInt(this, base || 10); }, toFloat: function(){ return parseFloat(this); }, hexToRgb: function(array){ var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/); return (hex) ? hex.slice(1).hexToRgb(array) : null; }, rgbToHex: function(array){ var rgb = this.match(/\d{1,3}/g); return (rgb) ? rgb.rgbToHex(array) : null; }, stripScripts: function(option){ var scripts = ''; var text = this.replace(/]*>([\s\S]*?)<\/script>/gi, function(){ scripts += arguments[1] + '\n'; return ''; }); if (option === true) $exec(scripts); else if ($type(option) == 'function') option(scripts, text); return text; } }); Hash.implement({ has: Object.prototype.hasOwnProperty, keyOf: function(value){ for (var key in this){ if (this.hasOwnProperty(key) && this[key] === value) return key; } return null; }, hasValue: function(value){ return (Hash.keyOf(this, value) !== null); }, extend: function(properties){ Hash.each(properties, function(value, key){ Hash.set(this, key, value); }, this); return this; }, merge: function(properties){ Hash.each(properties, function(value, key){ Hash.include(this, key, value); }, this); return this; }, remove: function(key){ if (this.hasOwnProperty(key)) delete this[key]; return this; }, get: function(key){ return (this.hasOwnProperty(key)) ? this[key] : null; }, set: function(key, value){ if (!this[key] || this.hasOwnProperty(key)) this[key] = value; return this; }, empty: function(){ Hash.each(this, function(value, key){ delete this[key]; }, this); return this; }, include: function(key, value){ var k = this[key]; if (!$defined(k)) this[key] = value; return this; }, map: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ results.set(key, fn.call(bind, value, key, this)); }, this); return results; }, filter: function(fn, bind){ var results = new Hash; Hash.each(this, function(value, key){ if (fn.call(bind, value, key, this)) results.set(key, value); }, this); return results; }, every: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false; } return true; }, some: function(fn, bind){ for (var key in this){ if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true; } return false; }, getKeys: function(){ var keys = []; Hash.each(this, function(value, key){ keys.push(key); }); return keys; }, getValues: function(){ var values = []; Hash.each(this, function(value){ values.push(value); }); return values; }, toQueryString: function(){ var queryString = []; Hash.each(this, function(value, key){ $splat(value).each(function(val){ queryString.push(key + '=' + encodeURIComponent(val)); }); }); return queryString.join('&'); } }); Hash.alias('keyOf', 'indexOf').alias('hasValue', 'contains').alias('remove', 'erase'); var Event = new Native({ name: 'Event', initialize: function(event, win){ win = win || window; event = event || win.event; if (event.$extended) return event; this.$extended = true; var type = event.type; var target = event.target || event.srcElement; while (target && target.nodeType == 3) target = target.parentNode; if (type.match(/DOMMouseScroll|mousewheel/)){ var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3; } else if (type.test(/key/)){ var code = event.which || event.keyCode; var key = Event.Keys.keyOf(code); if (type == 'keydown'){ var fKey = code - 111; if (fKey > 0 && fKey < 13) key = 'f' + fKey; } key = key || String.fromCharCode(code).toLowerCase(); } else if (type.match(/(click|mouse|menu)/i)){ var page = { x: event.pageX || event.clientX + win.document.documentElement.scrollLeft, y: event.pageY || event.clientY + win.document.documentElement.scrollTop }; var client = { x: event.pageX ? event.pageX - win.pageXOffset : event.clientX, y: event.pageY ? event.pageY - win.pageYOffset : event.clientY }; var rightClick = (event.which == 3) || (event.button == 2); var related = null; if (type.match(/over|out/)){ switch (type){ case 'mouseover': related = event.relatedTarget || event.fromElement; break; case 'mouseout': related = event.relatedTarget || event.toElement; } if ((function(){ while (related && related.nodeType == 3) related = related.parentNode; }).create({attempt: Browser.Engine.gecko})() === false) related = false; } } return $extend(this, { event: event, type: type, page: page, client: client, rightClick: rightClick, wheel: wheel, relatedTarget: related, target: target, code: code, key: key, shift: event.shiftKey, control: event.ctrlKey, alt: event.altKey, meta: event.metaKey }); } }); Event.Keys = new Hash({ 'enter': 13, 'up': 38, 'down': 40, 'left': 37, 'right': 39, 'esc': 27, 'space': 32, 'backspace': 8, 'tab': 9, 'delete': 46 }); Event.implement({ stop: function(){ return this.stopPropagation().preventDefault(); }, stopPropagation: function(){ if (this.event.stopPropagation) this.event.stopPropagation(); else this.event.cancelBubble = true; return this; }, preventDefault: function(){ if (this.event.preventDefault) this.event.preventDefault(); else this.event.returnValue = false; return this; } }); var Class = new Native({ name: 'Class', initialize: function(properties){ properties = properties || {}; var klass = function(){ for (var property in this) this[property] = $unlink(this[property]); this.parent = null; ['Implements', 'Extends'].each(function(Property){ if (!this[Property]) return; Class[Property](this, this[Property]); delete this[Property]; }, this); this.constructor = klass; var self = (arguments[0] !== $empty && this.initialize) ? this.initialize.apply(this, arguments) : this; if (this.options && this.options.initialize) this.options.initialize.call(this); return self; }; $extend(klass, this); klass.constructor = Class; klass.prototype = properties; return klass; } }); Class.implement({ implement: function(){ Class.Implements(this.prototype, Array.slice(arguments)); return this; } }); Class.Implements = function(self, klasses){ $splat(klasses).each(function(klass){ $extend(self, ($type(klass) == 'class') ? new klass($empty) : klass); }); }; Class.Extends = function(self, klass){ klass = new klass($empty); for (var property in klass){ var kp = klass[property]; var sp = self[property]; self[property] = (function(previous, current){ if ($defined(current) && previous != current){ var type = $type(current); if (type != $type(previous)) return current; switch (type){ case 'function': return function(){ current.parent = self.parent = previous.bind(this); var value = current.apply(this, arguments); self.parent = current.parent; return value; }; case 'object': return $merge(previous, current); default: return current; } } return previous; })(kp, sp); } }; Class.prototype.extend = function(properties){ properties.Extends = this; return new Class(properties); }; var Chain = new Class({ chain: function(){ this.$chain = (this.$chain || []).extend(arguments); return this; }, callChain: function(){ if (this.$chain && this.$chain.length) this.$chain.shift().apply(this, arguments); return this; }, clearChain: function(){ if (this.$chain) this.$chain.empty(); return this; } }); var Events = new Class({ addEvent: function(type, fn, internal){ if (fn != $empty){ this.$events = this.$events || {}; this.$events[type] = this.$events[type] || []; this.$events[type].include(fn); if (internal) fn.internal = true; } return this; }, addEvents: function(events){ for (var type in events) this.addEvent(type, events[type]); return this; }, fireEvent: function(type, args, delay){ if (!this.$events || !this.$events[type]) return this; this.$events[type].each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, removeEvent: function(type, fn){ if (!this.$events || !this.$events[type]) return this; if (!fn.internal) this.$events[type].remove(fn); return this; }, removeEvents: function(type){ for (var e in this.$events){ if (type && type != e) continue; var fns = this.$events[e]; for (var i = fns.length; i--; i) this.removeEvent(e, fns[i]); } return this; } }); var Options = new Class({ setOptions: function(){ this.options = $merge.run([this.options].extend(arguments)); if (!this.addEvent) return this; for (var option in this.options){ if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue; this.addEvent(option, this.options[option]); delete this.options[option]; } return this; } }); Document.implement({ newElement: function(tag, props){ if (Browser.Engine.trident && props){ ['name', 'type', 'checked'].each(function(attribute){ if (!props[attribute]) return; tag += ' ' + attribute + '="' + props[attribute] + '"'; if (attribute != 'checked') delete props[attribute]; }); tag = '<' + tag + '>'; } return $.element(this.createElement(tag)).set(props); }, newTextNode: function(text){ return this.createTextNode(text); }, getDocument: function(){ return this; }, getWindow: function(){ return this.defaultView || this.parentWindow; } }); var Element = new Native({ name: 'Element', legacy: window.Element, initialize: function(tag, props){ var konstructor = Element.Constructors.get(tag); if (konstructor) return konstructor(props); if (typeof tag == 'string') return document.newElement(tag, props); return $(tag).set(props); }, afterImplement: function(key, value){ if (!Array[key]) Elements.implement(key, Elements.multi(key)); Element.Prototype[key] = value; } }); Element.Prototype = {$family: {name: 'element'}}; Element.Constructors = new Hash; var IFrame = new Native({ name: 'IFrame', generics: false, initialize: function(){ Native.UID++; var params = Array.link(arguments, {properties: Object.type, iframe: $defined}); var props = params.properties || {}; var iframe = $(params.iframe) || false; var onload = props.onload || $empty; delete props.onload; props.id = props.name = $pick(props.id, props.name, iframe.id, iframe.name, 'IFrame_' + Native.UID); ((iframe = iframe || new Element('iframe'))).set(props); var onFrameLoad = function(){ var host = $try(function(){ return iframe.contentWindow.location.host; }); if (host && host == window.location.host){ iframe.window = iframe.contentWindow; var win = new Window(iframe.window); var doc = new Document(iframe.window.document); $extend(win.Element.prototype, Element.Prototype); } onload.call(iframe.contentWindow); }; (!window.frames[props.id]) ? iframe.addListener('load', onFrameLoad) : onFrameLoad(); return iframe; } }); var Elements = new Native({ initialize: function(elements, options){ options = $extend({ddup: true, cash: true}, options); elements = elements || []; if (options.ddup || options.cash){ var uniques = {}; var returned = []; for (var i = 0, l = elements.length; i < l; i++){ var el = $.element(elements[i], !options.cash); if (options.ddup){ if (uniques[el.uid]) continue; uniques[el.uid] = true; } returned.push(el); } elements = returned; } return (options.cash) ? $extend(elements, this) : elements; } }); Elements.implement({ filterBy: function(filter){ if (!filter) return this; return new Elements(this.filter((typeof filter == 'string') ? function(item){ return item.match(filter); } : filter)); } }); Elements.multi = function(property){ return function(){ var items = []; var elements = true; for (var i = 0, j = this.length; i < j; i++){ var returns = this[i][property].apply(this[i], arguments); items.push(returns); if (elements) elements = ($type(returns) == 'element'); } return (elements) ? new Elements(items) : items; }; }; Window.implement({ $: function(el, notrash){ if (el && el.$attributes) return el; var type = $type(el); return ($[type]) ? $[type](el, notrash, this.document) : null; }, $$: function(selector){ if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector); var elements = []; var args = Array.flatten(arguments); for (var i = 0, l = args.length; i < l; i++){ var item = args[i]; switch ($type(item)){ case 'element': item = [item]; break; case 'string': item = this.document.getElements(item, true); break; default: item = false; } if (item) elements.extend(item); } return new Elements(elements); }, getDocument: function(){ return this.document; }, getWindow: function(){ return this; } }); $.string = function(id, notrash, doc){ id = doc.getElementById(id); return (id) ? $.element(id, notrash) : null; }; $.element = function(el, notrash){ el.uid = el.uid || [Native.UID++]; if (!notrash && Garbage.collect(el) && !el.$family) $extend(el, Element.Prototype); return el; }; $.textnode = $.window = $.document = $arguments(0); $.number = function(uid){ return Garbage.Elements[uid] || null; }; Native.implement([Element, Document], { getElement: function(selector, notrash){ return $(this.getElements(selector, true)[0] || null, notrash); }, getElements: function(tags, nocash){ tags = tags.split(','); var elements = []; var ddup = (tags.length > 1); tags.each(function(tag){ var partial = this.getElementsByTagName(tag.trim()); (ddup) ? elements.extend(partial) : elements = partial; }, this); return new Elements(elements, {ddup: ddup, cash: !nocash}); } }); Element.Storage = { get: function(uid){ return (this[uid] = this[uid] || {}); } }; Element.Inserters = new Hash({ before: function(context, element){ if (element.parentNode) element.parentNode.insertBefore(context, element); }, after: function(context, element){ if (!element.parentNode) return; var next = element.nextSibling; (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context); }, bottom: function(context, element){ element.appendChild(context); }, top: function(context, element){ var first = element.firstChild; (first) ? element.insertBefore(context, first) : element.appendChild(context); } }); Element.Inserters.inside = Element.Inserters.bottom; Element.Inserters.each(function(value, key){ var Key = key.capitalize(); Element.implement('inject' + Key, function(el){ Element.Inserters[key](this, $(el, true)); return this; }); Element.implement('grab' + Key, function(el){ Element.Inserters[key]($(el, true), this); return this; }); }); Element.implement({ getDocument: function(){ return this.ownerDocument; }, getWindow: function(){ return this.ownerDocument.getWindow(); }, getElementById: function(id, nocash){ var el = this.ownerDocument.getElementById(id); if (!el) return null; for (var parent = el.parentNode; parent != this; parent = parent.parentNode){ if (!parent) return null; } return $.element(el, nocash); }, set: function(prop, value){ switch ($type(prop)){ case 'object': for (var p in prop) this.set(p, prop[p]); break; case 'string': var property = Element.Properties.get(prop); (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value); } return this; }, get: function(prop){ var property = Element.Properties.get(prop); return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop); }, erase: function(prop){ var property = Element.Properties.get(prop); (property && property.erase) ? property.erase.apply(this, Array.slice(arguments, 1)) : this.removeProperty(prop); return this; }, match: function(tag){ return (!tag || Element.get(this, 'tag') == tag); }, inject: function(el, where){ Element.Inserters.get(where || 'bottom')(this, $(el, true)); return this; }, wraps: function(el, where){ el = $(el, true); return this.replaces(el).grab(el); }, grab: function(el, where){ Element.Inserters.get(where || 'bottom')($(el, true), this); return this; }, appendText: function(text, where){ return this.grab(this.getDocument().newTextNode(text), where); }, adopt: function(){ Array.flatten(arguments).each(function(element){ this.appendChild($(element, true)); }, this); return this; }, dispose: function(){ return this.parentNode.removeChild(this); }, clone: function(contents){ var temp = new Element('div').grab(this.cloneNode(contents !== false)); Array.each(temp.getElementsByTagName('*'), function(element){ if (element.id) element.removeAttribute('id'); }); return new Element('div').set('html', temp.innerHTML).getFirst(); }, replaces: function(el){ el = $(el, true); el.parentNode.replaceChild(this, el); return this; }, hasClass: function(className){ return this.className.contains(className, ' '); }, addClass: function(className){ if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean(); return this; }, removeClass: function(className){ this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean(); return this; }, toggleClass: function(className){ return this.hasClass(className) ? this.removeClass(className) : this.addClass(className); }, getComputedStyle: function(property){ var result = null; if (this.currentStyle){ result = this.currentStyle[property.camelCase()]; } else { var computed = this.getWindow().getComputedStyle(this, null); if (computed) result = computed.getPropertyValue([property.hyphenate()]); } return result; }, empty: function(){ var elements = $A(this.getElementsByTagName('*')); elements.each(function(element){ $try(Element.prototype.dispose, element); }); Garbage.trash(elements); $try(Element.prototype.set, this, ['html', '']); return this; }, destroy: function(){ Garbage.kill(this.empty().dispose()); return null; }, toQueryString: function(){ var queryString = []; this.getElements('input, select, textarea', true).each(function(el){ var name = el.name, type = el.type, value = Element.get(el, 'value'); if (value === false || !name || el.disabled) return; $splat(value).each(function(val){ queryString.push(name + '=' + encodeURIComponent(val)); }); }); return queryString.join('&'); }, getProperty: function(attribute){ var EA = Element.Attributes, key = EA.Props[attribute]; var value = (key) ? this[key] : this.getAttribute(attribute); return (EA.Bools[attribute]) ? !!value : value; }, getProperties: function(){ var args = $A(arguments); return args.map(function(attr){ return this.getProperty(attr); }, this).associate(args); }, setProperty: function(attribute, value){ var EA = Element.Attributes, key = EA.Props[attribute], hasValue = $defined(value); if (key && EA.Bools[attribute]) value = (value || !hasValue) ? true : false; else if (!hasValue) return this.removeProperty(attribute); (key) ? this[key] = value : this.setAttribute(attribute, value); return this; }, setProperties: function(attributes){ for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]); return this; }, removeProperty: function(attribute){ var EA = Element.Attributes, key = EA.Props[attribute], isBool = (key && EA.Bools[attribute]); (key) ? this[key] = (isBool) ? false : '' : this.removeAttribute(attribute); return this; }, removeProperties: function(){ Array.each(arguments, this.removeProperty, this); return this; } }); (function(){ var walk = function(element, walk, start, match, all, nocash){ var el = element[start || walk]; var elements = []; while (el){ if (el.nodeType == 1 && Element.match(el, match)){ elements.push(el); if (!all) break; } el = el[walk]; } return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : $(elements[0], nocash); }; Element.implement({ getPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, false, nocash); }, getAllPrevious: function(match, nocash){ return walk(this, 'previousSibling', null, match, true, nocash); }, getNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, false, nocash); }, getAllNext: function(match, nocash){ return walk(this, 'nextSibling', null, match, true, nocash); }, getFirst: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, false, nocash); }, getLast: function(match, nocash){ return walk(this, 'previousSibling', 'lastChild', match, false, nocash); }, getParent: function(match, nocash){ return walk(this, 'parentNode', null, match, false, nocash); }, getParents: function(match, nocash){ return walk(this, 'parentNode', null, match, true, nocash); }, getChildren: function(match, nocash){ return walk(this, 'nextSibling', 'firstChild', match, true, nocash); }, hasChild: function(el){ if (!(el = $(el, true))) return false; return Element.getParents(el, this.get('tag'), true).contains(this); } }); })(); Element.alias('dispose', 'remove').alias('getLast', 'getLastChild'); Element.Properties = new Hash; Element.Properties.style = { set: function(style){ this.style.cssText = style; }, get: function(){ return this.style.cssText; }, erase: function(){ this.style.cssText = ''; } }; Element.Properties.value = {get: function(){ switch (Element.get(this, 'tag')){ case 'select': var values = []; Array.each(this.options, function(option){ if (option.selected) values.push(option.value); }); return (this.multiple) ? values : values[0]; case 'input': if (['checkbox', 'radio'].contains(this.type) && !this.checked) return false; default: return $pick(this.value, false); } }}; Element.Properties.tag = {get: function(){ return this.tagName.toLowerCase(); }}; Element.Properties.html = {set: function(){ return this.innerHTML = Array.flatten(arguments).join(''); }}; Element.implement({ getText: function(){ return this.get('text'); }, setText: function(text){ return this.set('text', text); }, setHTML: function(){ return this.set('html', arguments); }, getHTML: function(){ return this.get('html'); }, getTag: function(){ return this.get('tag'); } }); Native.implement([Element, Window, Document], { addListener: function(type, fn){ if (this.addEventListener) this.addEventListener(type, fn, false); else this.attachEvent('on' + type, fn); return this; }, removeListener: function(type, fn){ if (this.removeEventListener) this.removeEventListener(type, fn, false); else this.detachEvent('on' + type, fn); return this; }, retrieve: function(property, dflt){ var storage = Element.Storage.get(this.uid); var prop = storage[property]; if ($defined(dflt) && !$defined(prop)) prop = storage[property] = dflt; return $pick(prop); }, store: function(property, value){ var storage = Element.Storage.get(this.uid); storage[property] = value; return this; }, eliminate: function(property){ var storage = Element.Storage.get(this.uid); delete storage[property]; return this; } }); Element.Attributes = new Hash({ Props: {'html': 'innerHTML', 'class': 'className', 'for': 'htmlFor', 'text': (Browser.Engine.trident) ? 'innerText' : 'textContent'}, Bools: ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer'], Camels: ['value', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap'] }); (function(EA){ var EAB = EA.Bools, EAC = EA.Camels; EA.Bools = EAB = EAB.associate(EAB); Hash.extend(Hash.merge(EA.Props, EAB), EAC.associate(EAC.map(function(v){ return v.toLowerCase(); }))); EA.remove('Camels'); })(Element.Attributes); var Garbage = { Elements: {}, ignored: {object: 1, embed: 1, OBJECT: 1, EMBED: 1}, collect: function(el){ if (el.$attributes) return true; if (Garbage.ignored[el.tagName]) return false; Garbage.Elements[el.uid] = el; el.$attributes = {}; return true; }, trash: function(elements){ for (var i = elements.length, el; i--; i) Garbage.kill(elements[i]); }, kill: function(el){ if (!el || !el.$attributes) return; delete Garbage.Elements[el.uid]; if (el.retrieve('events')) el.removeEvents(); for (var p in el.$attributes) el.$attributes[p] = null; if (Browser.Engine.trident){ for (var d in Element.Prototype) el[d] = null; } el.$attributes = el.uid = null; }, empty: function(){ for (var uid in Garbage.Elements) Garbage.kill(Garbage.Elements[uid]); } }; window.addListener('beforeunload', function(){ window.addListener('unload', Garbage.empty); if (Browser.Engine.trident) window.addListener('unload', CollectGarbage); }); Element.Properties.events = {set: function(events){ this.addEvents(events); }}; Native.implement([Element, Window, Document], { addEvent: function(type, fn){ var events = this.retrieve('events', {}); events[type] = events[type] || {'keys': [], 'values': []}; if (events[type].keys.contains(fn)) return this; events[type].keys.push(fn); var realType = type, custom = Element.Events.get(type), condition = fn, self = this; if (custom){ if (custom.onAdd) custom.onAdd.call(this, fn); if (custom.condition){ condition = function(event){ if (custom.condition.call(this, event)) return fn.call(this, event); return false; }; } realType = custom.base || realType; } var defn = function(){ return fn.call(self); }; var nativeEvent = Element.NativeEvents[realType] || 0; if (nativeEvent){ if (nativeEvent == 2){ defn = function(event){ event = new Event(event, self.getWindow()); if (condition.call(self, event) === false) event.stop(); }; } this.addListener(realType, defn); } events[type].values.push(defn); return this; }, removeEvent: function(type, fn){ var events = this.retrieve('events'); if (!events || !events[type]) return this; var pos = events[type].keys.indexOf(fn); if (pos == -1) return this; var key = events[type].keys.splice(pos, 1)[0]; var value = events[type].values.splice(pos, 1)[0]; var custom = Element.Events.get(type); if (custom){ if (custom.onRemove) custom.onRemove.call(this, fn); type = custom.base || type; } return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this; }, addEvents: function(events){ for (var event in events) this.addEvent(event, events[event]); return this; }, removeEvents: function(type){ var events = this.retrieve('events'); if (!events) return this; if (!type){ for (var evType in events) this.removeEvents(evType); events = null; } else if (events[type]){ while (events[type].keys[0]) this.removeEvent(type, events[type].keys[0]); events[type] = null; } return this; }, fireEvent: function(type, args, delay){ var events = this.retrieve('events'); if (!events || !events[type]) return this; events[type].keys.each(function(fn){ fn.create({'bind': this, 'delay': delay, 'arguments': args})(); }, this); return this; }, cloneEvents: function(from, type){ from = $(from); var fevents = from.retrieve('events'); if (!fevents) return this; if (!type){ for (var evType in fevents) this.cloneEvents(from, evType); } else if (fevents[type]){ fevents[type].keys.each(function(fn){ this.addEvent(type, fn); }, this); } return this; } }); Element.NativeEvents = { 'click': 2, 'dblclick': 2, 'mouseup': 2, 'mousedown': 2, 'contextmenu': 2, 'mousewheel': 2, 'DOMMouseScroll': 2, 'mouseover': 2, 'mouseout': 2, 'mousemove': 2, 'selectstart': 2, 'selectend': 2, 'keydown': 2, 'keypress': 2, 'keyup': 2, 'focus': 2, 'blur': 2, 'change': 2, 'reset': 2, 'select': 2, 'submit': 2, 'load': 1, 'unload': 1, 'beforeunload': 1, 'resize': 1, 'move': 1, 'DOMContentLoaded': 1, 'readystatechange': 1, 'error': 1, 'abort': 1, 'scroll': 1 }; (function(){ var checkRelatedTarget = function(event){ var related = event.relatedTarget; if (!related) return true; return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related)); }; Element.Events = new Hash({ mouseenter: { base: 'mouseover', condition: checkRelatedTarget }, mouseleave: { base: 'mouseout', condition: checkRelatedTarget }, mousewheel: { base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel' } }); })(); Element.Properties.styles = {set: function(styles){ this.setStyles(styles); }}; Element.Properties.opacity = { set: function(opacity, novisibility){ if (!novisibility){ if (opacity == 0){ if (this.style.visibility != 'hidden') this.style.visibility = 'hidden'; } else { if (this.style.visibility != 'visible') this.style.visibility = 'visible'; } } if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1; if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')'; this.style.opacity = opacity; this.store('opacity', opacity); }, get: function(){ return this.retrieve('opacity', 1); } }; Element.implement({ setOpacity: function(value){ return this.set('opacity', value, true); }, getOpacity: function(){ return this.get('opacity'); }, setStyle: function(property, value){ switch (property){ case 'opacity': return this.set('opacity', parseFloat(value)); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); if ($type(value) != 'string'){ var map = (Element.Styles.get(property) || '@').split(' '); value = $splat(value).map(function(val, i){ if (!map[i]) return ''; return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val; }).join(' '); } else if (value == String(Number(value))){ value = Math.round(value); } this.style[property] = value; return this; }, getStyle: function(property){ switch (property){ case 'opacity': return this.get('opacity'); case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat'; } property = property.camelCase(); var result = this.style[property]; if (!$chk(result)){ result = []; for (var style in Element.ShortStyles){ if (property != style) continue; for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s)); return result.join(' '); } result = this.getComputedStyle(property); } if (result){ result = String(result); var color = result.match(/rgba?\([\d\s,]+\)/); if (color) result = result.replace(color[0], color[0].rgbToHex()); } if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result)))){ if (property.test(/^(height|width)$/)){ var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0; values.each(function(value){ size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt(); }, this); return this['offset' + property.capitalize()] - size + 'px'; } if (Browser.Engine.presto && String(result).test('px')) return result; if (property.test(/(border(.+)Width|margin|padding)/)) return '0px'; } return result; }, setStyles: function(styles){ for (var style in styles) this.setStyle(style, styles[style]); return this; }, getStyles: function(){ var result = {}; Array.each(arguments, function(key){ result[key] = this.getStyle(key); }, this); return result; } }); Element.Styles = new Hash({ width: '@px', height: '@px', left: '@px', top: '@px', bottom: '@px', right: '@px', maxWidth: '@px', maxHeight: '@px', backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)', fontSize: '@px', letterSpacing: '@px', lineHeight: '@px', clip: 'rect(@px @px @px @px)', margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)', borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)', zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@' }); Element.ShortStyles = {'margin': {}, 'padding': {}, 'border': {}, 'borderWidth': {}, 'borderStyle': {}, 'borderColor': {}}; ['Top', 'Right', 'Bottom', 'Left'].each(function(direction){ var Short = Element.ShortStyles; var All = Element.Styles; ['margin', 'padding'].each(function(style){ var sd = style + direction; Short[style][sd] = All[sd] = '@px'; }); var bd = 'border' + direction; Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)'; var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color'; Short[bd] = {}; Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px'; Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@'; Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)'; }); (function(){ function $body(el){ return el.tagName.toLowerCase() == 'body'; }; Element.implement({ positioned: function(){ if ($body(this)) return true; return (Element.getComputedStyle(this, 'position') != 'static'); }, getOffsetParent: function(){ if ($body(this)) return null; if (!Browser.Engine.trident) return $(this.offsetParent); var el = this; while ((el = el.parentNode)){ if (Element.positioned(el)) return $(el); } return null; }, getSize: function(){ if ($body(this)) return this.getWindow().getSize(); return {x: this.offsetWidth, y: this.offsetHeight}; }, getScrollSize: function(){ if ($body(this)) return this.getWindow().getScrollSize(); return {x: this.scrollWidth, y: this.scrollHeight}; }, getScroll: function(){ if ($body(this)) return this.getWindow().getScroll(); return {x: this.scrollLeft, y: this.scrollTop}; }, scrollTo: function(x, y){ if ($body(this)) return this.getWindow().scrollTo(x, y); this.scrollLeft = x; this.scrollTop = y; return this; }, getPosition: function(relative){ if ($body(this)) return {x: 0, y: 0}; var el = this, position = {x: 0, y: 0}; while (el){ position.x += el.offsetLeft; position.y += el.offsetTop; el = el.offsetParent; } var rpos = (relative) ? $(relative).getPosition() : {x: 0, y: 0}; return {x: position.x - rpos.x, y: position.y - rpos.y}; }, getCoordinates: function(element){ if ($body(this)) return this.getWindow().getCoordinates(); var position = this.getPosition(element), size = this.getSize(); var obj = {'top': position.y, 'left': position.x, 'width': size.x, 'height': size.y}; obj.right = obj.left + obj.width; obj.bottom = obj.top + obj.height; return obj; }, getRelativePosition: function(){ return this.getPosition(this.getOffsetParent()); }, computePosition: function(obj){ return { left: obj.x - (this.getComputedStyle('margin-left').toInt() || 0), top: obj.y - (this.getComputedStyle('margin-top').toInt() || 0) }; }, position: function(obj){ return this.setStyles(this.computePosition(obj)); } }); })(); Native.implement([Window, Document], { getSize: function(){ var body = this.getDocument().body, html = this.getDocument().documentElement; if (Browser.Engine.webkit419) return {x: this.innerWidth, y: this.innerHeight}; return {x: html.clientWidth, y: html.clientHeight}; }, getScroll: function(){ var html = this.getDocument().documentElement; return {x: $pick(this.pageXOffset, html.scrollLeft), y: $pick(this.pageYOffset, html.scrollTop)}; }, getScrollSize: function(){ var html = this.getDocument().documentElement, body = this.getDocument().body; if (Browser.Engine.trident) return {x: Math.max(html.clientWidth, html.scrollWidth), y: Math.max(html.clientHeight, html.scrollHeight)}; if (Browser.Engine.webkit) return {x: body.scrollWidth, y: body.scrollHeight}; return {x: html.scrollWidth, y: html.scrollHeight}; }, getPosition: function(){ return {x: 0, y: 0}; }, getCoordinates: function(){ var size = this.getSize(); return {top: 0, left: 0, height: size.y, width: size.x, bottom: size.y, right: size.x}; } }); Native.implement([Window, Document, Element], { getHeight: function(){ return this.getSize().y; }, getWidth: function(){ return this.getSize().x; }, getScrollTop: function(){ return this.getScroll().y; }, getScrollLeft: function(){ return this.getScroll().x; }, getScrollHeight: function(){ return this.getScrollSize().y; }, getScrollWidth: function(){ return this.getScrollSize().x; }, getTop: function(){ return this.getPosition().y; }, getLeft: function(){ return this.getPosition().x; } }); Native.implement([Element, Document], { getElements: function(selectors, nocash){ var Local = {}; selectors = selectors.split(','); var elements = [], j = selectors.length; var ddup = (j > 1); for (var i = 0; i < j; i++){ var selector = selectors[i], items = [], separators = []; selector = selector.trim().replace(Selectors.sRegExp, function(match){ if (match.charAt(2)) match = match.trim(); separators.push(match.charAt(0)); return ':)' + match.charAt(1); }).split(':)'); for (var k = 0, l = selector.length; k < l; k++){ var sel = Selectors.parse(selector[k]); if (!sel) return []; var temp = Selectors.Method.getParam(items, separators[k - 1] || false, this, sel, Local); if (!temp) break; items = temp; } var partial = Selectors.Method.getItems(items, this); elements = (ddup) ? elements.concat(partial) : partial; } return new Elements(elements, {ddup: ddup, cash: !nocash}); } }); Window.implement({ $E: function(selector){ return this.document.getElement(selector); } }); var Selectors = { regExp: (/:([^-:(]+)[^:(]*(?:\((["']?)(.*?)\2\))?|\[(\w+)(?:([!*^$~|]?=)(["']?)(.*?)\6)?\]|\.[\w-]+|#[\w-]+|\w+|\*/g), sRegExp: (/\s*([+>~\s])[a-zA-Z#.*\s]/g) }; Selectors.parse = function(selector){ var params = {tag: '*', id: null, classes: [], attributes: [], pseudos: []}; selector = selector.replace(Selectors.regExp, function(bit){ switch (bit.charAt(0)){ case '.': params.classes.push(bit.slice(1)); break; case '#': params.id = bit.slice(1); break; case '[': params.attributes.push([arguments[4], arguments[5], arguments[7]]); break; case ':': var xparser = Selectors.Pseudo.get(arguments[1]); if (!xparser){ params.attributes.push([arguments[1], arguments[3] ? '=' : '', arguments[3]]); break; } var pseudo = {'name': arguments[1], 'parser': xparser, 'argument': (xparser.parser) ? xparser.parser(arguments[3]) : arguments[3]}; params.pseudos.push(pseudo); break; default: params.tag = bit; } return ''; }); return params; }; Selectors.Pseudo = new Hash; Selectors.XPath = { getParam: function(items, separator, context, params){ var temp = ''; switch (separator){ case ' ': temp += '//'; break; case '>': temp += '/'; break; case '+': temp += '/following-sibling::*[1]/self::'; break; case '~': temp += '/following-sibling::'; break; } temp += (context.namespaceURI) ? 'xhtml:' + params.tag : params.tag; var i; for (i = params.pseudos.length; i--; i){ var pseudo = params.pseudos[i]; if (pseudo.parser && pseudo.parser.xpath) temp += pseudo.parser.xpath(pseudo.argument); else temp += ($chk(pseudo.argument)) ? '[@' + pseudo.name + '="' + pseudo.argument + '"]' : '[@' + pseudo.name + ']'; } if (params.id) temp += '[@id="' + params.id + '"]'; for (i = params.classes.length; i--; i) temp += '[contains(concat(" ", @class, " "), " ' + params.classes[i] + ' ")]'; for (i = params.attributes.length; i--; i){ var bits = params.attributes[i]; switch (bits[1]){ case '=': temp += '[@' + bits[0] + '="' + bits[2] + '"]'; break; case '*=': temp += '[contains(@' + bits[0] + ', "' + bits[2] + '")]'; break; case '^=': temp += '[starts-with(@' + bits[0] + ', "' + bits[2] + '")]'; break; case '$=': temp += '[substring(@' + bits[0] + ', string-length(@' + bits[0] + ') - ' + bits[2].length + ' + 1) = "' + bits[2] + '"]'; break; case '!=': temp += '[@' + bits[0] + '!="' + bits[2] + '"]'; break; case '~=': temp += '[contains(concat(" ", @' + bits[0] + ', " "), " ' + bits[2] + ' ")]'; break; case '|=': temp += '[contains(concat("-", @' + bits[0] + ', "-"), "-' + bits[2] + '-")]'; break; default: temp += '[@' + bits[0] + ']'; } } items.push(temp); return items; }, getItems: function(items, context){ var elements = []; var doc = context.getDocument(); var xpath = doc.evaluate('.//' + items.join(''), context, Selectors.XPath.resolver, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0, j = xpath.snapshotLength; i < j; i++) elements[i] = xpath.snapshotItem(i); return elements; }, resolver: function(prefix){ return (prefix == 'xhtml') ? 'http://www.w3.org/1999/xhtml' : false; } }; Selectors.Filter = { getParam: function(items, separator, context, params, Local){ var found = []; var tag = params.tag; if (separator){ var uniques = {}, child, children, item, k, l; var add = function(child){ child.uid = child.uid || [Native.UID++]; if (!uniques[child.uid] && Selectors.Filter.match(child, params, Local)){ uniques[child.uid] = true; found.push(child); return true; } return false; }; for (var i = 0, j = items.length; i < j; i++){ item = items[i]; switch(separator){ case ' ': children = item.getElementsByTagName(tag); params.tag = false; for (k = 0, l = children.length; k < l; k++) add(children[k]); break; case '>': children = item.childNodes; for (k = 0, l = children.length; k < l; k++){ if (children[k].nodeType == 1) add(children[k]); } break; case '+': while ((item = item.nextSibling)){ if (item.nodeType == 1){ add(item); break; } } break; case '~': while ((item = item.nextSibling)){ if (item.nodeType == 1 && add(item)) break; } break; } } return found; } if (params.id){ el = context.getElementById(params.id, true); params.id = false; return (el && Selectors.Filter.match(el, params, Local)) ? [el] : false; } else { items = context.getElementsByTagName(tag); params.tag = false; for (var m = 0, n = items.length; m < n; m++){ if (Selectors.Filter.match(items[m], params, Local)) found.push(items[m]); } } return found; }, getItems: $arguments(0) }; Selectors.Filter.match = function(el, params, Local){ Local = Local || {}; if (params.id && params.id != el.id) return false; if (params.tag && params.tag != '*' && params.tag != el.tagName.toLowerCase()) return false; var i; for (i = params.classes.length; i--; i){ if (!el.className || !el.className.contains(params.classes[i], ' ')) return false; } for (i = params.attributes.length; i--; i){ var bits = params.attributes[i]; var result = Element.prototype.getProperty.call(el, bits[0]); if (!result) return false; if (!bits[1]) continue; var condition; switch (bits[1]){ case '=': condition = (result == bits[2]); break; case '*=': condition = (result.contains(bits[2])); break; case '^=': condition = (result.substr(0, bits[2].length) == bits[2]); break; case '$=': condition = (result.substr(result.length - bits[2].length) == bits[2]); break; case '!=': condition = (result != bits[2]); break; case '~=': condition = result.contains(bits[2], ' '); break; case '|=': condition = result.contains(bits[2], '-'); } if (!condition) return false; } for (i = params.pseudos.length; i--; i){ if (!params.pseudos[i].parser.filter.call(el, params.pseudos[i].argument, Local)) return false; } return true; }; Selectors.Method = (Browser.Features.xpath) ? Selectors.XPath : Selectors.Filter; Element.implement({ match: function(selector){ return (!selector || Selectors.Filter.match(this, Selectors.parse(selector))); } }); Selectors.Pseudo.enabled = { xpath: function(){ return '[not(@disabled)]'; }, filter: function(){ return !(this.disabled); } }; Selectors.Pseudo.empty = { xpath: function(){ return '[not(node())]'; }, filter: function(){ return !(this.innerText || this.textContent || '').length; } }; Selectors.Pseudo.contains = { xpath: function(argument){ return '[contains(text(), "' + argument + '")]'; }, filter: function(argument){ for (var i = this.childNodes.length; i--; i){ var child = this.childNodes[i]; if (child.nodeName && child.nodeType == 3 && child.nodeValue.contains(argument)) return true; } return false; } }; Selectors.Pseudo.nth = { parser: function(argument){ argument = (argument) ? argument.match(/^([+-]?\d*)?([devon]+)?([+-]?\d*)?$/) : [null, 1, 'n', 0]; if (!argument) return false; var inta = parseInt(argument[1]); var a = ($chk(inta)) ? inta : 1; var special = argument[2] || false; var b = parseInt(argument[3]) || 0; b = b - 1; while (b < 1) b += a; while (b >= a) b -= a; switch (special){ case 'n': return {'a': a, 'b': b, 'special': 'n'}; case 'odd': return {'a': 2, 'b': 0, 'special': 'n'}; case 'even': return {'a': 2, 'b': 1, 'special': 'n'}; case 'first': return {'a': 0, 'special': 'index'}; case 'last': return {'special': 'last'}; case 'only': return {'special': 'only'}; default: return {'a': (a - 1), 'special': 'index'}; } }, xpath: function(argument){ switch (argument.special){ case 'n': return '[count(preceding-sibling::*) mod ' + argument.a + ' = ' + argument.b + ']'; case 'last': return '[count(following-sibling::*) = 0]'; case 'only': return '[not(preceding-sibling::* or following-sibling::*)]'; default: return '[count(preceding-sibling::*) = ' + argument.a + ']'; } }, filter: function(argument, Local){ var count = 0, el = this; switch (argument.special){ case 'n': Local.Positions = Local.Positions || {}; if (!Local.Positions[this.uid]){ var children = this.parentNode.childNodes; for (var i = 0, l = children.length; i < l; i++){ var child = children[i]; if (child.nodeType != 1) continue; child.uid = child.uid || [Native.UID++]; Local.Positions[child.uid] = count++; } } return (Local.Positions[this.uid] % argument.a == argument.b); case 'last': while ((el = el.nextSibling)){ if (el.nodeType == 1) return false; } return true; case 'only': var prev = el; while((prev = prev.previousSibling)){ if (prev.nodeType == 1) return false; } var next = el; while ((next = next.nextSibling)){ if (next.nodeType == 1) return false; } return true; case 'index': while ((el = el.previousSibling)){ if (el.nodeType == 1 && ++count > argument.a) return false; } return true; } return false; } }; Selectors.Pseudo.extend({ 'even': { parser: function(){ return {'a': 2, 'b': 1, 'special': 'n'}; }, xpath: Selectors.Pseudo.nth.xpath, filter: Selectors.Pseudo.nth.filter }, 'odd': { parser: function(){ return {'a': 2, 'b': 0, 'special': 'n'}; }, xpath: Selectors.Pseudo.nth.xpath, filter: Selectors.Pseudo.nth.filter }, 'first': { parser: function(){ return {'a': 0, 'special': 'index'}; }, xpath: Selectors.Pseudo.nth.xpath, filter: Selectors.Pseudo.nth.filter }, 'last': { parser: function(){ return {'special': 'last'}; }, xpath: Selectors.Pseudo.nth.xpath, filter: Selectors.Pseudo.nth.filter }, 'only': { parser: function(){ return {'special': 'only'}; }, xpath: Selectors.Pseudo.nth.xpath, filter: Selectors.Pseudo.nth.filter } }); Element.Events.domready = { onAdd: function(fn){ if (Browser.loaded) return fn.call(this); var self = this, win = this.getWindow(), doc = this.getDocument(); var domready = function(){ if (!arguments.callee.done){ arguments.callee.done = true; fn.call(self); }; return true; }; var states = (Browser.Engine.webkit) ? ['loaded', 'complete'] : 'complete'; var check = function(context){ if (states.contains(context.readyState)) return domready(); return false; }; if (doc.readyState && Browser.Engine.webkit){ (function(){ if (!check(doc)) arguments.callee.delay(50); })(); } else if (doc.readyState && Browser.Engine.trident){ var script = $('ie_domready'); if (!script){ var src = (win.location.protocol == 'https:') ? '//:' : 'javascript:void(0)'; doc.write(''); script = $('ie_domready'); } if (!check(script)) script.addEvent('readystatechange', check.pass(script)); } else { win.addEvent('load', domready); doc.addEvent('DOMContentLoaded', domready); } return null; } }; window.addEvent('domready', function(){ Browser.loaded = true; }); var JSON = new Hash({ encode: function(obj){ switch ($type(obj)){ case 'string': return '"' + obj.replace(/[\x00-\x1f\\"]/g, JSON.$replaceChars) + '"'; case 'array': return '[' + String(obj.map(JSON.encode).filter($defined)) + ']'; case 'object': case 'hash': var string = []; Hash.each(obj, function(value, key){ var json = JSON.encode(value); if (json) string.push(JSON.encode(key) + ':' + json); }); return '{' + String(string) + '}'; case 'number': case 'boolean': return String(obj); case false: return 'null'; } return null; }, $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'}, $replaceChars: function(chr){ return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16); }, decode: function(string, secure){ if ($type(string) != 'string' || !string.length) return null; if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null; return eval('(' + string + ')'); } }); Native.implement([Hash, Array, String, Number], { toJSON: function(){ return JSON.encode(this); } }); var Cookie = new Class({ Implements: Options, options: { path: false, domain: false, duration: false, secure: false, document: document }, initialize: function(key, options){ this.key = key; this.setOptions(options); }, write: function(value){ value = encodeURIComponent(value); if (this.options.domain) value += '; domain=' + this.options.domain; if (this.options.path) value += '; path=' + this.options.path; if (this.options.duration){ var date = new Date(); date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000); value += '; expires=' + date.toGMTString(); } if (this.options.secure) value += '; secure'; this.options.document.cookie = this.key + '=' + value; return this; }, read: function(){ var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)'); return value ? decodeURIComponent(value[1]) : null; }, erase: function(){ new Cookie(this.key, $merge(this.options, {duration: -1})).write(''); return this; } }); Cookie.set = function(key, value, options){ return new Cookie(key, options).write(value); }; Cookie.get = function(key){ return new Cookie(key).read(); }; Cookie.remove = function(key, options){ return new Cookie(key, options).erase(); }; var Color = new Native({ initialize: function(color, type){ if (arguments.length >= 3){ type = "rgb"; color = Array.slice(arguments, 0, 3); } else if (typeof color == 'string'){ if (color.match(/rgb/)) color = color.rgbToHex().hexToRgb(true); else if (color.match(/hsb/)) color = color.hsbToRgb(); else color = color.hexToRgb(true); } type = type || 'rgb'; switch (type){ case 'hsb': var old = color; color = color.hsbToRgb(); color.hsb = old; break; case 'hex': color = color.hexToRgb(true); break; } color.rgb = color.slice(0, 3); color.hsb = color.hsb || color.rgbToHsb(); color.hex = color.rgbToHex(); return $extend(color, this); } }); Color.implement({ mix: function(){ var colors = Array.slice(arguments); var alpha = ($type(colors.getLast()) == 'number') ? colors.pop() : 50; var rgb = this.slice(); colors.each(function(color){ color = new Color(color); for (var i = 0; i < 3; i++) rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha)); }); return new Color(rgb, 'rgb'); }, invert: function(){ return new Color(this.map(function(value){ return 255 - value; })); }, setHue: function(value){ return new Color([value, this.hsb[1], this.hsb[2]], 'hsb'); }, setSaturation: function(percent){ return new Color([this.hsb[0], percent, this.hsb[2]], 'hsb'); }, setBrightness: function(percent){ return new Color([this.hsb[0], this.hsb[1], percent], 'hsb'); } }); function $RGB(r, g, b){ return new Color([r, g, b], 'rgb'); }; function $HSB(h, s, b){ return new Color([h, s, b], 'hsb'); }; function $HEX(hex){ return new Color(hex, 'hex'); }; Array.implement({ rgbToHsb: function(){ var red = this[0], green = this[1], blue = this[2]; var hue, saturation, brightness; var max = Math.max(red, green, blue), min = Math.min(red, green, blue); var delta = max - min; brightness = max / 255; saturation = (max != 0) ? delta / max : 0; if (saturation == 0){ hue = 0; } else { var rr = (max - red) / delta; var gr = (max - green) / delta; var br = (max - blue) / delta; if (red == max) hue = br - gr; else if (green == max) hue = 2 + rr - br; else hue = 4 + gr - rr; hue /= 6; if (hue < 0) hue++; } return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)]; }, hsbToRgb: function(){ var br = Math.round(this[2] / 100 * 255); if (this[1] == 0){ return [br, br, br]; } else { var hue = this[0] % 360; var f = hue % 60; var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255); var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255); var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255); switch (Math.floor(hue / 60)){ case 0: return [br, t, p]; case 1: return [q, br, p]; case 2: return [p, br, t]; case 3: return [p, q, br]; case 4: return [t, p, br]; case 5: return [br, p, q]; } } return false; } }); String.implement({ rgbToHsb: function(){ var rgb = this.match(/\d{1,3}/g); return (rgb) ? hsb.rgbToHsb() : null; }, hsbToRgb: function(){ var hsb = this.match(/\d{1,3}/g); return (hsb) ? hsb.hsbToRgb() : null; } }); var Swiff = function(path, options){ if (!Swiff.fixed) Swiff.fix(); var instance = 'Swiff_' + Native.UID++; options = $merge({ id: instance, height: 1, width: 1, container: null, properties: {}, params: { quality: 'high', allowScriptAccess: 'always', wMode: 'transparent', swLiveConnect: true }, events: {}, vars: {} }, options); var params = options.params, vars = options.vars, id = options.id; var properties = $extend({height: options.height, width: options.width}, options.properties); Swiff.Events[instance] = {}; for (var event in options.events){ Swiff.Events[instance][event] = function(){ options.events[event].call($(options.id)); }; vars[event] = 'Swiff.Events.' + instance + '.' + event; } params.flashVars = Hash.toQueryString(vars); if (Browser.Engine.trident){ properties.classid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000'; params.movie = path; } else { properties.type = 'application/x-shockwave-flash'; properties.data = path; } var build = ''; build += ''; return ($(options.container) || new Element('div')).set('html', build).firstChild; }; Swiff.extend({ Events: {}, remote: function(obj, fn){ var rs = obj.CallFunction('' + __flash__argumentsToXML(arguments, 2) + ''); return eval(rs); }, getVersion: function(){ if (!$defined(Swiff.pluginVersion)){ var version; if (navigator.plugins && navigator.mimeTypes.length){ version = navigator.plugins["Shockwave Flash"]; if (version && version.description) version = version.description; } else if (Browser.Engine.trident){ version = $try(function(){ return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version"); }); } Swiff.pluginVersion = (typeof version == 'string') ? parseInt(version.match(/\d+/)[0]) : 0; } return Swiff.pluginVersion; }, fix: function(){ Swiff.fixed = true; window.addEvent('beforeunload', function(){ __flash_unloadHandler = __flash_savedUnloadHandler = $empty; }); if (!Browser.Engine.trident) return; window.addEvent('unload', function(){ Array.each(document.getElementsByTagName('object'), function(obj){ obj.style.display = 'none'; for (var p in obj){ if (typeof obj[p] == 'function') obj[p] = $empty; } }); }); } }); var Group = new Class({ initialize: function(){ this.instances = Array.flatten(arguments); this.events = {}; this.checker = {}; }, addEvent: function(type, fn){ this.checker[type] = this.checker[type] || {}; this.events[type] = this.events[type] || []; if (this.events[type].contains(fn)) return false; else this.events[type].push(fn); this.instances.each(function(instance, i){ instance.addEvent(type, this.check.bind(this, [type, instance, i])); }, this); return this; }, check: function(type, instance, i){ this.checker[type][i] = true; var every = this.instances.every(function(current, j){ return this.checker[type][j] || false; }, this); if (!every) return; this.checker[type] = {}; this.events[type].each(function(event){ event.call(this, this.instances, instance); }, this); } }); var Fx = new Class({ Implements: [Chain, Events, Options], options: { fps: 50, unit: false, duration: 500, link: 'ignore', transition: function(p){ return -(Math.cos(Math.PI * p) - 1) / 2; } }, initialize: function(options){ this.pass = this.pass || this; this.setOptions(options); this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt(); var wait = this.options.wait; if (wait === false) this.options.link = 'cancel'; }, step: function(){ var time = $time(); if (time < this.time + this.options.duration){ var delta = this.options.transition((time - this.time) / this.options.duration); this.set(this.compute(this.from, this.to, delta)); } else { this.set(this.compute(this.from, this.to, 1)); this.complete(); } }, set: function(now){ return now; }, compute: function(from, to, delta){ return Fx.compute(from, to, delta); }, check: function(){ if (!this.timer) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(this.start.bind(this, arguments)); return false; } return false; }, start: function(from, to){ if (!this.check(from, to)) return this; this.from = from; this.to = to; this.time = 0; this.startTimer(); this.onStart(); return this; }, complete: function(){ return (!this.stopTimer()) ? this : this.onComplete(); }, cancel: function(){ return (!this.stopTimer()) ? this : this.onCancel(); }, onStart: function(){ return this.fireEvent('onStart', this.pass); }, onComplete: function(){ return this.fireEvent('onComplete', this.pass).callChain(); }, onCancel: function(){ return this.fireEvent('onCancel', this.pass).clearChain(); }, pause: function(){ this.stopTimer(); return this; }, resume: function(){ this.startTimer(); return this; }, stopTimer: function(){ if (!this.timer) return false; this.time = $time() - this.time; this.timer = $clear(this.timer); return true; }, startTimer: function(){ if (this.timer) return false; this.time = $time() - this.time; this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this); return true; } }); Fx.compute = function(from, to, delta){ return (to - from) * delta + from; }; Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000}; Fx.CSS = new Class({ Extends: Fx, prepare: function(element, property, values){ values = $splat(values); var values1 = values[1]; if (!$chk(values1)){ values[1] = values[0]; values[0] = element.getStyle(property); } var parsed = values.map(this.parse); return {from: parsed[0], to: parsed[1]}; }, parse: function(value){ value = $lambda(value)(); value = (typeof value == 'string') ? value.split(' ') : $splat(value); return value.map(function(val){ val = String(val); var found = false; Fx.CSS.Parsers.each(function(parser, key){ if (found) return; var parsed = parser.parse(val); if ($chk(parsed)) found = {'value': parsed, 'parser': parser}; }); found = found || {value: val, parser: Fx.CSS.Parsers.String}; return found; }); }, compute: function(from, to, delta){ var computed = []; (Math.min(from.length, to.length)).times(function(i){ computed.push({'value': from[i].parser.compute(from[i].value, to[i].value, delta), 'parser': from[i].parser}); }); computed.$family = {name: 'fx:css:value'}; return computed; }, serve: function(value, unit){ if ($type(value) != 'fx:css:value') value = this.parse(value); var returned = []; value.each(function(bit){ returned = returned.concat(bit.parser.serve(bit.value, unit)); }); return returned; }, render: function(element, property, value){ element.setStyle(property, this.serve(value, this.options.unit)); }, search: function(selector){ var to = {}; Array.each(document.styleSheets, function(sheet, j){ var rules = sheet.rules || sheet.cssRules; Array.each(rules, function(rule, i){ if (!rule.style || !rule.selectorText || !rule.selectorText.test('^' + selector + '$')) return; Element.Styles.each(function(value, style){ if (!rule.style[style] || Element.ShortStyles[style]) return; value = rule.style[style]; to[style] = (value.test(/^rgb/)) ? value.rgbToHex() : value; }); }); }); return to; } }); Fx.CSS.Parsers = new Hash({ Color: { parse: function(value){ if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true); return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false; }, compute: function(from, to, delta){ return from.map(function(value, i){ return Math.round(Fx.compute(from[i], to[i], delta)); }); }, serve: function(value){ return value.map(Number); } }, Number: { parse: function(value){ return parseFloat(value); }, compute: function(from, to, delta){ return Fx.compute(from, to, delta); }, serve: function(value, unit){ return (unit) ? value + unit : value; } }, String: { parse: $lambda(false), compute: $arguments(1), serve: $arguments(0) } }); Fx.Tween = new Class({ Extends: Fx.CSS, initialize: function(element, property, options){ this.element = this.pass = $(element); this.property = property; arguments.callee.parent(options); }, set: function(now){ this.render(this.element, this.property, now); return this; }, start: function(){ var fromto = Array.slice(arguments); if (!this.check(fromto)) return this; var parsed = this.prepare(this.element, this.property, fromto); return arguments.callee.parent(parsed.from, parsed.to); } }); Element.Properties.tween = { set: function(options){ var tween = this.retrieve('tween'); if (tween) tween.cancel(); return this.store('tween', new Fx.Tween(this, null, $extend({link: 'cancel'}, options))); }, get: function(property, options){ if (options || !this.retrieve('tween')) this.set('tween', options); var tween = this.retrieve('tween'); tween.property = property; return tween; } }; Element.implement({ tween: function(property){ var tween = this.get('tween', property); tween.start.apply(tween, Array.slice(arguments, 1)); return this; }, fade: function(how){ var fade = this.get('tween', 'opacity'); how = $pick(how, 'toggle'); switch (how){ case 'in': fade.start(1); break; case 'out': fade.start(0); break; case 'show': fade.set(1); break; case 'hide': fade.set(0); break; case 'toggle': fade.start((function(){ return (this.getStyle('visibility') == 'hidden') ? 1 : 0; }).bind(this)); break; default: fade.start.apply(fade, arguments); } return this; }, highlight: function(start, end){ if (!end){ var style = this.getStyle('background-color'); end = (style == 'transparent') ? '#ffffff' : style; } this.get('tween', 'background-color').start(start || '#ffff88', end); return this; }, effect: function(property, options){ return new Fx.Tween(this, property, options); } }); Fx.Morph = new Class({ Extends: Fx.CSS, initialize: function(element, options){ this.element = this.pass = $(element); arguments.callee.parent(options); }, set: function(now){ if (typeof now == 'string') now = this.search(now); for (var p in now) this.render(this.element, p, now[p]); return this; }, compute: function(from, to, delta){ var now = {}; for (var p in from) now[p] = arguments.callee.parent(from[p], to[p], delta); return now; }, start: function(properties){ if (!this.check(properties)) return this; if (typeof properties == 'string') properties = this.search(properties); var from = {}, to = {}; for (var p in properties){ var parsed = this.prepare(this.element, p, properties[p]); from[p] = parsed.from; to[p] = parsed.to; } return arguments.callee.parent(from, to); } }); Element.Properties.morph = { set: function(options){ var morph = this.retrieve('morph'); if (morph) morph.cancel(); return this.store('morph', new Fx.Morph(this, $extend({link: 'cancel'}, options))); }, get: function(options){ if (options || !this.retrieve('morph')) this.set('morph', options); return this.retrieve('morph'); } }; Element.implement({ morph: function(props){ this.get('morph').start(props); return this; }, effects: function(options){ return new Fx.Morph(this, options); } }); Fx.Slide = new Class({ Extends: Fx, options: { mode: 'vertical' }, initialize: function(element, options){ this.addEvent('onComplete', function(){ this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0); if (this.open){ this.wrapper.setStyle(this.layout, 'auto'); if (Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper); } }, true); this.element = this.pass = $(element); arguments.callee.parent(options); var wrapper = this.element.retrieve('wrapper'); this.wrapper = wrapper || new Element('div', { styles: $extend(this.element.getStyles('margin', 'position'), {'overflow': 'hidden'}) }).wraps(this.element); this.element.store('wrapper', this.wrapper).setStyle('margin', 0); this.now = []; this.open = true; }, vertical: function(){ this.margin = 'margin-top'; this.layout = 'height'; this.offset = this.element.offsetHeight; }, horizontal: function(){ this.margin = 'margin-left'; this.layout = 'width'; this.offset = this.element.offsetWidth; }, set: function(now){ this.element.setStyle(this.margin, now[0]); this.wrapper.setStyle(this.layout, now[1]); return this; }, compute: function(from, to, delta){ var now = []; (2).times(function(i){ now[i] = Fx.compute(from[i], to[i], delta); }); return now; }, start: function(how, mode){ if (!this.check(how, mode)) return this; this[mode || this.options.mode](); var margin = this.element.getStyle(this.margin).toInt(); var layout = this.wrapper.getStyle(this.layout).toInt(); var caseIn = [[margin, layout], [0, this.offset]]; var caseOut = [[margin, layout], [-this.offset, 0]]; var start; switch(how){ case 'in': start = caseIn; break; case 'out': start = caseOut; break; case 'toggle': start = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut; } return arguments.callee.parent(start[0], start[1]); }, slideIn: function(mode){ return this.start('in', mode); }, slideOut: function(mode){ return this.start('out', mode); }, hide: function(mode){ this[mode || this.options.mode](); this.open = false; return this.set([-this.offset, 0]); }, show: function(mode){ this[mode || this.options.mode](); this.open = true; return this.set([0, this.offset]); }, toggle: function(mode){ return this.start('toggle', mode); } }); Element.Properties.slide = { set: function(options){ var slide = this.retrieve('slide'); if (slide) slide.cancel(); return this.store('slide', new Fx.Slide(this, $extend({link: 'cancel'}, options))); }, get: function(options){ if (options || !this.retrieve('slide')) this.set('slide', options); return this.retrieve('slide'); } }; Element.implement({ slide: function(how){ how = how || 'toggle'; var slide = this.get('slide'); switch(how){ case 'hide': slide.hide(); break; case 'show': slide.show(); break; default: slide.start(how); } return this; } }); Fx.Scroll = new Class({ Extends: Fx, options: { offset: {'x': 0, 'y': 0}, wheelStops: true }, initialize: function(element, options){ this.element = this.pass = $(element); arguments.callee.parent(options); var cancel = this.cancel.bind(this, false); if ($type(this.element) != 'element') this.element = $(this.element.getDocument().body); var stopper = this.element; if (this.options.wheelStops){ this.addEvent('onStart', function(){ stopper.addEvent('mousewheel', cancel); }, true); this.addEvent('onComplete', function(){ stopper.removeEvent('mousewheel', cancel); }, true); } }, set: function(){ var now = Array.flatten(arguments); this.element.scrollTo(now[0], now[1]); }, compute: function(from, to, delta){ var now = []; (2).times(function(i){ now.push(Fx.compute(from[i], to[i], delta)); }); return now; }, start: function(x, y){ if (!this.check(x, y)) return this; var offsetSize = this.element.getSize(), scrollSize = this.element.getScrollSize(), scroll = this.element.getScroll(), values = {'x': x, 'y': y}; for (var z in values){ var max = scrollSize[z] - offsetSize[z]; if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max; else values[z] = scroll[z]; values[z] += this.options.offset[z]; } return arguments.callee.parent([scroll.x, scroll.y], [values.x, values.y]); }, toTop: function(){ return this.start(false, 0); }, toLeft: function(){ return this.start(0, false); }, toRight: function(){ return this.start('right', false); }, toBottom: function(){ return this.start(false, 'bottom'); }, toElement: function(el){ var position = $(el).getPosition(this.element); return this.start(position.x, position.y); } }); (function(){ var old = Fx.prototype.initialize; Fx.prototype.initialize = function(options){ old.call(this, options); var trans = this.options.transition; if (typeof trans == 'string' && (trans = trans.split(':'))){ var base = Fx.Transitions; base = base[trans[0]] || base[trans[0].capitalize()]; if (trans[1]) base = base['ease' + trans[1].capitalize() + (trans[2] ? trans[2].capitalize() : '')]; this.options.transition = base; } }; })(); Fx.Transition = function(transition, params){ params = $splat(params); return $extend(transition, { easeIn: function(pos){ return transition(pos, params); }, easeOut: function(pos){ return 1 - transition(1 - pos, params); }, easeInOut: function(pos){ return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2; } }); }; Fx.Transitions = new Hash({ linear: $arguments(0) }); Fx.Transitions.extend = function(transitions){ for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); }; Fx.Transitions.extend({ Pow: function(p, x){ return Math.pow(p, x[0] || 6); }, Expo: function(p){ return Math.pow(2, 8 * (p - 1)); }, Circ: function(p){ return 1 - Math.sin(Math.acos(p)); }, Sine: function(p){ return 1 - Math.sin((1 - p) * Math.PI / 2); }, Back: function(p, x){ x = x[0] || 1.618; return Math.pow(p, 2) * ((x + 1) * p - x); }, Bounce: function(p){ var value; for (var a = 0, b = 1; 1; a += b, b /= 2){ if (p >= (7 - 4 * a) / 11){ value = - Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b; break; } } return value; }, Elastic: function(p, x){ return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); } }); ['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){ Fx.Transitions[transition] = new Fx.Transition(function(p){ return Math.pow(p, [i + 2]); }); }); var Request = new Class({ Implements: [Chain, Events, Options], options: {/* onRequest: $empty, onSuccess: $empty, onFailure: $empty, onException: $empty,*/ url: '', data: '', headers: {}, async: true, method: 'post', link: 'ignore', isSuccess: null, emulation: true, urlEncoded: true, encoding: 'utf-8', evalScripts: false, evalResponse: false }, getXHR: function(){ return (window.XMLHttpRequest) ? new XMLHttpRequest() : ((window.ActiveXObject) ? new ActiveXObject('Microsoft.XMLHTTP') : false); }, initialize: function(options){ if (!(this.xhr = this.getXHR())) return; this.setOptions(options); this.options.isSuccess = this.options.isSuccess || this.isSuccess; this.headers = new Hash(this.options.headers).extend({ 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }); }, onStateChange: function(){ if (this.xhr.readyState != 4 || !this.running) return; this.running = false; this.status = 0; $try(function(){ this.status = this.xhr.status; }, this); if (this.options.isSuccess.call(this, this.status)){ this.response = {text: this.xhr.responseText, xml: this.xhr.responseXML}; this.success(this.response.text, this.response.xml); } else { this.response = {text: null, xml: null}; this.failure(); } this.xhr.onreadystatechange = $empty; }, isSuccess: function(){ return ((this.status >= 200) && (this.status < 300)); }, processScripts: function(text){ if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text); return text.stripScripts(this.options.evalScripts); }, success: function(text, xml){ this.onSuccess(this.processScripts(text), xml); }, onSuccess: function(){ this.fireEvent('onComplete', arguments).fireEvent('onSuccess', arguments).callChain(); }, failure: function(){ this.onFailure(); }, onFailure: function(){ this.fireEvent('onComplete').fireEvent('onFailure', this.xhr); }, setHeader: function(name, value){ this.headers.set(name, value); return this; }, getHeader: function(name){ return $try(function(){ return this.getResponseHeader(name); }, this.xhr) || null; }, check: function(){ if (!this.running) return true; switch (this.options.link){ case 'cancel': this.cancel(); return true; case 'chain': this.chain(this.send.bind(this, arguments)); return false; } return false; }, send: function(options){ if (!this.check(options)) return this; this.running = true; var type = $type(options); if (type == 'string' || type == 'element') options = {data: options}; var old = this.options; options = $extend({data: old.data, url: old.url, method: old.method}, options); var data = options.data, url = options.url, method = options.method; switch($type(data)){ case 'element': data = $(data).toQueryString(); break; case 'object': case 'hash': data = Hash.toQueryString(data); } if (this.options.emulation && ['put', 'delete'].contains(method)){ var _method = '_method=' + method; data = (data) ? _method + '&' + data : _method; method = 'post'; } if (this.options.urlEncoded && method == 'post'){ var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : ''; this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding); } if (data && method == 'get'){ url = url + (url.contains('?') ? '&' : '?') + data; data = null; } this.xhr.open(method.toUpperCase(), url, this.options.async); this.xhr.onreadystatechange = this.onStateChange.bind(this); this.headers.each(function(value, key){ try{ this.xhr.setRequestHeader(key, value); } catch(e){ this.fireEvent('onException', [e, key, value]); } }, this); this.fireEvent('onRequest'); this.xhr.send(data); if (!this.options.async) this.onStateChange(); return this; }, cancel: function(){ if (!this.running) return this; this.running = false; this.xhr.abort(); this.xhr.onreadystatechange = $empty; this.xhr = this.getXHR(); this.fireEvent('onCancel'); return this; } }); (function(){ var methods = {}; ['get', 'post', 'GET', 'POST', 'PUT', 'DELETE'].each(function(method){ methods[method] = function(){ var params = Array.link(arguments, {url: String.type, data: $defined}); return this.send($extend(params, {method: method.toLowerCase()})); }; }); Request.implement(methods); })(); Element.Properties.send = { get: function(options){ if (options || !this.retrieve('send')) this.set('send', options); return this.retrieve('send'); }, set: function(options){ var send = this.retrieve('send'); if (send) send.cancel(); return this.store('send', new Request($extend({ data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action') }, options))); } }; Element.implement({ send: function(url){ var sender = this.get('send'); sender.send({data: this, url: url || sender.options.url}); return this; } }); Request.HTML = new Class({ Extends: Request, options: { update: false, evalScripts: true, filter: false }, processHTML: function(text){ var match = text.match(/]*>([\s\S]*?)<\/body>/i); return (match) ? match[1] : text; }, success: function(text){ var opts = this.options, res = this.response; res.html = this.processHTML(text).stripScripts(function(script){ res.javascript = script; }); var node = new Element('div', {html: res.html}); res.elements = node.getElements('*'); res.tree = (opts.filter) ? res.elements.filterBy(opts.filter) : $A(node.childNodes).filter(function(el){ return ($type(el) != 'whitespace'); }); if (opts.update) $(opts.update).empty().adopt(res.tree); if (opts.evalScripts) $exec(res.javascript); this.onSuccess(res.tree, res.elements, res.html, res.javascript); } }); Element.Properties.load = { get: function(options){ if (options || !this.retrieve('load')) this.set('load', options); return this.retrieve('load'); }, set: function(options){ var load = this.retrieve('load'); if (load) load.cancel(); return this.store('load', new Request.HTML($extend({link: 'cancel', update: this, method: 'get'}, options))); } }; Element.implement({ load: function(){ this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type})); return this; } }); Request.JSON = new Class({ Extends: Request, options: { secure: true }, initialize: function(options){ arguments.callee.parent(options); this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'}); }, success: function(text){ this.response.json = JSON.decode(text, this.options.secure); this.onSuccess(this.response.json, text); } }); var Drag = new Class({ Implements: [Events, Options], options: {/* onBeforeStart: $empty, onStart: $empty, onDrag: $empty, onCancel: $empty, onComplete: $empty,*/ snap: 6, unit: 'px', grid: false, limit: false, handle: false, modifiers: {x: 'left', y: 'top'} }, initialize: function(){ var params = Array.link(arguments, {'options': Object.type, 'element': $defined}); this.element = $(params.element); this.document = this.element.getDocument(); this.setOptions(params.options || {}); var htype = $type(this.options.handle); this.handles = (htype == 'array' || htype == 'collection') ? $$(this.options.handle) : $(this.options.handle) || this.element; this.mouse = {'now': {}, 'pos': {}}; this.value = {'start': {}, 'now': {}}; this.selection = (Browser.Engine.trident) ? 'selectstart' : 'mousedown'; this.bound = { start: this.start.bind(this), check: this.check.bind(this), drag: this.drag.bind(this), stop: this.stop.bind(this), cancel: this.cancel.bind(this), eventStop: $lambda(false) }; this.attach(); }, attach: function(){ this.handles.addEvent('mousedown', this.bound.start); return this; }, detach: function(){ this.handles.removeEvent('mousedown', this.bound.start); return this; }, start: function(event){ this.fireEvent('onBeforeStart', this.element); this.mouse.start = event.page; var limit = this.options.limit; this.limit = {'x': [], 'y': []}; for (var z in this.options.modifiers){ if (!this.options.modifiers[z]) continue; this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt(); this.mouse.pos[z] = event.page[z] - this.value.now[z]; if (limit && limit[z]){ for (var i = 2; i--; i){ if ($chk(limit[z][i])) this.limit[z][i] = $lambda(limit[z][i])(); } } } if ($type(this.options.grid) == 'number') this.options.grid = {'x': this.options.grid, 'y': this.options.grid}; this.document.addEvents({mousemove: this.bound.check, mouseup: this.bound.cancel}); this.document.addEvent(this.selection, this.bound.eventStop); }, check: function(event){ var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); if (distance > this.options.snap){ this.cancel(); this.document.addEvents({ mousemove: this.bound.drag, mouseup: this.bound.stop }); this.fireEvent('onStart', this.element).fireEvent('onSnap', this.element); } }, drag: function(event){ this.mouse.now = event.page; for (var z in this.options.modifiers){ if (!this.options.modifiers[z]) continue; this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z]; if (this.options.limit && this.limit[z]){ if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])){ this.value.now[z] = this.limit[z][1]; } else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])){ this.value.now[z] = this.limit[z][0]; } } if (this.options.grid[z]) this.value.now[z] -= (this.value.now[z] % this.options.grid[z]); this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit); } this.fireEvent('onDrag', this.element); }, cancel: function(event){ this.document.removeEvent('mousemove', this.bound.check); this.document.removeEvent('mouseup', this.bound.cancel); if (event){ this.document.removeEvent(this.selection, this.bound.eventStop); this.fireEvent('onCancel', this.element); } }, stop: function(event){ this.document.removeEvent(this.selection, this.bound.eventStop); this.document.removeEvent('mousemove', this.bound.drag); this.document.removeEvent('mouseup', this.bound.stop); if (event) this.fireEvent('onComplete', this.element); } }); Element.implement({ makeResizable: function(options){ return new Drag(this, $merge({modifiers: {'x': 'width', 'y': 'height'}}, options)); } }); Drag.Move = new Class({ Extends: Drag, options: { droppables: [], container: false }, initialize: function(element, options){ arguments.callee.parent(element, options); this.droppables = $$(this.options.droppables); this.container = $(this.options.container); var position = (this.element.positioned()) ? this.element.getStyle('position') : 'absolute'; this.element.position(this.element.getRelativePosition()).setStyle('position', position); }, start: function(event){ if (this.overed){ this.overed.fireEvent('leave', [this.element, this]); this.overed = null; } if (this.container){ var el = this.element, cont = this.container, ccoo = cont.getCoordinates(el.getOffsetParent()), cps = {}, ems = {}; ['top', 'right', 'bottom', 'left'].each(function(pad){ cps[pad] = cont.getStyle('padding-' + pad).toInt(); ems[pad] = el.getStyle('margin-' + pad).toInt(); }, this); var width = el.offsetWidth + ems.left + ems.right, height = el.offsetHeight + ems.top + ems.bottom; var x = [ccoo.left + cps.left, ccoo.right - cps.right - width]; var y = [ccoo.top + cps.top, ccoo.bottom - cps.bottom - height]; this.options.limit = {x: x, y: y}; } arguments.callee.parent(event); }, checkAgainst: function(el){ el = el.getCoordinates(); var now = this.mouse.now; return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top); }, checkDroppables: function(){ var overed = this.droppables.filter(this.checkAgainst, this).getLast(); if (this.overed != overed){ if (this.overed) this.overed.fireEvent('leave', [this.element, this]); this.overed = overed ? overed.fireEvent('over', [this.element, this]) : null; } }, drag: function(event){ arguments.callee.parent(event); if (this.droppables.length) this.checkDroppables(); }, stop: function(event){ this.checkDroppables(); if (this.overed) this.overed.fireEvent('drop', [this.element, this]); else this.element.fireEvent('emptydrop', this); return arguments.callee.parent(event); } }); Element.implement({ makeDraggable: function(options){ return new Drag.Move(this, options); } }); Selectors.Pseudo.children = { parser: function(argument){ argument = (argument) ? argument.match(/^([-+]?\d*)?([\-+:])?([-+]?\d*)?$/) : [null, 0, false, 0]; if (!argument) return false; argument[1] = parseInt(argument[1]) || 0; var int1 = parseInt(argument[3]); argument[3] = ($chk(int1)) ? int1 : 0; switch (argument[2]){ case '-': case '+': case ':': return {'a': argument[1], 'b': argument[3], 'special': argument[2]}; default: return {'a': argument[1], 'b': 0, 'special': 'index'}; } }, xpath: function(argument){ var include = ''; var len = 'count(../child::*)'; var a = argument.a + ' + ' + ((argument.a < 0) ? len : 0); var b = argument.b + ' + ' + ((argument.b < 0) ? len : 0); var pos = 'position()'; switch (argument.special){ case '-': b = '((' + a + ' - ' + b + ') mod (' + len + '))'; a += ' + 1'; b += ' + 1'; include = '(' + b + ' < 1 and (' + pos + ' <= ' + a + ' or ' + pos + ' >= (' + b + ' + ' + len + ')' + ')) or (' + pos + ' <= ' + a + ' and ' + pos + ' >= ' + b + ')'; break; case '+': b = '((' + a + ' + ' + b + ') mod ( ' + len + '))'; case ':': a += ' + 1'; b += ' + 1'; include = '(' + b + ' < ' + a + ' and (' + pos + ' >= ' + a + ' or ' + pos + ' <= ' + b + ')) or (' + pos + ' >= ' + a + ' and ' + pos + ' <= ' + b + ')'; break; default: include = (a + ' + 1'); } return '[' + include + ']'; }, filter: function(argument, Local){ Local.i = Local.i || 0; Local.all = Local.all || this.parentNode.childNodes; Local.len = Local.len || Local.all.length; var i = Local.i; var len = Local.len; var all = Local.all; var include = false; var a = argument.a + ((argument.a < 0) ? len : 0); var b = argument.b + ((argument.b < 0) ? len : 0); switch (argument.special){ case '-': b = (a - b) % len; include = (b < 0) ? (i <= a || i >= (b + len)) : (i <= a && i >= b); break; case '+': b = (b + a) % len; case ':': include = (b < a) ? (i >= a || i <= b) : (i >= a && i <= b); break; default: include = (all[a] == this); } Local.i++; return include; } }; Hash.Cookie = new Class({ Extends: Cookie, options: { autoSave: true }, initialize: function(name, options){ this.parent(name, options); this.load(); }, save: function(){ var value = JSON.encode(this.hash); if (value.length > 4096) return false; if (value.length == 2) this.erase(); else this.write(value); return true; }, load: function(){ this.hash = new Hash(JSON.decode(this.read(), true)); return this; } }); (function(){ var methods = {}; Hash.each(Hash.prototype, function(method, name){ methods[name] = function(){ var value = method.apply(this.hash, arguments); if (this.options.autoSave) this.save(); return value; }; }); Hash.Cookie.implement(methods); })(); var Sortables = new Class({ Implements: [Events, Options], options: {/* onSort: $empty, onStart: $empty, onComplete: $empty,*/ snap: 4, handle: false, revert: false, constrain: false, cloneOpacity: 0.7, elementOpacity: 0.3 }, initialize: function(lists, options){ this.setOptions(options); this.elements = []; this.lists = []; this.idle = true; this.addLists($$($(lists) || lists)); if (this.options.revert) this.effect = new Fx.Morph(null, $merge({duration: 250, link: 'cancel'}, this.options.revert)); }, attach: function(){ this.addLists(this.lists); return this; }, detach: function(){ this.lists = this.removeLists(this.lists); return this; }, addItems: function(){ Array.flatten(arguments).each(function(element){ this.elements.push(element); var start = element.retrieve('sortables:start', this.start.bindWithEvent(this, element)); var insert = element.retrieve('sortables:insert', this.insert.bind(this, element)); (this.options.handle ? element.getElement(this.options.handle) || element : element).addEvent('mousedown', start); element.addEvent('over', insert); }, this); return this; }, addLists: function(){ Array.flatten(arguments).each(function(list){ this.lists.push(list); this.addItems(list.getChildren()); list.addEvent('over', list.retrieve('sortables:insert', this.insert.bind(this, [list, 'inside']))); }, this); return this; }, removeItems: function(){ var elements = []; Array.flatten(arguments).each(function(element){ elements.push(element); this.elements.remove(element); var start = element.retrieve('sortables:start'); var insert = element.retrieve('sortables:insert'); (this.options.handle ? element.getElement(this.options.handle) || element : element).removeEvent('mousedown', start); element.removeEvent('over', insert); }, this); return elements; }, removeLists: function(){ var lists = []; Array.flatten(arguments).each(function(list){ lists.push(list); this.lists.remove(list); this.removeItems(list.getChildren()); list.removeEvent('over', list.retrieve('sortables:insert')); }, this); return lists; }, getClone: function(element){ return element.clone(true).setStyles({ 'margin': '0px', 'position': 'absolute', 'visibility': 'hidden' }).inject(this.list).position(element.getRelativePosition()); }, getDroppables: function(){ var droppables = this.list.getChildren(); if (!this.options.constrain) droppables = this.lists.concat(droppables).remove(this.list); return droppables.remove(this.clone).remove(this.element); }, insert: function(element, where){ if (where) { this.list = element; this.drag.droppables = this.getDroppables(); } where = where || (this.element.getAllPrevious().contains(element) ? 'before' : 'after'); this.element.inject(element, where); this.fireEvent('onSort', [this.element, this.clone]); }, start: function(event, element){ if (!this.idle) return; this.idle = false; this.element = element; this.opacity = element.get('opacity'); this.list = element.getParent(); this.clone = this.getClone(element); this.drag = this.clone.makeDraggable({ snap: this.options.snap, container: this.options.constrain && this.clone.getParent(), droppables: this.getDroppables(), onStart: function(){ event.stop(); this.clone.set('opacity', this.options.cloneOpacity); this.element.set('opacity', this.options.elementOpacity); this.fireEvent('onStart', [this.element, this.clone]); }.bind(this), onCancel: this.reset.bind(this), onComplete: this.end.bind(this) }); this.drag.start(event); }, end: function(){ this.element.set('opacity', this.opacity); this.drag.detach(); if (this.effect){ var dim = this.element.getStyles('width', 'height'); var pos = this.clone.computePosition(this.element.getPosition(this.clone.offsetParent), this.clone.getParent().positioned()); this.effect.element = this.clone; this.effect.start({ 'top': pos.top, 'left': pos.left, 'width': dim.width, 'height': dim.height, 'opacity': 0.25 }).chain(this.reset.bind(this)); } else { this.reset(); } }, reset: function(){ this.idle = true; this.clone.destroy(); this.fireEvent('onComplete', this.element); }, serialize: function(index, modifier){ var serial = this.lists.map(function(list){ return list.getChildren().map(modifier || function(element, index){ return element.get('id'); }, this); }, this); if (this.lists.length == 1) index = 0; return $chk(index) && index >= 0 && index < this.lists.length ? serial[index] : serial; } }); var Tips = new Class({ Implements: [Events, Options], options: { onShow: function(tip){ tip.setStyle('visibility', 'visible'); }, onHide: function(tip){ tip.setStyle('visibility', 'hidden'); }, maxTitleChars: 30, showDelay: 100, hideDelay: 100, className: 'tool', offsets: {'x': 16, 'y': 16}, fixed: false }, initialize: function(elements, options){ this.setOptions(options); elements = $$(elements); this.document = (elements.length) ? elements[0].ownerDocument : document; this.toolTip = new Element('div', { 'class': this.options.className + '-tip', 'styles': { 'position': 'absolute', 'top': '0', 'left': '0', 'visibility': 'hidden' } }, this.document).inject(this.document.body); this.wrapper = new Element('div').inject(this.toolTip); elements.each(this.build, this); }, build: function(el){ el.$attributes.myTitle = (el.href && el.get('tag') == 'a') ? el.href.replace('http://', '') : (el.rel || false); if (el.title){ var dual = el.title.split('::'); if (dual.length > 1){ el.$attributes.myTitle = dual[0].trim(); el.$attributes.myText = dual[1].trim(); } else { el.$attributes.myText = el.title; } el.removeProperty('title'); } else { el.$attributes.myText = false; } if (el.$attributes.myTitle && el.$attributes.myTitle.length > this.options.maxTitleChars) el.$attributes.myTitle = el.$attributes.myTitle.substr(0, this.options.maxTitleChars - 1) + "…"; el.addEvent('mouseenter', function(event){ this.start(el); if (!this.options.fixed) this.locate(event); else this.position(el); }.bind(this)); if (!this.options.fixed) el.addEvent('mousemove', this.locate.bind(this)); var end = this.end.bind(this); el.addEvent('mouseleave', end); }, start: function(el){ this.wrapper.empty(); if (el.$attributes.myTitle){ this.title = new Element('span').inject( new Element('div', {'class': this.options.className + '-title'} ).inject(this.wrapper)).set('html', el.$attributes.myTitle); } if (el.$attributes.myText){ this.text = new Element('span').inject( new Element('div', {'class': this.options.className + '-text'} ).inject(this.wrapper)).set('html', el.$attributes.myText); } $clear(this.timer); this.timer = this.show.delay(this.options.showDelay, this); }, end: function(event){ $clear(this.timer); this.timer = this.hide.delay(this.options.hideDelay, this); }, position: function(element){ var pos = element.getPosition(); this.toolTip.setStyles({ 'left': pos.x + this.options.offsets.x, 'top': pos.y + this.options.offsets.y }); }, locate: function(event){ var doc = this.document.getSize(); var scroll = this.document.getScroll(); var tip = {'x': this.toolTip.offsetWidth, 'y': this.toolTip.offsetHeight}; var prop = {'x': 'left', 'y': 'top'}; for (var z in prop){ var pos = event.page[z] + this.options.offsets[z]; if ((pos + tip[z] - scroll[z]) > doc[z]) pos = event.page[z] - this.options.offsets[z] - tip[z]; this.toolTip.setStyle(prop[z], pos); } }, show: function(){ if (this.options.timeout) this.timer = this.hide.delay(this.options.timeout, this); this.fireEvent('onShow', [this.toolTip]); }, hide: function(){ this.fireEvent('onHide', [this.toolTip]); } }); var SmoothScroll = new Class({ Extends: Fx.Scroll, initialize: function(options, element){ element = $(element); var doc = element.getDocument(), win = element.getWindow(); arguments.callee.parent(doc, options); this.links = (this.options.links) ? $$(this.options.links) : $$(doc.links); var location = win.location.href.match(/^[^#]*/)[0] + '#'; this.links.each(function(link){ if (link.href.indexOf(location) != 0) return; var anchor = link.href.substr(location.length); if (anchor && $(anchor)) this.useLink(link, anchor); }, this); if (!Browser.Engine.webkit419) this.addEvent('onComplete', function(){ win.location.hash = this.anchor; }, true); }, useLink: function(link, anchor){ link.addEvent('click', function(event){ this.anchor = anchor; this.toElement(anchor); event.stop(); }.bind(this)); } }); var Slider = new Class({ Implements: [Events, Options], options: {/* onChange: $empty, onComplete: $empty,*/ onTick: function(position){ if(this.options.snap) position = this.toPosition(this.step); this.knob.setStyle(this.property, position); }, snap: false, offset: 0, range: false, wheel: false, steps: 100, mode: 'horizontal' }, initialize: function(element, knob, options){ this.setOptions(options); this.element = $(element); this.knob = $(knob); this.previousChange = this.previousEnd = this.step = -1; this.element.addEvent('mousedown', this.clickedElement.bind(this)); if (this.options.wheel) this.element.addEvent('mousewheel', this.scrolledElement.bindWithEvent(this)); var offset, limit = {}, modifiers = {'x': false, 'y': false}; switch (this.options.mode){ case 'vertical': this.axis = 'y'; this.property = 'top'; offset = 'offsetHeight'; break; case 'horizontal': this.axis = 'x'; this.property = 'left'; offset = 'offsetWidth'; } this.half = this.knob[offset] / 2; this.full = this.element[offset] - this.knob[offset] + (this.options.offset * 2); this.min = $chk(this.options.range[0]) ? this.options.range[0] : 0; this.max = $chk(this.options.range[1]) ? this.options.range[1] : this.options.steps; this.range = this.max - this.min; this.steps = this.options.steps || this.full; this.stepSize = Math.abs(this.range) / this.steps; this.stepWidth = this.stepSize * this.full / Math.abs(this.range) ; this.knob.setStyle('position', 'relative').setStyle(this.property, - this.options.offset); modifiers[this.axis] = this.property; limit[this.axis] = [- this.options.offset, this.full - this.options.offset]; this.drag = new Drag(this.knob, { snap: 0, limit: limit, modifiers: modifiers, onDrag: this.draggedKnob.bind(this), onStart: this.draggedKnob.bind(this), onComplete: function(){ this.draggedKnob(); this.end(); }.bind(this) }); if (this.options.snap) { this.drag.options.grid = Math.ceil(this.stepWidth); this.drag.options.limit[this.axis][1] = this.full; } }, set: function(step){ if (!((this.range > 0) ^ (step < this.min))) step = this.min; if (!((this.range > 0) ^ (step > this.max))) step = this.max; this.step = Math.round(step); this.checkStep(); this.end(); this.fireEvent('onTick', this.toPosition(this.step)); return this; }, clickedElement: function(event){ var dir = this.range < 0 ? -1 : 1; var position = event.page[this.axis] - this.element.getRelativePosition()[this.axis] - this.half; position = position.limit(-this.options.offset, this.full -this.options.offset); this.step = Math.round(this.min + dir * this.toStep(position)); this.checkStep(); this.end(); this.fireEvent('onTick', position); }, scrolledElement: function(event){ var mode = (this.options.mode == 'horizontal') ? (event.wheel < 0) : (event.wheel > 0); this.set(mode ? this.step - this.stepSize : this.step + this.stepSize); event.stop(); }, draggedKnob: function(){ var dir = this.range < 0 ? -1 : 1; var position = this.drag.value.now[this.axis]; position = position.limit(-this.options.offset, this.full -this.options.offset); this.step = Math.round(this.min + dir * this.toStep(position)); this.checkStep(); }, checkStep: function(){ if (this.previousChange != this.step){ this.previousChange = this.step; this.fireEvent('onChange', this.step); } }, end: function(){ if (this.previousEnd !== this.step){ this.previousEnd = this.step; this.fireEvent('onComplete', this.step + ''); } }, toStep: function(position){ var step = (position + this.options.offset) * this.stepSize / this.full * this.steps; return this.options.steps ? Math.round(step -= step % this.stepSize) : step; }, toPosition: function(step){ return (this.full * Math.abs(this.min - step)) / (this.steps * this.stepSize) - this.options.offset; } }); var Scroller = new Class({ Implements: [Events, Options], options: { area: 20, velocity: 1, onChange: function(x, y){ this.element.scrollTo(x, y); } }, initialize: function(element, options){ this.setOptions(options); this.element = $(element); this.listener = ($type(this.element) != 'element') ? $(this.element.getDocument().body) : this.element; this.timer = null; }, start: function(){ this.coord = this.getCoords.bind(this); this.listener.addEvent('mousemove', this.coord); }, stop: function(){ this.listener.removeEvent('mousemove', this.coord); this.timer = $clear(this.timer); }, getCoords: function(event){ this.page = (this.listener.get('tag') == 'body') ? event.client : event.page; if (!this.timer) this.timer = this.scroll.periodical(50, this); }, scroll: function(){ var size = this.element.getSize(), scroll = this.element.getScroll(), pos = this.element.getPosition(), change = {'x': 0, 'y': 0}; for (var z in this.page){ if (this.page[z] < (this.options.area + pos[z]) && scroll[z] != 0) change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity; else if (this.page[z] + this.options.area > (size[z] + pos[z]) && size[z] + size[z] != scroll[z]) change[z] = (this.page[z] - size[z] + this.options.area - pos[z]) * this.options.velocity; } if (change.y || change.x) this.fireEvent('onChange', [scroll.x + change.x, scroll.y + change.y]); } }); var Asset = new Hash({ javascript: function(source, properties){ properties = $extend({ onload: $empty, document: document, check: $lambda(true) }, properties); var script = new Element('script', {'src': source, 'type': 'text/javascript'}); var load = properties.onload.bind(script), check = properties.check, doc = properties.document; delete properties.onload; delete properties.check; delete properties.document; script.addEvents({ load: load, readystatechange: function(){ if (this.readyState == 'complete') load(); } }).setProperties(properties); if (Browser.Engine.webkit419) var checker = (function(){ if (!$try(check)) return; $clear(checker); load(); }).periodical(50); return script.inject(doc.head); }, css: function(source, properties){ return new Element('link', $merge({ 'rel': 'stylesheet', 'media': 'screen', 'type': 'text/css', 'href': source }, properties)).inject(document.head); }, image: function(source, properties){ properties = $merge({ 'onload': $empty, 'onabort': $empty, 'onerror': $empty }, properties); var image = new Image(); var element = $(image) || new Element('img'); ['load', 'abort', 'error'].each(function(name){ var type = 'on' + name; var event = properties[type]; delete properties[type]; image[type] = function(){ if (!image) return; if (!element.parentNode){ element.width = image.width; element.height = image.height; } image = image.onload = image.onabort = image.onerror = null; event.delay(1, element, element); element.fireEvent(name, element, 1); }; }); image.src = element.src = source; if (image && image.complete) image.onload.delay(1); return element.setProperties(properties); }, images: function(sources, options){ options = $merge({ onComplete: $empty, onProgress: $empty }, options); if (!sources.push) sources = [sources]; var images = []; var counter = 0; sources.each(function(source){ var img = new Asset.image(source, { 'onload': function(){ options.onProgress.call(this, counter, sources.indexOf(source)); counter++; if (counter == sources.length) options.onComplete(); } }); images.push(img); }); return new Elements(images); } }); Fx.Elements = new Class({ Extends: Fx.CSS, initialize: function(elements, options){ this.elements = this.pass = $$(elements); arguments.callee.parent(options); }, compute: function(from, to, delta){ var now = {}; for (var i in from){ var iFrom = from[i], iTo = to[i], iNow = now[i] = {}; for (var p in iFrom) iNow[p] = arguments.callee.parent(iFrom[p], iTo[p], delta); } return now; }, set: function(now){ for (var i in now){ var iNow = now[i]; for (var p in iNow) this.render(this.elements[i], p, iNow[p]); } return this; }, start: function(obj){ if (!this.check(obj)) return this; var from = {}, to = {}; for (var i in obj){ var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}; for (var p in iProps){ var parsed = this.prepare(this.elements[i], p, iProps[p]); iFrom[p] = parsed.from; iTo[p] = parsed.to; } } return arguments.callee.parent(from, to); } }); var Accordion = new Class({ Extends: Fx.Elements, options: {/* onActive: $empty, onBackground: $empty,*/ display: 0, show: false, height: true, width: false, opacity: true, fixedHeight: false, fixedWidth: false, wait: false, alwaysHide: false }, initialize: function(){ var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined}); arguments.callee.parent(params.elements, params.options); this.togglers = $$(params.togglers); this.container = $(params.container); this.previous = -1; if (this.options.alwaysHide) this.options.wait = true; if ($chk(this.options.show)){ this.options.display = false; this.previous = this.options.show; } if (this.options.start){ this.options.display = false; this.options.show = false; } this.effects = {}; if (this.options.opacity) this.effects.opacity = 'fullOpacity'; if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth'; if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight'; for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]); this.elements.each(function(el, i){ if (this.options.show === i){ this.fireEvent('onActive', [this.togglers[i], el]); } else { for (var fx in this.effects) el.setStyle(fx, 0); } }, this); if ($chk(this.options.display)) this.display(this.options.display); }, addSection: function(toggler, element, pos){ toggler = $(toggler); element = $(element); var test = this.togglers.contains(toggler); var len = this.togglers.length; this.togglers.include(toggler); this.elements.include(element); if (len && (!test || pos)){ pos = $pick(pos, len - 1); toggler.inject(this.togglers[pos], 'before'); element.inject(toggler, 'after'); } else if (this.container && !test){ toggler.inject(this.container); element.inject(this.container); } var idx = this.togglers.indexOf(toggler); toggler.addEvent('click', this.display.bind(this, idx)); if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'}); if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'}); element.fullOpacity = 1; if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth; if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight; element.setStyle('overflow', 'hidden'); if (!test){ for (var fx in this.effects) element.setStyle(fx, 0); } return this; }, display: function(index){ index = ($type(index) == 'element') ? this.elements.indexOf(index) : index; if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this; this.previous = index; var obj = {}; this.elements.each(function(el, i){ obj[i] = {}; var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0)); this.fireEvent(hide ? 'onBackground' : 'onActive', [this.togglers[i], el]); for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]]; }, this); return this.start(obj); } }); // JavaScript Document