fix "new" list generation
authorEugene Crosser <crosser@average.org>
Mon, 18 Aug 2008 14:31:53 +0000 (14:31 +0000)
committerEugene Crosser <crosser@average.org>
Mon, 18 Aug 2008 14:31:53 +0000 (14:31 +0000)
remove unneeded generated css from the html, put into css proper
upgrade mootools to 1.2

include/gallery.css
include/gallery.js
include/mootools.js
mkgallery.pl

index aa91c7166ef30cca007bb3716ce60f3e649a5720..93fea0d93baa2dd58e9e9e2931b4bbf3db27e70f 100644 (file)
@@ -92,7 +92,9 @@ table.picframe {
  padding: 10px;
 }
 
-
+.loading {
+ background: url(loading.gif) center no-repeat;
+}
 
 .slideshowWindow {
  background-color: black;
index 1d7f5b7c0249b5980f84a7502217638f1757e473..0900c799e99a70185a57c87be1738bfe9643906c 100644 (file)
@@ -129,8 +129,9 @@ var vimgs=[]
 */
 /* Initialize everything, to be called on domready */
 function init_gallery() {
- $$('.'+'varimages').each(function(el){
-  vimgs[el.id]=[]
+ $$('div.varimages').each(function(el){
+  var id=el.id
+  vimgs[id]=[]
   el.getElements('a').each(function(ael,i){
    dim = /(\d+)[^\d](\d+)/.exec(ael.text)
    w = dim[1]
index 592f6aba8f0c6b1dcb37a7386b1dad7634a25a65..ebc3984c69648dec082930e370a62f9206c30198 100644 (file)
 /*
 Script: Core.js
-       Mootools - My Object Oriented javascript.
+       MooTools - My Object Oriented JavaScript Tools.
 
 License:
        MIT-style license.
 
-MooTools Copyright:
-       copyright (c) 2007 Valerio Proietti, <http://mad4milk.net>
+Copyright:
+       Copyright (c) 2006-2007 [Valerio Proietti](http://mad4milk.net/).
 
-MooTools Credits:
-       - Class is slightly based on Base.js <http://dean.edwards.name/weblog/2006/03/base/> (c) 2006 Dean Edwards, License <http://creativecommons.org/licenses/LGPL/2.1/>
-       - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
-       - Documentation by Aaron Newton (aaron.newton [at] cnet [dot] com) and Valerio Proietti.
+Code & Documentation:
+       [The MooTools production team](http://mootools.net/developers/).
+
+Inspiration:
+       - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php)
+       - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php)
 */
 
 var MooTools = {
-       version: '1.11'
+       'version': '1.2.0',
+       'build': ''
 };
+      
+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);
+       }
 
-/* Section: Core Functions */
-
-/*
-Function: $defined
-       Returns true if the passed in value/object is defined, that means is not null or undefined.
-
-Arguments:
-       obj - object to inspect
-*/
+       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(a1, a2, a3){
+               if (typeof a1 == 'string'){
+                       a1 = this.prototype[a1];
+                       if (a1) add(this, a2, a1, a3);
+               } else {
+                       for (var a in a1) this.alias(a, a1[a], a2);
+               }
+               return this;
+       };
 
-function $defined(obj){
-       return (obj != undefined);
+       return object;
 };
 
-/*
-Function: $type
-       Returns the type of object that matches the element passed in.
-
-Arguments:
-       obj - the object to inspect.
-
-Example:
-       >var myString = 'hello';
-       >$type(myString); //returns "string"
-
-Returns:
-       'element' - if obj is a DOM element node
-       'textnode' - if obj is a DOM text node
-       'whitespace' - if obj is a DOM whitespace node
-       'arguments' - if obj is an arguments object
-       'object' - if obj is an object
-       'string' - if obj is a string
-       'number' - if obj is a number
-       'boolean' - if obj is a boolean
-       'function' - if obj is a function
-       'regexp' - if obj is a regular expression
-       'class' - if obj is a Class. (created with new Class, or the extend of another class).
-       'collection' - if obj is a native htmlelements collection, such as childNodes, getElementsByTagName .. etc.
-       false - (boolean) if the object is not defined or none of the above.
-*/
-
-function $type(obj){
-       if (!$defined(obj)) return false;
-       if (obj.htmlElement) return 'element';
-       var type = typeof obj;
-       if (type == 'object' && obj.nodeName){
-               switch(obj.nodeType){
-                       case 1: return 'element';
-                       case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';
-               }
-       }
-       if (type == 'object' || type == 'function'){
-               switch(obj.constructor){
-                       case Array: return 'array';
-                       case RegExp: return 'regexp';
-                       case Class: return 'class';
-               }
-               if (typeof obj.length == 'number'){
-                       if (obj.item) return 'collection';
-                       if (obj.callee) return 'arguments';
-               }
-       }
-       return type;
+Native.implement = function(objects, properties){
+       for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties);
 };
 
-/*
-Function: $merge
-       merges a number of objects recursively without referencing them or their sub-objects.
-
-Arguments:
-       any number of objects.
-
-Example:
-       >var mergedObj = $merge(obj1, obj2, obj3);
-       >//obj1, obj2, and obj3 are unaltered
-*/
-
-function $merge(){
-       var mix = {};
-       for (var i = 0; i < arguments.length; i++){
-               for (var property in arguments[i]){
-                       var ap = arguments[i][property];
-                       var mp = mix[property];
-                       if (mp && $type(ap) == 'object' && $type(mp) == 'object') mix[property] = $merge(mp, ap);
-                       else mix[property] = ap;
-               }
-       }
-       return mix;
+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);
+       };
 };
 
-/*
-Function: $extend
-       Copies all the properties from the second passed object to the first passed Object.
-       If you do myWhatever.extend = $extend the first parameter will become myWhatever, and your extend function will only need one parameter.
-
-Example:
-       (start code)
-       var firstOb = {
-               'name': 'John',
-               'lastName': 'Doe'
-       };
-       var secondOb = {
-               'age': '20',
-               'sex': 'male',
-               'lastName': 'Dorian'
+Native.typize = function(object, family){
+       if (!object.type) object.type = function(item){
+               return ($type(item) === family);
        };
-       $extend(firstOb, secondOb);
-       //firstOb will become:
-       {
-               'name': 'John',
-               'lastName': 'Dorian',
-               'age': '20',
-               'sex': 'male'
-       };
-       (end)
-
-Returns:
-       The first object, extended.
-*/
+};
 
-var $extend = function(){
-       var args = arguments;
-       if (!args[1]) args = [this, args[0]];
-       for (var property in args[1]) args[0][property] = args[1][property];
-       return args[0];
+Native.alias = function(objects, a1, a2, a3){
+       for (var i = 0, j = objects.length; i < j; i++) objects[i].alias(a1, a2, a3);
 };
 
-/*
-Function: $native
-       Will add a .extend method to the objects passed as a parameter, but the property passed in will be copied to the object's prototype only if non previously existent.
-       Its handy if you dont want the .extend method of an object to overwrite existing methods.
-       Used automatically in MooTools to implement Array/String/Function/Number methods to browser that dont support them whitout manual checking.
+(function(objects){
+       for (var name in objects) Native.typize(objects[name], name);
+})({'boolean': Boolean, 'native': Native, 'object': Object});
 
-Arguments:
-       a number of classes/native javascript objects
+(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 = methods.length; i--; 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']);
 
-var $native = function(){
-       for (var i = 0, l = arguments.length; i < l; i++){
-               arguments[i].extend = function(props){
-                       for (var prop in props){
-                               if (!this.prototype[prop]) this.prototype[prop] = props[prop];
-                               if (!this[prop]) this[prop] = $native.generic(prop);
-                       }
-               };
-       }
+function $chk(obj){
+       return !!(obj || obj === 0);
 };
 
-$native.generic = function(prop){
-       return function(bind){
-               return this.prototype[prop].apply(bind, Array.prototype.slice.call(arguments, 1));
-       };
+function $clear(timer){
+       clearTimeout(timer);
+       clearInterval(timer);
+       return null;
 };
 
-$native(Function, Array, String, Number);
+function $defined(obj){
+       return (obj != undefined);
+};
 
-/*
-Function: $chk
-       Returns true if the passed in value/object exists or is 0, otherwise returns false.
-       Useful to accept zeroes.
+function $empty(){};
 
-Arguments:
-       obj - object to inspect
-*/
+function $arguments(i){
+       return function(){
+               return arguments[i];
+       };
+};
 
-function $chk(obj){
-       return !!(obj || obj === 0);
+function $lambda(value){
+       return (typeof value == 'function') ? value : function(){
+               return value;
+       };
 };
 
-/*
-Function: $pick
-       Returns the first object if defined, otherwise returns the second.
+function $extend(original, extended){
+       for (var key in (extended || {})) original[key] = extended[key];
+       return original;
+};
 
-Arguments:
-       obj - object to test
-       picked - the default to return
+function $unlink(object){
+       var unlinked;
+       
+       switch ($type(object)){
+               case 'object':
+                       unlinked = {};
+                       for (var p in object) unlinked[p] = $unlink(object[p]);
+               break;
+               case 'hash':
+                       unlinked = $unlink(object.getClean());
+               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;
+};
 
-Example:
-       (start code)
-               function say(msg){
-                       alert($pick(msg, 'no meessage supplied'));
+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);
                }
-       (end)
-*/
-
-function $pick(obj, picked){
-       return $defined(obj) ? obj : picked;
+       }
+       return mix;
 };
 
-/*
-Function: $random
-       Returns a random integer number between the two passed in values.
-
-Arguments:
-       min - integer, the minimum value (inclusive).
-       max - integer, the maximum value (inclusive).
-
-Returns:
-       a random integer between min and max.
-*/
+function $pick(){
+       for (var i = 0, l = arguments.length; i < l; i++){
+               if (arguments[i] != undefined) return arguments[i];
+       }
+       return null;
+};
 
 function $random(min, max){
        return Math.floor(Math.random() * (max - min + 1) + min);
 };
 
-/*
-Function: $time
-       Returns the current timestamp
-
-Returns:
-       a timestamp integer.
-*/
+function $splat(obj){
+       var type = $type(obj);
+       return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : [];
+};
 
-function $time(){
+var $time = Date.now || function(){
        return new Date().getTime();
 };
 
-/*
-Function: $clear
-       clears a timeout or an Interval.
-
-Returns:
-       null
-
-Arguments:
-       timer - the setInterval or setTimeout to clear.
-
-Example:
-       >var myTimer = myFunction.delay(5000); //wait 5 seconds and execute my function.
-       >myTimer = $clear(myTimer); //nevermind
-
-See also:
-       <Function.delay>, <Function.periodical>
-*/
-
-function $clear(timer){
-       clearTimeout(timer);
-       clearInterval(timer);
+function $try(){
+       for (var i = 0, l = arguments.length; i < l; i++){
+               try {
+                       return arguments[i]();
+               } catch(e){}
+       }
        return null;
 };
 
-/*
-Class: Abstract
-       Abstract class, to be used as singleton. Will add .extend to any object
+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;
+};
 
-Arguments:
-       an object
+var Hash = new Native({
 
-Returns:
-       the object with an .extend property, equivalent to <$extend>.
-*/
+       name: 'Hash',
 
-var Abstract = function(obj){
-       obj = obj || {};
-       obj.extend = $extend;
-       return obj;
-};
+       initialize: function(object){
+               if ($type(object) == 'hash') object = $unlink(object.getClean());
+               for (var key in object) this[key] = object[key];
+               return this;
+       }
 
-//window, document
+});
 
-var Window = new Abstract(window);
-var Document = new Abstract(document);
-document.head = document.getElementsByTagName('head')[0];
+Hash.implement({
+       
+       getLength: function(){
+               var length = 0;
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) length++;
+               }
+               return length;
+       },
 
-/*
-Class: window
-       Some properties are attached to the window object by the browser detection.
+       forEach: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this);
+               }
+       },
        
-Note:
-       browser detection is entirely object-based. We dont sniff.
-
-Properties:
-       window.ie - will be set to true if the current browser is internet explorer (any).
-       window.ie6 - will be set to true if the current browser is internet explorer 6.
-       window.ie7 - will be set to true if the current browser is internet explorer 7.
-       window.gecko - will be set to true if the current browser is Mozilla/Gecko.
-       window.webkit - will be set to true if the current browser is Safari/Konqueror.
-       window.webkit419 - will be set to true if the current browser is Safari2 / webkit till version 419.
-       window.webkit420 - will be set to true if the current browser is Safari3 (Webkit SVN Build) / webkit over version 419.
-       window.opera - is set to true by opera itself.
-*/
+       getClean: function(){
+               var clean = {};
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) clean[key] = this[key];
+               }
+               return clean;
+       }
+
+});
 
-window.xpath = !!(document.evaluate);
-if (window.ActiveXObject) window.ie = window[window.XMLHttpRequest ? 'ie7' : 'ie6'] = true;
-else if (document.childNodes && !document.all && !navigator.taintEnabled) window.webkit = window[window.xpath ? 'webkit420' : 'webkit419'] = true;
-else if (document.getBoxObjectFor != null) window.gecko = true;
+Hash.alias('forEach', 'each');
 
-/*compatibility*/
+function $H(object){
+       return new Hash(object);
+};
 
-window.khtml = window.webkit;
+Array.implement({
 
-Object.extend = $extend;
+       forEach: function(fn, bind){
+               for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this);
+       }
 
-/*end compatibility*/
+});
 
-//htmlelement
+Array.alias('forEach', 'each');
 
-if (typeof HTMLElement == 'undefined'){
-       var HTMLElement = function(){};
-       if (window.webkit) document.createElement("iframe"); //fixes safari
-       HTMLElement.prototype = (window.webkit) ? window["[[DOMElement.prototype]]"] : {};
-}
-HTMLElement.prototype.htmlElement = function(){};
+function $A(iterable){
+       if (iterable.item){
+               var array = [];
+               for (var i = 0, l = iterable.length; i < l; i++) array[i] = iterable[i];
+               return array;
+       }
+       return Array.prototype.slice.call(iterable);
+};
 
-//enables background image cache for internet explorer 6
+function $each(iterable, fn, bind){
+       var type = $type(iterable);
+       ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind);
+};
 
-if (window.ie6) try {document.execCommand("BackgroundImageCache", false, true);} catch(e){};
 
 /*
-Script: Class.js
-       Contains the Class Function, aims to ease the creation of reusable Classes.
+Script: Browser.js
+       The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: Class
-       The base class object of the <http://mootools.net> framework.
-       Creates a new class, its initialize method will fire upon class instantiation.
-       Initialize wont fire on instantiation when you pass *null*.
-
-Arguments:
-       properties - the collection of properties that apply to the class.
-
-Example:
-       (start code)
-       var Cat = new Class({
-               initialize: function(name){
-                       this.name = name;
-               }
-       });
-       var myCat = new Cat('Micia');
-       alert(myCat.name); //alerts 'Micia'
-       (end)
-*/
-
-var Class = function(properties){
-       var klass = function(){
-               return (arguments[0] !== null && this.initialize && $type(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;
-       };
-       $extend(klass, this);
-       klass.prototype = properties;
-       klass.constructor = Class;
-       return klass;
-};
-
-/*
-Property: empty
-       Returns an empty function
-*/
-
-Class.empty = function(){};
+var Browser = new Hash({
+       Engine: {name: 'unknown', version: ''},
+       Platform: {name: (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()},
+       Features: {xpath: !!(document.evaluate), air: !!(window.runtime)},
+       Plugins: {}
+});
 
-Class.prototype = {
+if (window.opera) Browser.Engine = {name: 'presto', version: (document.getElementsByClassName) ? 950 : 925};
+else if (window.ActiveXObject) Browser.Engine = {name: 'trident', version: (window.XMLHttpRequest) ? 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', version: (document.getElementsByClassName) ? 19 : 18};
+Browser.Engine[Browser.Engine.name] = Browser.Engine[Browser.Engine.name + Browser.Engine.version] = true;
 
-       /*
-       Property: extend
-               Returns the copy of the Class extended with the passed in properties.
+if (window.orientation != undefined) Browser.Platform.name = 'ipod';
 
-       Arguments:
-               properties - the properties to add to the base class in this new Class.
+Browser.Platform[Browser.Platform.name] = true;
 
-       Example:
-               (start code)
-               var Animal = new Class({
-                       initialize: function(age){
-                               this.age = age;
-                       }
-               });
-               var Cat = Animal.extend({
-                       initialize: function(name, age){
-                               this.parent(age); //will call the previous initialize;
-                               this.name = name;
-                       }
-               });
-               var myCat = new Cat('Micia', 20);
-               alert(myCat.name); //alerts 'Micia'
-               alert(myCat.age); //alerts 20
-               (end)
-       */
+Browser.Request = function(){
+       return $try(function(){
+               return new XMLHttpRequest();
+       }, function(){
+               return new ActiveXObject('MSXML2.XMLHTTP');
+       });
+};
 
-       extend: function(properties){
-               var proto = new this(null);
-               for (var property in properties){
-                       var pp = proto[property];
-                       proto[property] = Class.Merge(pp, properties[property]);
-               }
-               return new Class(proto);
-       },
+Browser.Features.xhr = !!(Browser.Request());
+
+Browser.Plugins.Flash = (function(){
+       var version = ($try(function(){
+               return navigator.plugins['Shockwave Flash'].description;
+       }, function(){
+               return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
+       }) || '0 r0').match(/\d+/g);
+       return {version: parseInt(version[0] || 0 + '.' + version[1] || 0), build: parseInt(version[2] || 0)};
+})();
+
+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;
+};
 
-       /*
-       Property: implement
-               Implements the passed in properties to the base Class prototypes, altering the base class, unlike <Class.extend>.
+Native.UID = 1;
 
-       Arguments:
-               properties - the properties to add to the base class.
+var $uid = (Browser.Engine.trident) ? function(item){
+       return (item.uid || (item.uid = [Native.UID++]))[0];
+} : function(item){
+       return item.uid || (item.uid = Native.UID++);
+};
 
-       Example:
-               (start code)
-               var Animal = new Class({
-                       initialize: function(age){
-                               this.age = age;
-                       }
-               });
-               Animal.implement({
-                       setName: function(name){
-                               this.name = name
-                       }
-               });
-               var myAnimal = new Animal(20);
-               myAnimal.setName('Micia');
-               alert(myAnimal.name); //alerts 'Micia'
-               (end)
-       */
+var Window = new Native({
 
-       implement: function(){
-               for (var i = 0, l = arguments.length; i < l; i++) $extend(this.prototype, arguments[i]);
-       }
+       name: 'Window',
 
-};
+       legacy: (Browser.Engine.trident) ? null: window.Window,
 
-//internal
-
-Class.Merge = function(previous, current){
-       if (previous && previous != current){
-               var type = $type(current);
-               if (type != $type(previous)) return current;
-               switch(type){
-                       case 'function':
-                               var merged = function(){
-                                       this.parent = arguments.callee.parent;
-                                       return current.apply(this, arguments);
-                               };
-                               merged.parent = previous;
-                               return merged;
-                       case 'object': return $merge(previous, current);
+       initialize: function(win){
+               $uid(win);
+               if (!win.Element){
+                       win.Element = $empty;
+                       if (Browser.Engine.webkit) win.document.createElement("iframe"); //fixes safari 2
+                       win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {};
                }
-       }
-       return current;
-};
-
-/*
-Script: Class.Extras.js
-       Contains common implementations for custom classes. In Mootools is implemented in <Ajax>, <XHR> and <Fx.Base> and many more.
+               return $extend(win, Window.Prototype);
+       },
 
-License:
-       MIT-style license.
-*/
+       afterImplement: function(property, value){
+               window[property] = Window.Prototype[property] = value;
+       }
 
-/*
-Class: Chain
-       An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.
-       Currently implemented in <Fx.Base>, <XHR> and <Ajax>. In <Fx.Base> for example, is used to execute a list of function, one after another, once the effect is completed.
-       The functions will not be fired all togheter, but one every completion, to create custom complex animations.
-
-Example:
-       (start code)
-       var myFx = new Fx.Style('element', 'opacity');
-
-       myFx.start(1,0).chain(function(){
-               myFx.start(0,1);
-       }).chain(function(){
-               myFx.start(1,0);
-       }).chain(function(){
-               myFx.start(0,1);
-       });
-       //the element will appear and disappear three times
-       (end)
-*/
+});
 
-var Chain = new Class({
+Window.Prototype = {$family: {name: 'window'}};
 
-       /*
-       Property: chain
-               adds a function to the Chain instance stack.
+new Window(window);
 
-       Arguments:
-               fn - the function to append.
-       */
+var Document = new Native({
 
-       chain: function(fn){
-               this.chains = this.chains || [];
-               this.chains.push(fn);
-               return this;
-       },
+       name: 'Document',
 
-       /*
-       Property: callChain
-               Executes the first function of the Chain instance stack, then removes it. The first function will then become the second.
-       */
+       legacy: (Browser.Engine.trident) ? null: window.Document,
 
-       callChain: function(){
-               if (this.chains && this.chains.length) this.chains.shift().delay(10, this);
+       initialize: function(doc){
+               $uid(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);
+               });
+               return $extend(doc, Document.Prototype);
        },
 
-       /*
-       Property: clearChain
-               Clears the stack of a Chain instance.
-       */
-
-       clearChain: function(){
-               this.chains = [];
+       afterImplement: function(property, value){
+               document[property] = Document.Prototype[property] = value;
        }
 
 });
 
-/*
-Class: Events
-       An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.
-       In <Fx.Base> Class, for example, is used to give the possibility add any number of functions to the Effects events, like onComplete, onStart, onCancel.
-       Events in a Class that implements <Events> can be either added as an option, or with addEvent. Never with .options.onEventName.
-
-Example:
-       (start code)
-       var myFx = new Fx.Style('element', 'opacity').addEvent('onComplete', function(){
-               alert('the effect is completed');
-       }).addEvent('onComplete', function(){
-               alert('I told you the effect is completed');
-       });
+Document.Prototype = {$family: {name: 'document'}};
 
-       myFx.start(0,1);
-       //upon completion it will display the 2 alerts, in order.
-       (end)
+new Document(document);
 
-Implementing:
-       This class can be implemented into other classes to add the functionality to them.
-       Goes well with the <Options> class.
+/*
+Script: Array.js
+       Contains Array Prototypes like copy, each, contains, and remove.
 
-Example:
-       (start code)
-       var Widget = new Class({
-               initialize: function(){},
-               finish: function(){
-                       this.fireEvent('onComplete');
-               }
-       });
-       Widget.implement(new Events);
-       //later...
-       var myWidget = new Widget();
-       myWidget.addEvent('onComplete', myfunction);
-       (end)
+License:
+       MIT-style license.
 */
 
-var Events = new Class({
-
-       /*
-       Property: addEvent
-               adds an event to the stack of events of the Class instance.
-
-       Arguments:
-               type - string; the event name (e.g. 'onComplete')
-               fn - function to execute
-       */
+Array.implement({
 
-       addEvent: function(type, fn){
-               if (fn != Class.empty){
-                       this.$events = this.$events || {};
-                       this.$events[type] = this.$events[type] || [];
-                       this.$events[type].include(fn);
+       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 this;
+               return true;
        },
 
-       /*
-       Property: fireEvent
-               fires all events of the specified type in the Class instance.
-
-       Arguments:
-               type - string; the event name (e.g. 'onComplete')
-               args - array or single object; arguments to pass to the function; if more than one argument, must be an array
-               delay - (integer) delay (in ms) to wait to execute the event
-
-       Example:
-       (start code)
-       var Widget = new Class({
-               initialize: function(arg1, arg2){
-                       ...
-                       this.fireEvent("onInitialize", [arg1, arg2], 50);
+       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]);
                }
-       });
-       Widget.implement(new Events);
-       (end)
-       */
+               return results;
+       },
+       
+       clean: function() {
+               return this.filter($defined);
+       },
 
-       fireEvent: function(type, args, delay){
-               if (this.$events && this.$events[type]){
-                       this.$events[type].each(function(fn){
-                               fn.create({'bind': this, 'delay': delay, 'arguments': args})();
-                       }, this);
+       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 this;
+               return -1;
        },
 
-       /*
-       Property: removeEvent
-               removes an event from the stack of events of the Class instance.
-
-       Arguments:
-               type - string; the event name (e.g. 'onComplete')
-               fn - function that was added
-       */
+       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;
+       },
 
-       removeEvent: function(type, fn){
-               if (this.$events && this.$events[type]) this.$events[type].remove(fn);
-               return this;
-       }
+       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;
+       },
 
-/*
-Class: Options
-       An "Utility" Class. Its methods can be implemented with <Class.implement> into any <Class>.
-       Used to automate the options settings, also adding Class <Events> when the option begins with on.
-
-       Example:
-               (start code)
-               var Widget = new Class({
-                       options: {
-                               color: '#fff',
-                               size: {
-                                       width: 100
-                                       height: 100
+       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;
                                }
-                       },
-                       initialize: function(options){
-                               this.setOptions(options);
-                       }
-               });
-               Widget.implement(new Options);
-               //later...
-               var myWidget = new Widget({
-                       color: '#f00',
-                       size: {
-                               width: 200
                        }
-               });
-               //myWidget.options = {color: #f00, size: {width: 200, height: 100}}
-               (end)
-*/
+               }
+               return result;
+       },
 
-var Options = new Class({
+       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;
+       },
 
-       /*
-       Property: setOptions
-               sets this.options
+       getRandom: function(){
+               return (this.length) ? this[$random(0, this.length - 1)] : null;
+       },
 
-       Arguments:
-               defaults - object; the default set of options
-               options - object; the user entered options. can be empty too.
+       include: function(item){
+               if (!this.contains(item)) this.push(item);
+               return this;
+       },
 
-       Note:
-               if your Class has <Events> implemented, every option beginning with on, followed by a capital letter (onComplete) becomes an Class instance event.
-       */
+       combine: function(array){
+               for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
+               return this;
+       },
 
-       setOptions: function(){
-               this.options = $merge.apply(null, [this.options].extend(arguments));
-               if (this.addEvent){
-                       for (var option in this.options){
-                               if ($type(this.options[option] == 'function') && (/^on[A-Z]/).test(option)) this.addEvent(option, this.options[option]);
-                       }
+       erase: 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('');
        }
 
 });
 
+/*\r
+Script: Function.js\r
+       Contains Function Prototypes like create, bind, pass, and delay.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+Function.implement({\r
+\r
+       extend: function(properties){\r
+               for (var property in properties) this[property] = properties[property];\r
+               return this;\r
+       },\r
+\r
+       create: function(options){\r
+               var self = this;\r
+               options = options || {};\r
+               return function(event){\r
+                       var args = options.arguments;\r
+                       args = (args != undefined) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0);\r
+                       if (options.event) args = [event || window.event].extend(args);\r
+                       var returns = function(){\r
+                               return self.apply(options.bind || null, args);\r
+                       };\r
+                       if (options.delay) return setTimeout(returns, options.delay);\r
+                       if (options.periodical) return setInterval(returns, options.periodical);\r
+                       if (options.attempt) return $try(returns);\r
+                       return returns();\r
+               };\r
+       },\r
+\r
+       pass: function(args, bind){\r
+               return this.create({arguments: args, bind: bind});\r
+       },\r
+\r
+       attempt: function(args, bind){\r
+               return this.create({arguments: args, bind: bind, attempt: true})();\r
+       },\r
+\r
+       bind: function(bind, args){\r
+               return this.create({bind: bind, arguments: args});\r
+       },\r
+\r
+       bindWithEvent: function(bind, args){\r
+               return this.create({bind: bind, event: true, arguments: args});\r
+       },\r
+\r
+       delay: function(delay, bind, args){\r
+               return this.create({delay: delay, bind: bind, arguments: args})();\r
+       },\r
+\r
+       periodical: function(interval, bind, args){\r
+               return this.create({periodical: interval, bind: bind, arguments: args})();\r
+       },\r
+\r
+       run: function(args, bind){\r
+               return this.apply(bind, $splat(args));\r
+       }\r
+\r
+});
+
 /*
-Script: Array.js
-       Contains Array prototypes, <$A>, <$each>
+Script: Number.js
+       Contains Number Prototypes like limit, round, times, and ceil.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: Array
-       A collection of The Array Object prototype methods.
-*/
-
-//custom methods
+Number.implement({
 
-Array.extend({
-
-       /*
-       Property: forEach
-               Iterates through an array; This method is only available for browsers without native *forEach* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:forEach>
-
-               *forEach* executes the provided function (callback) once for each element present in the array. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.
-
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - the object to bind "this" to (see <Function.bind>)
-
-       Example:
-               >['apple','banana','lemon'].each(function(item, index){
-               >       alert(index + " = " + item); //alerts "0 = apple" etc.
-               >}, bindObj); //optional second arg for binding, not used here
-       */
-
-       forEach: function(fn, bind){
-               for (var i = 0, j = this.length; i < j; i++) fn.call(bind, this[i], i, this);
+       limit: function(min, max){
+               return Math.min(max, Math.max(min, this));
        },
 
-       /*
-       Property: filter
-               This method is provided only for browsers without native *filter* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:Array:filter>
-
-               *filter* calls a provided callback function once for each element in an array, and constructs a new array of all the values for which callback returns a true value. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values. Array elements which do not pass the callback test are simply skipped, and are not included in the new array.
-
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - the object to bind "this" to (see <Function.bind>)
-
-       Example:
-               >var biggerThanTwenty = [10,3,25,100].filter(function(item, index){
-               > return item > 20;
-               >});
-               >//biggerThanTwenty = [25,100]
-       */
+       round: function(precision){
+               precision = Math.pow(10, precision || 0);
+               return Math.round(this * precision) / precision;
+       },
 
-       filter: function(fn, bind){
-               var results = [];
-               for (var i = 0, j = this.length; i < j; i++){
-                       if (fn.call(bind, this[i], i, this)) results.push(this[i]);
-               }
-               return results;
+       times: function(fn, bind){
+               for (var i = 0; i < this; i++) fn.call(bind, i, this);
        },
 
-       /*
-       Property: map
-               This method is provided only for browsers without native *map* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:map>
+       toFloat: function(){
+               return parseFloat(this);
+       },
 
-               *map* calls a provided callback function once for each element in an array, in order, and constructs a new array from the results. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.
+       toInt: function(base){
+               return parseInt(this, base || 10);
+       }
 
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - the object to bind "this" to (see <Function.bind>)
+});
 
-       Example:
-               >var timesTwo = [1,2,3].map(function(item, index){
-               > return item*2;
-               >});
-               >//timesTwo = [2,4,6];
-       */
+Number.alias('times', 'each');
 
-       map: function(fn, bind){
-               var results = [];
-               for (var i = 0, j = this.length; i < j; i++) results[i] = fn.call(bind, this[i], i, this);
-               return results;
-       },
+(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']);
 
-       /*
-       Property: every
-               This method is provided only for browsers without native *every* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:every>
+/*
+Script: String.js
+       Contains String Prototypes like camelCase, capitalize, test, and toInt.
 
-               *every* executes the provided callback function once for each element present in the array until it finds one where callback returns a false value. If such an element is found, the every method immediately returns false. Otherwise, if callback returned a true value for all elements, every will return true. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.
+License:
+       MIT-style license.
+*/
 
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - the object to bind "this" to (see <Function.bind>)
+String.implement({
 
-       Example:
-               >var areAllBigEnough = [10,4,25,100].every(function(item, index){
-               > return item > 20;
-               >});
-               >//areAllBigEnough = false
-       */
+       test: function(regex, params){
+               return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this);
+       },
 
-       every: function(fn, bind){
-               for (var i = 0, j = this.length; i < j; i++){
-                       if (!fn.call(bind, this[i], i, this)) return false;
-               }
-               return true;
+       contains: function(string, separator){
+               return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1;
        },
 
-       /*
-       Property: some
-               This method is provided only for browsers without native *some* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:some>
+       trim: function(){
+               return this.replace(/^\s+|\s+$/g, '');
+       },
 
-               *some* executes the callback function once for each element present in the array until it finds one where callback returns a true value. If such an element is found, some immediately returns true. Otherwise, some returns false. callback is invoked only for indexes of the array which have assigned values; it is not invoked for indexes which have been deleted or which have never been assigned values.
+       clean: function(){
+               return this.replace(/\s+/g, ' ').trim();
+       },
 
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - the object to bind "this" to (see <Function.bind>)
+       camelCase: function(){
+               return this.replace(/-\D/g, function(match){
+                       return match.charAt(1).toUpperCase();
+               });
+       },
 
-       Example:
-               >var isAnyBigEnough = [10,4,25,100].some(function(item, index){
-               > return item > 20;
-               >});
-               >//isAnyBigEnough = true
-       */
+       hyphenate: function(){
+               return this.replace(/[A-Z]/g, function(match){
+                       return ('-' + match.charAt(0).toLowerCase());
+               });
+       },
 
-       some: function(fn, bind){
-               for (var i = 0, j = this.length; i < j; i++){
-                       if (fn.call(bind, this[i], i, this)) return true;
-               }
-               return false;
+       capitalize: function(){
+               return this.replace(/\b[a-z]/g, function(match){
+                       return match.toUpperCase();
+               });
        },
 
-       /*
-       Property: indexOf
-               This method is provided only for browsers without native *indexOf* support.
-               For more info see <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Array:indexOf>
+       escapeRegExp: function(){
+               return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1');
+       },
 
-               *indexOf* compares a search element to elements of the Array using strict equality (the same method used by the ===, or triple-equals, operator).
+       toInt: function(base){
+               return parseInt(this, base || 10);
+       },
 
-       Arguments:
-               item - any type of object; element to locate in the array
-               from - integer; optional; the index of the array at which to begin the search (defaults to 0)
+       toFloat: function(){
+               return parseFloat(this);
+       },
 
-       Example:
-               >['apple','lemon','banana'].indexOf('lemon'); //returns 1
-               >['apple','lemon'].indexOf('banana'); //returns -1
-       */
+       hexToRgb: function(array){
+               var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
+               return (hex) ? hex.slice(1).hexToRgb(array) : null;
+       },
 
-       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;
+       rgbToHex: function(array){
+               var rgb = this.match(/\d{1,3}/g);
+               return (rgb) ? rgb.rgbToHex(array) : null;
        },
 
-       /*
-       Property: each
-               Same as <Array.forEach>.
+       stripScripts: function(option){
+               var scripts = '';
+               var text = this.replace(/<script[^>]*>([\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;
+       },
 
-       Arguments:
-               fn - function to execute with each item in the array; passed the item and the index of that item in the array
-               bind - optional, the object that the "this" of the function will refer to.
+       substitute: function(object, regexp){
+               return this.replace(regexp || (/\\?\{([^}]+)\}/g), function(match, name){
+                       if (match.charAt(0) == '\\') return match.slice(1);
+                       return (object[name] != undefined) ? object[name] : '';
+               });
+       }
 
-       Example:
-               >var Animals = ['Cat', 'Dog', 'Coala'];
-               >Animals.each(function(animal){
-               >       document.write(animal)
-               >});
-       */
+});
 
-       /*
-       Property: copy
-               returns a copy of the array.
+/*
+Script: Hash.js
+       Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects.
 
-       Returns:
-               a new array which is a copy of the current one.
+License:
+       MIT-style license.
+*/
 
-       Arguments:
-               start - integer; optional; the index where to start the copy, default is 0. If negative, it is taken as the offset from the end of the array.
-               length - integer; optional; the number of elements to copy. By default, copies all elements from start to the end of the array.
+Hash.implement({
 
-       Example:
-               >var letters = ["a","b","c"];
-               >var copy = letters.copy();             // ["a","b","c"] (new instance)
-       */
+       has: Object.prototype.hasOwnProperty,
 
-       copy: function(start, length){
-               start = start || 0;
-               if (start < 0) start = this.length + start;
-               length = length || (this.length - start);
-               var newArray = [];
-               for (var i = 0; i < length; i++) newArray[i] = this[start++];
-               return newArray;
+       keyOf: function(value){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && this[key] === value) return key;
+               }
+               return null;
        },
 
-       /*
-       Property: remove
-               Removes all occurrences of an item from the array.
-
-       Arguments:
-               item - the item to remove
-
-       Returns:
-               the Array with all occurrences of the item removed.
-
-       Example:
-               >["1","2","3","2"].remove("2") // ["1","3"];
-       */
+       hasValue: function(value){
+               return (Hash.keyOf(this, value) !== null);
+       },
 
-       remove: function(item){
-               var i = 0;
-               var len = this.length;
-               while (i < len){
-                       if (this[i] === item){
-                               this.splice(i, 1);
-                               len--;
-                       } else {
-                               i++;
-                       }
-               }
+       extend: function(properties){
+               Hash.each(properties, function(value, key){
+                       Hash.set(this, key, value);
+               }, this);
                return this;
        },
 
-       /*
-       Property: contains
-               Tests an array for the presence of an item.
-
-       Arguments:
-               item - the item to search for in the array.
-               from - integer; optional; the index at which to begin the search, default is 0. If negative, it is taken as the offset from the end of the array.
-
-       Returns:
-               true - the item was found
-               false - it wasn't
-
-       Example:
-               >["a","b","c"].contains("a"); // true
-               >["a","b","c"].contains("d"); // false
-       */
-
-       contains: function(item, from){
-               return this.indexOf(item, from) != -1;
+       combine: function(properties){
+               Hash.each(properties, function(value, key){
+                       Hash.include(this, key, value);
+               }, this);
+               return this;
        },
 
-       /*
-       Property: associate
-               Creates an object with key-value pairs based on the array of keywords passed in
-               and the current content of the array.
-
-       Arguments:
-               keys - the array of keywords.
-
-       Example:
-               (start code)
-               var Animals = ['Cat', 'Dog', 'Coala', 'Lizard'];
-               var Speech = ['Miao', 'Bau', 'Fruuu', 'Mute'];
-               var Speeches = Animals.associate(Speech);
-               //Speeches['Miao'] is now Cat.
-               //Speeches['Bau'] is now Dog.
-               //...
-               (end)
-       */
-
-       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;
+       erase: function(key){
+               if (this.hasOwnProperty(key)) delete this[key];
+               return this;
        },
 
-       /*
-       Property: extend
-               Extends an array with another one.
-
-       Arguments:
-               array - the array to extend ours with
-
-       Example:
-               >var Animals = ['Cat', 'Dog', 'Coala'];
-               >Animals.extend(['Lizard']);
-               >//Animals is now: ['Cat', 'Dog', 'Coala', 'Lizard'];
-       */
+       get: function(key){
+               return (this.hasOwnProperty(key)) ? this[key] : null;
+       },
 
-       extend: function(array){
-               for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
+       set: function(key, value){
+               if (!this[key] || this.hasOwnProperty(key)) this[key] = value;
                return this;
        },
 
-       /*
-       Property: merge
-               merges an array in another array, without duplicates. (case- and type-sensitive)
-
-       Arguments:
-               array - the array to merge from.
-
-       Example:
-               >['Cat','Dog'].merge(['Dog','Coala']); //returns ['Cat','Dog','Coala']
-       */
-
-       merge: function(array){
-               for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
+       empty: function(){
+               Hash.each(this, function(value, key){
+                       delete this[key];
+               }, this);
                return this;
        },
 
-       /*
-       Property: include
-               includes the passed in element in the array, only if its not already present. (case- and type-sensitive)
-
-       Arguments:
-               item - item to add to the array (if not present)
+       include: function(key, value){
+               var k = this[key];
+               if (k == undefined) this[key] = value;
+               return this;
+       },
 
-       Example:
-               >['Cat','Dog'].include('Dog'); //returns ['Cat','Dog']
-               >['Cat','Dog'].include('Coala'); //returns ['Cat','Dog','Coala']
-       */
+       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;
+       },
 
-       include: function(item){
-               if (!this.contains(item)) this.push(item);
-               return this;
+       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;
        },
 
-       /*
-       Property: getRandom
-               returns a random item in the Array
-       */
+       every: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false;
+               }
+               return true;
+       },
 
-       getRandom: function(){
-               return this[$random(0, this.length - 1)] || null;
+       some: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true;
+               }
+               return false;
        },
 
-       /*
-       Property: getLast
-               returns the last item in the Array
-       */
+       getKeys: function(){
+               var keys = [];
+               Hash.each(this, function(value, key){
+                       keys.push(key);
+               });
+               return keys;
+       },
 
-       getLast: function(){
-               return this[this.length - 1] || null;
+       getValues: function(){
+               var values = [];
+               Hash.each(this, function(value){
+                       values.push(value);
+               });
+               return values;
+       },
+       
+       toQueryString: function(base){
+               var queryString = [];
+               Hash.each(this, function(value, key){
+                       if (base) key = base + '[' + key + ']';
+                       var result;
+                       switch ($type(value)){
+                               case 'object': result = Hash.toQueryString(value, key); break;
+                               case 'array':
+                                       var qs = {};
+                                       value.each(function(val, i){
+                                               qs[i] = val;
+                                       });
+                                       result = Hash.toQueryString(qs, key);
+                               break;
+                               default: result = key + '=' + encodeURIComponent(value);
+                       }
+                       if (value != undefined) queryString.push(result);
+               });
+               
+               return queryString.join('&');
        }
 
 });
 
-//copies
-
-Array.prototype.each = Array.prototype.forEach;
-Array.each = Array.forEach;
-
-/* Section: Utility Functions */
+Hash.alias({keyOf: 'indexOf', hasValue: 'contains'});
 
 /*
-Function: $A()
-       Same as <Array.copy>, but as function.
-       Useful to apply Array prototypes to iterable objects, as a collection of DOM elements or the arguments object.
-
-Example:
-       (start code)
-       function myFunction(){
-               $A(arguments).each(argument, function(){
-                       alert(argument);
-               });
-       };
-       //the above will alert all the arguments passed to the function myFunction.
-       (end)
-*/
-
-function $A(array){
-       return Array.copy(array);
-};
+Script: Event.js
+       Contains the Event Native, to make the event object completely crossbrowser.
 
-/*
-Function: $each
-       Use to iterate through iterables that are not regular arrays, such as builtin getElementsByTagName calls, arguments of a function, or an object.
+License:
+       MIT-style license.
+*/
 
-Arguments:
-       iterable - an iterable element or an objct.
-       function - function to apply to the iterable.
-       bind - optional, the 'this' of the function will refer to this object.
+var Event = new Native({
 
-Function argument:
-       The function argument will be passed the following arguments.
+       name: 'Event',
 
-       item - the current item in the iterator being procesed
-       index - integer; the index of the item, or key in case of an object.
-
-Examples:
-       (start code)
-       $each(['Sun','Mon','Tue'], function(day, index){
-               alert('name:' + day + ', index: ' + index);
-       });
-       //alerts "name: Sun, index: 0", "name: Mon, index: 1", etc.
-       //over an object
-       $each({first: "Sunday", second: "Monday", third: "Tuesday"}, function(value, key){
-               alert("the " + key + " day of the week is " + value);
-       });
-       //alerts "the first day of the week is Sunday",
-       //"the second day of the week is Monday", etc.
-       (end)
-*/
+       initialize: function(event, win){
+               win = win || window;
+               var doc = win.document;
+               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.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)){
+                       doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
+                       var page = {
+                               x: event.pageX || event.clientX + doc.scrollLeft,
+                               y: event.pageY || event.clientY + doc.scrollTop
+                       };
+                       var client = {
+                               x: (event.pageX) ? event.pageX - win.pageXOffset : event.clientX,
+                               y: (event.pageY) ? event.pageY - win.pageYOffset : event.clientY
+                       };
+                       if (type.match(/DOMMouseScroll|mousewheel/)){
+                               var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
+                       }
+                       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;
+                                       return true;
+                               }).create({attempt: Browser.Engine.gecko})()) related = false;
+                       }
+               }
 
-function $each(iterable, fn, bind){
-       if (iterable && typeof iterable.length == 'number' && $type(iterable) != 'object'){
-               Array.forEach(iterable, fn, bind);
-       } else {
-                for (var name in iterable) fn.call(bind || iterable, iterable[name], name);
+               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
+               });
        }
-};
 
-/*compatibility*/
+});
+
+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;
+       },
 
-Array.prototype.test = Array.prototype.contains;
+       preventDefault: function(){
+               if (this.event.preventDefault) this.event.preventDefault();
+               else this.event.returnValue = false;
+               return this;
+       }
 
-/*end compatibility*/
+});
 
 /*
-Script: String.js
-       Contains String prototypes.
+Script: Class.js
+       Contains the Class Function for easily creating, extending, and implementing reusable Classes.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: String
-       A collection of The String Object prototype methods.
-*/
+var Class = new Native({
 
-String.extend({
+       name: 'Class',
 
-       /*
-       Property: test
-               Tests a string with a regular expression.
+       initialize: function(properties){
+               properties = properties || {};
+               var klass = function(empty){
+                       for (var key in this) this[key] = $unlink(this[key]);
+                       for (var mutator in Class.Mutators){
+                               if (!this[mutator]) continue;
+                               Class.Mutators[mutator](this, this[mutator]);
+                               delete this[mutator];
+                       }
 
-       Arguments:
-               regex - a string or regular expression object, the regular expression you want to match the string with
-               params - optional, if first parameter is a string, any parameters you want to pass to the regex ('g' has no effect)
+                       this.constructor = klass;
+                       if (empty === $empty) return this;
+                       
+                       var self = (this.initialize) ? this.initialize.apply(this, arguments) : this;
+                       if (this.options && this.options.initialize) this.options.initialize.call(this);
+                       return self;
+               };
 
-       Returns:
-               true if a match for the regular expression is found in the string, false if not.
-               See <http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Objects:RegExp:test>
+               $extend(klass, this);
+               klass.constructor = Class;
+               klass.prototype = properties;
+               return klass;
+       }
 
-       Example:
-               >"I like cookies".test("cookie"); // returns true
-               >"I like cookies".test("COOKIE", "i") // ignore case, returns true
-               >"I like cookies".test("cake"); // returns false
-       */
+});
 
-       test: function(regex, params){
-               return (($type(regex) == 'string') ? new RegExp(regex, params) : regex).test(this);
-       },
+Class.implement({
+
+       implement: function(){
+               Class.Mutators.Implements(this.prototype, Array.slice(arguments));
+               return this;
+       }
 
-       /*
-       Property: toInt
-               parses a string to an integer.
+});
 
-       Returns:
-               either an int or "NaN" if the string is not a number.
+Class.Mutators = {
+  
+  Implements: function(self, klasses){
+       $splat(klasses).each(function(klass){
+               $extend(self, ($type(klass) == 'class') ? new klass($empty) : klass);
+       });
+  },
+  
+  Extends: function(self, klass){
+       var instance = new klass($empty);
+       delete instance.parent;
+       delete instance.parentOf;
+
+       for (var key in instance){
+               var current = self[key], previous = instance[key];
+               if (current == undefined){
+                       self[key] = previous;
+                       continue;
+               }
+
+               var ctype = $type(current), ptype = $type(previous);
+               if (ctype != ptype) continue;
+
+               switch (ctype){
+                       case 'function': 
+                               // this code will be only executed if the current browser does not support function.caller (currently only opera).
+                               // we replace the function code with brute force. Not pretty, but it will only be executed if function.caller is not supported.
+
+                               if (!arguments.callee.caller) self[key] = eval('(' + String(current).replace(/\bthis\.parent\(\s*(\))?/g, function(full, close){
+                                       return 'arguments.callee._parent_.call(this' + (close || ', ');
+                               }) + ')');
+
+                               // end "opera" code
+                               self[key]._parent_ = previous;
+                         break;
+                       case 'object': self[key] = $merge(previous, current);
+               }
+
+       }
+
+       self.parent = function(){
+               return arguments.callee.caller._parent_.apply(this, arguments);
+       };
+
+       self.parentOf = function(descendant){
+               return descendant._parent_.apply(this, Array.slice(arguments, 1));
+       };
+  }
+  
+};
 
-       Example:
-               >var value = "10px".toInt(); // value is 10
-       */
 
-       toInt: function(){
-               return parseInt(this, 10);
-       },
+/*
+Script: Class.Extras.js
+       Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.
 
-       /*
-       Property: toFloat
-               parses a string to an float.
+License:
+       MIT-style license.
+*/
 
-       Returns:
-               either a float or "NaN" if the string is not a number.
+var Chain = new Class({
 
-       Example:
-               >var value = "10.848".toFloat(); // value is 10.848
-       */
+       chain: function(){
+               this.$chain = (this.$chain || []).extend(arguments);
+               return this;
+       },
 
-       toFloat: function(){
-               return parseFloat(this);
+       callChain: function(){
+               return (this.$chain && this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false;
        },
 
-       /*
-       Property: camelCase
-               Converts a hiphenated string to a camelcase string.
+       clearChain: function(){
+               if (this.$chain) this.$chain.empty();
+               return this;
+       }
 
-       Example:
-               >"I-like-cookies".camelCase(); //"ILikeCookies"
+});
 
-       Returns:
-               the camel cased string
-       */
+var Events = new Class({
 
-       camelCase: function(){
-               return this.replace(/-\D/g, function(match){
-                       return match.charAt(1).toUpperCase();
-               });
+       addEvent: function(type, fn, internal){
+               type = Events.removeOn(type);
+               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;
        },
 
-       /*
-       Property: hyphenate
-               Converts a camelCased string to a hyphen-ated string.
-
-       Example:
-               >"ILikeCookies".hyphenate(); //"I-like-cookies"
-       */
-
-       hyphenate: function(){
-               return this.replace(/\w[A-Z]/g, function(match){
-                       return (match.charAt(0) + '-' + match.charAt(1).toLowerCase());
-               });
+       addEvents: function(events){
+               for (var type in events) this.addEvent(type, events[type]);
+               return this;
        },
 
-       /*
-       Property: capitalize
-               Converts the first letter in each word of a string to Uppercase.
-
-       Example:
-               >"i like cookies".capitalize(); //"I Like Cookies"
-
-       Returns:
-               the capitalized string
-       */
+       fireEvent: function(type, args, delay){
+               type = Events.removeOn(type);
+               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;
+       },
 
-       capitalize: function(){
-               return this.replace(/\b[a-z]/g, function(match){
-                       return match.toUpperCase();
-               });
+       removeEvent: function(type, fn){
+               type = Events.removeOn(type);
+               if (!this.$events || !this.$events[type]) return this;
+               if (!fn.internal) this.$events[type].erase(fn);
+               return this;
        },
 
-       /*
-       Property: trim
-               Trims the leading and trailing spaces off a string.
+       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;
+       }
 
-       Example:
-               >"    i like cookies     ".trim() //"i like cookies"
+});
 
-       Returns:
-               the trimmed string
-       */
+Events.removeOn = function(string){
+       return string.replace(/^on([A-Z])/, function(full, first) {
+               return first.toLowerCase();
+       });
+};
 
-       trim: function(){
-               return this.replace(/^\s+|\s+$/g, '');
-       },
+var Options = new Class({
 
-       /*
-       Property: clean
-               trims (<String.trim>) a string AND removes all the double spaces in a string.
+       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;
+       }
 
-       Returns:
-               the cleaned string
+});
 
-       Example:
-               >" i      like     cookies      \n\n".clean() //"i like cookies"
-       */
+/*
+Script: Element.js
+       One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser,
+       time-saver methods to let you easily work with HTML Elements.
 
-       clean: function(){
-               return this.replace(/\s{2,}/g, ' ').trim();
-       },
+License:
+       MIT-style license.
+*/
 
-       /*
-       Property: rgbToHex
-               Converts an RGB value to hexidecimal. The string must be in the format of "rgb(255,255,255)" or "rgba(255,255,255,1)";
+Document.implement({
 
-       Arguments:
-               array - boolean value, defaults to false. Use true if you want the array ['FF','33','00'] as output instead of "#FF3300"
+       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);
+       },
 
-       Returns:
-               hex string or array. returns "transparent" if the output is set as string and the fourth value of rgba in input string is 0.
+       newTextNode: function(text){
+               return this.createTextNode(text);
+       },
 
-       Example:
-               >"rgb(17,34,51)".rgbToHex(); //"#112233"
-               >"rgba(17,34,51,0)".rgbToHex(); //"transparent"
-               >"rgb(17,34,51)".rgbToHex(true); //['11','22','33']
-       */
+       getDocument: function(){
+               return this;
+       },
 
-       rgbToHex: function(array){
-               var rgb = this.match(/\d{1,3}/g);
-               return (rgb) ? rgb.rgbToHex(array) : false;
+       getWindow: function(){
+               return this.defaultView || this.parentWindow;
        },
 
-       /*
-       Property: hexToRgb
-               Converts a hexidecimal color value to RGB. Input string must be the hex color value (with or without the hash). Also accepts triplets ('333');
+       purge: function(){
+               var elements = this.getElementsByTagName('*');
+               for (var i = 0, l = elements.length; i < l; i++) Browser.freeMem(elements[i]);
+       }
+
+});
 
-       Arguments:
-               array - boolean value, defaults to false. Use true if you want the array [255,255,255] as output instead of "rgb(255,255,255)";
+var Element = new Native({
 
-       Returns:
-               rgb string or array.
+       name: 'Element',
 
-       Example:
-               >"#112233".hexToRgb(); //"rgb(17,34,51)"
-               >"#112233".hexToRgb(true); //[17,34,51]
-       */
+       legacy: window.Element,
 
-       hexToRgb: function(array){
-               var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
-               return (hex) ? hex.slice(1).hexToRgb(array) : false;
+       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);
        },
 
-       /*
-       Property: contains
-               checks if the passed in string is contained in the String. also accepts an optional second parameter, to check if the string is contained in a list of separated values.
+       afterImplement: function(key, value){
+               if (!Array[key]) Elements.implement(key, Elements.multi(key));
+               Element.Prototype[key] = value;
+       }
 
-       Example:
-               >'a b c'.contains('c', ' '); //true
-               >'a bc'.contains('bc'); //true
-               >'a bc'.contains('b', ' '); //false
-       */
+});
 
-       contains: function(string, s){
-               return (s) ? (s + this + s).indexOf(s + string + s) > -1 : this.indexOf(string) > -1;
-       },
+Element.Prototype = {$family: {name: 'element'}};
 
-       /*
-       Property: escapeRegExp
-               Returns string with escaped regular expression characters
+Element.Constructors = new Hash;
 
-       Example:
-               >var search = 'animals.sheeps[1]'.escapeRegExp(); // search is now 'animals\.sheeps\[1\]'
+var IFrame = new Native({
 
-       Returns:
-               Escaped string
-       */
+       name: 'IFrame',
 
-       escapeRegExp: function(){
-               return this.replace(/([.*+?^${}()|[\]\/\\])/g, '\\$1');
+       generics: false,
+
+       initialize: function(){
+               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_' + $time());
+               iframe = new Element(iframe || 'iframe', props);
+               var onFrameLoad = function(){
+                       var host = $try(function(){
+                               return iframe.contentWindow.location.host;
+                       });
+                       if (host && host == window.location.host){
+                               var win = new Window(iframe.contentWindow);
+                               var doc = new Document(iframe.contentWindow.document);
+                               $extend(win.Element.prototype, Element.Prototype);
+                       }
+                       onload.call(iframe.contentWindow, iframe.contentWindow.document);
+               };
+               (!window.frames[props.id]) ? iframe.addListener('load', onFrameLoad) : onFrameLoad();
+               return iframe;
        }
 
 });
 
-Array.extend({
-
-       /*
-       Property: rgbToHex
-               see <String.rgbToHex>, but as an array method.
-       */
-
-       rgbToHex: function(array){
-               if (this.length < 3) return false;
-               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('');
-       },
-
-       /*
-       Property: hexToRgb
-               same as <String.hexToRgb>, but as an array method.
-       */
+var Elements = new Native({
 
-       hexToRgb: function(array){
-               if (this.length != 3) return false;
-               var rgb = [];
-               for (var i = 0; i < 3; i++){
-                       rgb.push(parseInt((this[i].length == 1) ? this[i] + this[i] : this[i], 16));
+       initialize: function(elements, options){
+               options = $extend({ddup: true, cash: true}, options);
+               elements = elements || [];
+               if (options.ddup || options.cash){
+                       var uniques = {}, 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 array ? rgb : 'rgb(' + rgb.join(',') + ')';
+               return (options.cash) ? $extend(elements, this) : elements;
        }
 
 });
 
-/* 
-Script: Function.js
-       Contains Function prototypes and utility functions .
-
-License:
-       MIT-style license.
-
-Credits:
-       - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
-*/
+Elements.implement({
 
-/*
-Class: Function
-       A collection of The Function Object prototype methods.
-*/
+       filter: function(filter, bind){
+               if (!filter) return this;
+               return new Elements(Array.filter(this, (typeof filter == 'string') ? function(item){
+                       return item.match(filter);
+               } : filter, bind));
+       }
 
-Function.extend({
+});
 
-       /*
-       Property: create
-               Main function to create closures.
+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;
+       };
+};
 
-       Returns:
-               a function.
+Window.implement({
 
-       Arguments:
-               options - An Options object.
+       $: function(el, nocash){
+               if (el && el.$family && el.uid) return el;
+               var type = $type(el);
+               return ($[type]) ? $[type](el, nocash, this.document) : null;
+       },
 
-       Options:
-               bind - The object that the "this" of the function will refer to. Default is the current function.
-               event - If set to true, the function will act as an event listener and receive an event as first argument.
-                               If set to a class name, the function will receive a new instance of this class (with the event passed as argument's constructor) as first argument.
-                               Default is false.
-               arguments - A single argument or array of arguments that will be passed to the function when called.
-               
-                                       If both the event and arguments options are set, the event is passed as first argument and the arguments array will follow.
-                                       
-                                       Default is no custom arguments, the function will receive the standard arguments when called.
-                                       
-               delay - Numeric value: if set, the returned function will delay the actual execution by this amount of milliseconds and return a timer handle when called.
-                               Default is no delay.
-               periodical - Numeric value: if set, the returned function will periodically perform the actual execution with this specified interval and return a timer handle when called.
-                               Default is no periodical execution.
-               attempt - If set to true, the returned function will try to execute and return either the results or false on error. Default is false.
-       */
-
-       create: function(options){
-               var fn = this;
-               options = $merge({
-                       'bind': fn,
-                       'event': false,
-                       'arguments': null,
-                       'delay': false,
-                       'periodical': false,
-                       'attempt': false
-               }, options);
-               if ($chk(options.arguments) && $type(options.arguments) != 'array') options.arguments = [options.arguments];
-               return function(event){
-                       var args;
-                       if (options.event){
-                               event = event || window.event;
-                               args = [(options.event === true) ? event : new options.event(event)];
-                               if (options.arguments) args.extend(options.arguments);
+       $$: 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;
                        }
-                       else args = options.arguments || arguments;
-                       var returns = function(){
-                               return fn.apply($pick(options.bind, fn), args);
-                       };
-                       if (options.delay) return setTimeout(returns, options.delay);
-                       if (options.periodical) return setInterval(returns, options.periodical);
-                       if (options.attempt) try {return returns();} catch(err){return false;};
-                       return returns();
-               };
+                       if (item) elements.extend(item);
+               }
+               return new Elements(elements);
        },
 
-       /*
-       Property: pass
-               Shortcut to create closures with arguments and bind.
+       getDocument: function(){
+               return this.document;
+       },
 
-       Returns:
-               a function.
+       getWindow: function(){
+               return this;
+       }
 
-       Arguments:
-               args - the arguments passed. must be an array if arguments > 1
-               bind - optional, the object that the "this" of the function will refer to.
+});
 
-       Example:
-               >myFunction.pass([arg1, arg2], myElement);
-       */
+$.string = function(id, nocash, doc){
+       id = doc.getElementById(id);
+       return (id) ? $.element(id, nocash) : null;
+};
 
-       pass: function(args, bind){
-               return this.create({'arguments': args, 'bind': bind});
-       },
+$.element = function(el, nocash){
+       $uid(el);
+       if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){
+               var proto = Element.Prototype;
+               for (var p in proto) el[p] = proto[p];
+       };
+       return el;
+};
 
-       /*
-       Property: attempt
-               Tries to execute the function, returns either the result of the function or false on error.
+$.object = function(obj, nocash, doc){
+       if (obj.toElement) return $.element(obj.toElement(doc), nocash);
+       return null;
+};
 
-       Arguments:
-               args - the arguments passed. must be an array if arguments > 1
-               bind - optional, the object that the "this" of the function will refer to.
+$.textnode = $.whitespace = $.window = $.document = $arguments(0);
 
-       Example:
-               >myFunction.attempt([arg1, arg2], myElement);
-       */
+Native.implement([Element, Document], {
 
-       attempt: function(args, bind){
-               return this.create({'arguments': args, 'bind': bind, 'attempt': true})();
+       getElement: function(selector, nocash){
+               return $(this.getElements(selector, true)[0] || null, nocash);
        },
 
-       /*
-       Property: bind
-               method to easily create closures with "this" altered.
-
-       Arguments:
-               bind - optional, the object that the "this" of the function will refer to.
-               args - optional, the arguments passed. must be an array if arguments > 1
+       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});
+       }
 
-       Returns:
-               a function.
+});
 
-       Example:
-               >function myFunction(){
-               >       this.setStyle('color', 'red');
-               >       // note that 'this' here refers to myFunction, not an element
-               >       // we'll need to bind this function to the element we want to alter
-               >};
-               >var myBoundFunction = myFunction.bind(myElement);
-               >myBoundFunction(); // this will make the element myElement red.
-       */
+Element.Storage = {
 
-       bind: function(bind, args){
-               return this.create({'bind': bind, 'arguments': args});
-       },
+       get: function(uid){
+               return (this[uid] || (this[uid] = {}));
+       }
 
-       /*
-       Property: bindAsEventListener
-               cross browser method to pass event firer
+};
 
-       Arguments:
-               bind - optional, the object that the "this" of the function will refer to.
-               args - optional, the arguments passed. must be an array if arguments > 1
+Element.Inserters = new Hash({
 
-       Returns:
-               a function with the parameter bind as its "this" and as a pre-passed argument event or window.event, depending on the browser.
+       before: function(context, element){
+               if (element.parentNode) element.parentNode.insertBefore(context, element);
+       },
 
-       Example:
-               >function myFunction(event){
-               >       alert(event.clientx) //returns the coordinates of the mouse..
-               >};
-               >myElement.onclick = myFunction.bindAsEventListener(myElement);
-       */
+       after: function(context, element){
+               if (!element.parentNode) return;
+               var next = element.nextSibling;
+               (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context);
+       },
 
-       bindAsEventListener: function(bind, args){
-               return this.create({'bind': bind, 'event': true, 'arguments': args});
+       bottom: function(context, element){
+               element.appendChild(context);
        },
 
-       /*
-       Property: delay
-               Delays the execution of a function by a specified duration.
+       top: function(context, element){
+               var first = element.firstChild;
+               (first) ? element.insertBefore(context, first) : element.appendChild(context);
+       }
 
-       Arguments:
-               delay - the duration to wait in milliseconds.
-               bind - optional, the object that the "this" of the function will refer to.
-               args - optional, the arguments passed. must be an array if arguments > 1
+});
 
-       Example:
-               >myFunction.delay(50, myElement) //wait 50 milliseconds, then call myFunction and bind myElement to it
-               >(function(){alert('one second later...')}).delay(1000); //wait a second and alert
-       */
+Element.Inserters.inside = Element.Inserters.bottom;
 
-       delay: function(delay, bind, args){
-               return this.create({'delay': delay, 'bind': bind, 'arguments': args})();
-       },
+Element.Inserters.each(function(value, key){
 
-       /*
-       Property: periodical
-               Executes a function in the specified intervals of time
+       var Key = key.capitalize();
 
-       Arguments:
-               interval - the duration of the intervals between executions.
-               bind - optional, the object that the "this" of the function will refer to.
-               args - optional, the arguments passed. must be an array if arguments > 1
-       */
+       Element.implement('inject' + Key, function(el){
+               value(this, $(el, true));
+               return this;
+       });
 
-       periodical: function(interval, bind, args){
-               return this.create({'periodical': interval, 'bind': bind, 'arguments': args})();
-       }
+       Element.implement('grab' + Key, function(el){
+               value($(el, true), this);
+               return this;
+       });
 
 });
 
-/*
-Script: Number.js
-       Contains the Number prototypes.
-
-License:
-       MIT-style license.
-*/
-
-/*
-Class: Number
-       A collection of The Number Object prototype methods.
-*/
+Element.implement({
 
-Number.extend({
+       getDocument: function(){
+               return this.ownerDocument;
+       },
 
-       /*
-       Property: toInt
-               Returns this number; useful because toInt must work on both Strings and Numbers.
-       */
+       getWindow: function(){
+               return this.ownerDocument.getWindow();
+       },
 
-       toInt: function(){
-               return parseInt(this);
+       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);
        },
 
-       /*
-       Property: toFloat
-               Returns this number as a float; useful because toFloat must work on both Strings and Numbers.
-       */
+       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;
+       },
 
-       toFloat: function(){
-               return parseFloat(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);
        },
 
-       /*
-       Property: limit
-               Limits the number.
+       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;
+       },
 
-       Arguments:
-               min - number, minimum value
-               max - number, maximum value
+       match: function(tag){
+               return (!tag || Element.get(this, 'tag') == tag);
+       },
 
-       Returns:
-               the number in the given limits.
+       inject: function(el, where){
+               Element.Inserters.get(where || 'bottom')(this, $(el, true));
+               return this;
+       },
 
-       Example:
-               >(12).limit(2, 6.5)  // returns 6.5
-               >(-4).limit(2, 6.5)  // returns 2
-               >(4.3).limit(2, 6.5) // returns 4.3
-       */
+       wraps: function(el, where){
+               el = $(el, true);
+               return this.replaces(el).grab(el, where);
+       },
 
-       limit: function(min, max){
-               return Math.min(max, Math.max(min, this));
+       grab: function(el, where){
+               Element.Inserters.get(where || 'bottom')($(el, true), this);
+               return this;
        },
 
-       /*
-       Property: round
-               Returns the number rounded to specified precision.
+       appendText: function(text, where){
+               return this.grab(this.getDocument().newTextNode(text), where);
+       },
 
-       Arguments:
-               precision - integer, number of digits after the decimal point. Can also be negative or zero (default).
-
-       Example:
-               >12.45.round() // returns 12
-               >12.45.round(1) // returns 12.5
-               >12.45.round(-1) // returns 10
-
-       Returns:
-               The rounded number.
-       */
-
-       round: function(precision){
-               precision = Math.pow(10, precision || 0);
-               return Math.round(this * precision) / precision;
+       adopt: function(){
+               Array.flatten(arguments).each(function(element){
+                       element = $(element, true);
+                       if (element) this.appendChild(element);
+               }, this);
+               return this;
        },
 
-       /*
-       Property: times
-               Executes a passed in function the specified number of times
-
-       Arguments:
-               function - the function to be executed on each iteration of the loop
-
-       Example:
-               >(4).times(alert);
-       */
-
-       times: function(fn){
-               for (var i = 0; i < this; i++) fn(i);
-       }
-
-});
-
-/*
-Script: Element.js
-       Contains useful Element prototypes, to be used with the dollar function <$>.
-
-License:
-       MIT-style license.
-
-Credits:
-       - Some functions are inspired by those found in prototype.js <http://prototype.conio.net/> (c) 2005 Sam Stephenson sam [at] conio [dot] net, MIT-style license
-*/
-
-/*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
-*/
+       dispose: function(){
+               return (this.parentNode) ? this.parentNode.removeChild(this) : this;
+       },
 
-var Element = new Class({
-
-       /*
-       Property: initialize
-               Creates a new element of the type passed in.
-
-       Arguments:
-               el - string; the tag name for the element you wish to create. you can also pass in an element reference, in which case it will be extended.
-               props - object; the properties you want to add to your element.
-               Accepts the same keys as <Element.setProperties>, but also allows events and styles
-
-       Props:
-               the key styles will be used as setStyles, the key events will be used as addEvents. any other key is used as setProperty.
-
-       Example:
-               (start code)
-               new Element('a', {
-                       'styles': {
-                               'display': 'block',
-                               'border': '1px solid black'
-                       },
-                       'events': {
-                               'click': function(){
-                                       //aaa
-                               },
-                               'mousedown': function(){
-                                       //aaa
+       clone: function(contents, keepid){
+               switch ($type(this)){
+                       case 'element':
+                               var attributes = {};
+                               for (var j = 0, l = this.attributes.length; j < l; j++){
+                                       var attribute = this.attributes[j], key = attribute.nodeName.toLowerCase();
+                                       if (Browser.Engine.trident && (/input/i).test(this.tagName) && (/width|height/).test(key)) continue;
+                                       var value = (key == 'style' && this.style) ? this.style.cssText : attribute.nodeValue;
+                                       if (!$chk(value) || key == 'uid' || (key == 'id' && !keepid)) continue;
+                                       if (value != 'inherit' && ['string', 'number'].contains($type(value))) attributes[key] = value;
                                }
-                       },
-                       'class': 'myClassSuperClass',
-                       'href': 'http://mad4milk.net'
-               });
-
-               (end)
-       */
-
-       initialize: function(el, props){
-               if ($type(el) == 'string'){
-                       if (window.ie && props && (props.name || props.type)){
-                               var name = (props.name) ? ' name="' + props.name + '"' : '';
-                               var type = (props.type) ? ' type="' + props.type + '"' : '';
-                               delete props.name;
-                               delete props.type;
-                               el = '<' + el + name + type + '>';
-                       }
-                       el = document.createElement(el);
+                               var element = new Element(this.nodeName.toLowerCase(), attributes);
+                               if (contents !== false){
+                                       for (var i = 0, k = this.childNodes.length; i < k; i++){
+                                               var child = Element.clone(this.childNodes[i], true, keepid);
+                                               if (child) element.grab(child);
+                                       }
+                               }
+                               return element;
+                       case 'textnode': return document.newTextNode(this.nodeValue);
                }
-               el = $(el);
-               return (!props || !el) ? el : el.set(props);
-       }
-
-});
+               return null;
+       },
 
-/*
-Class: Elements
-       - Every dom function such as <$$>, or in general every function that returns a collection of nodes in mootools, returns them as an Elements class.
-       - The purpose of the Elements class is to allow <Element> methods to work also on <Elements> array.
-       - Elements is also an Array, so it accepts all the <Array> methods.
-       - Every node of the Elements instance is already extended with <$>.
+       replaces: function(el){
+               el = $(el, true);
+               el.parentNode.replaceChild(this, el);
+               return this;
+       },
 
-Example:
-       >$$('myselector').each(function(el){
-       > //...
-       >});
+       hasClass: function(className){
+               return this.className.contains(className, ' ');
+       },
 
-       some iterations here, $$('myselector') is also an array.
+       addClass: function(className){
+               if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
+               return this;
+       },
 
-       >$$('myselector').setStyle('color', 'red');
-       every element returned by $$('myselector') also accepts <Element> methods, in this example every element will be made red.
-*/
+       removeClass: function(className){
+               this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
+               return this;
+       },
 
-var Elements = new Class({
+       toggleClass: function(className){
+               return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
+       },
 
-       initialize: function(elements){
-               return (elements) ? $extend(elements, this) : this;
-       }
+       getComputedStyle: function(property){
+               if (this.currentStyle) return this.currentStyle[property.camelCase()];
+               var computed = this.getWindow().getComputedStyle(this, null);
+               return (computed) ? computed.getPropertyValue([property.hyphenate()]) : null;
+       },
 
-});
+       empty: function(){
+               $A(this.childNodes).each(function(node){
+                       Browser.freeMem(node);
+                       Element.empty(node);
+                       Element.dispose(node);
+               }, this);
+               return this;
+       },
 
-Elements.extend = function(props){
-       for (var prop in props){
-               this.prototype[prop] = props[prop];
-               this[prop] = $native.generic(prop);
-       }
-};
+       destroy: function(){
+               Browser.freeMem(this.empty().dispose());
+               return null;
+       },
 
-/*
-Section: Utility Functions
+       getSelected: function(){
+               return new Elements($A(this.options).filter(function(option){
+                       return option.selected;
+               }));
+       },
 
-Function: $
-       returns the element passed in with all the Element prototypes applied.
+       toQueryString: function(){
+               var queryString = [];
+               this.getElements('input, select, textarea').each(function(el){
+                       if (!el.name || el.disabled) return;
+                       var value = (el.tagName.toLowerCase() == 'select') ? Element.getSelected(el).map(function(opt){
+                               return opt.value;
+                       }) : ((el.type == 'radio' || el.type == 'checkbox') && !el.checked) ? null : el.value;
+                       $splat(value).each(function(val){
+                               if (val) queryString.push(el.name + '=' + encodeURIComponent(val));
+                       });
+               });
+               return queryString.join('&');
+       },
 
-Arguments:
-       el - a reference to an actual element or a string representing the id of an element
+       getProperty: function(attribute){
+               var EA = Element.Attributes, key = EA.Props[attribute];
+               var value = (key) ? this[key] : this.getAttribute(attribute, 2);
+               return (EA.Bools[attribute]) ? !!value : (key) ? value : value || null;
+       },
 
-Example:
-       >$('myElement') // gets a DOM element by id with all the Element prototypes applied.
-       >var div = document.getElementById('myElement');
-       >$(div) //returns an Element also with all the mootools extentions applied.
+       getProperties: function(){
+               var args = $A(arguments);
+               return args.map(function(attr){
+                       return this.getProperty(attr);
+               }, this).associate(args);
+       },
 
-       You'll use this when you aren't sure if a variable is an actual element or an id, as
-       well as just shorthand for document.getElementById().
+       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;
+       },
 
-Returns:
-       a DOM element or false (if no id was found).
+       setProperties: function(attributes){
+               for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]);
+               return this;
+       },
 
-Note:
-       you need to call $ on an element only once to get all the prototypes.
-       But its no harm to call it multiple times, as it will detect if it has been already extended.
-*/
+       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;
+       },
 
-function $(el){
-       if (!el) return null;
-       if (el.htmlElement) return Garbage.collect(el);
-       if ([window, document].contains(el)) return el;
-       var type = $type(el);
-       if (type == 'string'){
-               el = document.getElementById(el);
-               type = (el) ? 'element' : false;
+       removeProperties: function(){
+               Array.each(arguments, this.removeProperty, this);
+               return this;
        }
-       if (type != 'element') return null;
-       if (el.htmlElement) return Garbage.collect(el);
-       if (['object', 'embed'].contains(el.tagName.toLowerCase())) return el;
-       $extend(el, Element.prototype);
-       el.htmlElement = function(){};
-       return Garbage.collect(el);
-};
 
-/*
-Function: $$
-       Selects, and extends DOM elements. Elements arrays returned with $$ will also accept all the <Element> methods.
-       The return type of element methods run through $$ is always an array. If the return array is only made by elements,
-       $$ will be applied automatically.
-
-Arguments:
-       HTML Collections, arrays of elements, arrays of strings as element ids, elements, strings as selectors.
-       Any number of the above as arguments are accepted.
-
-Note:
-       if you load <Element.Selectors.js>, $$ will also accept CSS Selectors, otherwise the only selectors supported are tag names.
-
-Example:
-       >$$('a') //an array of all anchor tags on the page
-       >$$('a', 'b') //an array of all anchor and bold tags on the page
-       >$$('#myElement') //array containing only the element with id = myElement. (only with <Element.Selectors.js>)
-       >$$('#myElement a.myClass') //an array of all anchor tags with the class "myClass"
-       >//within the DOM element with id "myElement" (only with <Element.Selectors.js>)
-       >$$(myelement, myelement2, 'a', ['myid', myid2, 'myid3'], document.getElementsByTagName('div')) //an array containing:
-       >// the element referenced as myelement if existing,
-       >// the element referenced as myelement2 if existing,
-       >// all the elements with a as tag in the page,
-       >// the element with id = myid if existing
-       >// the element with id = myid2 if existing
-       >// the element with id = myid3 if existing
-       >// all the elements with div as tag in the page
-
-Returns:
-       array - array of all the dom elements matched, extended with <$>.  Returns as <Elements>.
-*/
-
-document.getElementsBySelector = document.getElementsByTagName;
+});
 
-function $$(){
-       var elements = [];
-       for (var i = 0, j = arguments.length; i < j; i++){
-               var selector = arguments[i];
-               switch($type(selector)){
-                       case 'element': elements.push(selector);
-                       case 'boolean': break;
-                       case false: break;
-                       case 'string': selector = document.getElementsBySelector(selector, true);
-                       default: elements.extend(selector);
-               }
-       }
-       return $$.unique(elements);
-};
+(function(){
 
-$$.unique = function(array){
+var walk = function(element, walk, start, match, all, nocash){
+       var el = element[start || walk];
        var elements = [];
-       for (var i = 0, l = array.length; i < l; i++){
-               if (array[i].$included) continue;
-               var element = $(array[i]);
-               if (element && !element.$included){
-                       element.$included = true;
-                       elements.push(element);
+       while (el){
+               if (el.nodeType == 1 && (!match || Element.match(el, match))){
+                       elements.push(el);
+                       if (!all) break;
                }
+               el = el[walk];
        }
-       for (var n = 0, d = elements.length; n < d; n++) elements[n].$included = null;
-       return new Elements(elements);
-};
-
-Elements.Multi = function(property){
-       return function(){
-               var args = arguments;
-               var items = [];
-               var elements = true;
-               for (var i = 0, j = this.length, returns; i < j; i++){
-                       returns = this[i][property].apply(this[i], args);
-                       if ($type(returns) != 'element') elements = false;
-                       items.push(returns);
-               };
-               return (elements) ? $$.unique(items) : items;
-       };
-};
-
-Element.extend = function(properties){
-       for (var property in properties){
-               HTMLElement.prototype[property] = properties[property];
-               Element.prototype[property] = properties[property];
-               Element[property] = $native.generic(property);
-               var elementsProperty = (Array.prototype[property]) ? property + 'Elements' : property;
-               Elements.prototype[elementsProperty] = Elements.Multi(property);
-       }
+       return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : $(elements[0], nocash);
 };
 
-/*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
-*/
+Element.implement({
 
-Element.extend({
-
-       /*
-       Property: set
-               you can set events, styles and properties with this shortcut. same as calling new Element.
-       */
-
-       set: function(props){
-               for (var prop in props){
-                       var val = props[prop];
-                       switch(prop){
-                               case 'styles': this.setStyles(val); break;
-                               case 'events': if (this.addEvents) this.addEvents(val); break;
-                               case 'properties': this.setProperties(val); break;
-                               default: this.setProperty(prop, val);
-                       }
-               }
-               return this;
+       getPrevious: function(match, nocash){
+               return walk(this, 'previousSibling', null, match, false, nocash);
        },
 
-       inject: function(el, where){
-               el = $(el);
-               switch(where){
-                       case 'before': el.parentNode.insertBefore(this, el); break;
-                       case 'after':
-                               var next = el.getNext();
-                               if (!next) el.parentNode.appendChild(this);
-                               else el.parentNode.insertBefore(this, next);
-                               break;
-                       case 'top':
-                               var first = el.firstChild;
-                               if (first){
-                                       el.insertBefore(this, first);
-                                       break;
-                               }
-                       default: el.appendChild(this);
-               }
-               return this;
+       getAllPrevious: function(match, nocash){
+               return walk(this, 'previousSibling', null, match, true, nocash);
        },
 
-       /*
-       Property: injectBefore
-               Inserts the Element before the passed element.
-
-       Arguments:
-               el - an element reference or the id of the element to be injected in.
-
-       Example:
-               >html:
-               ><div id="myElement"></div>
-               ><div id="mySecondElement"></div>
-               >js:
-               >$('mySecondElement').injectBefore('myElement');
-               >resulting html:
-               ><div id="mySecondElement"></div>
-               ><div id="myElement"></div>
-       */
-
-       injectBefore: function(el){
-               return this.inject(el, 'before');
+       getNext: function(match, nocash){
+               return walk(this, 'nextSibling', null, match, false, nocash);
        },
 
-       /*
-       Property: injectAfter
-               Same as <Element.injectBefore>, but inserts the element after.
-       */
-
-       injectAfter: function(el){
-               return this.inject(el, 'after');
+       getAllNext: function(match, nocash){
+               return walk(this, 'nextSibling', null, match, true, nocash);
        },
 
-       /*
-       Property: injectInside
-               Same as <Element.injectBefore>, but inserts the element inside.
-       */
-
-       injectInside: function(el){
-               return this.inject(el, 'bottom');
+       getFirst: function(match, nocash){
+               return walk(this, 'nextSibling', 'firstChild', match, false, nocash);
        },
 
-       /*
-       Property: injectTop
-               Same as <Element.injectInside>, but inserts the element inside, at the top.
-       */
-
-       injectTop: function(el){
-               return this.inject(el, 'top');
+       getLast: function(match, nocash){
+               return walk(this, 'previousSibling', 'lastChild', match, false, nocash);
        },
 
-       /*
-       Property: adopt
-               Inserts the passed elements inside the Element.
-
-       Arguments:
-               accepts elements references, element ids as string, selectors ($$('stuff')) / array of elements, array of ids as strings and collections.
-       */
-
-       adopt: function(){
-               var elements = [];
-               $each(arguments, function(argument){
-                       elements = elements.concat(argument);
-               });
-               $$(elements).inject(this);
-               return this;
+       getParent: function(match, nocash){
+               return walk(this, 'parentNode', null, match, false, nocash);
        },
 
-       /*
-       Property: remove
-               Removes the Element from the DOM.
-
-       Example:
-               >$('myElement').remove() //bye bye
-       */
-
-       remove: function(){
-               return this.parentNode.removeChild(this);
+       getParents: function(match, nocash){
+               return walk(this, 'parentNode', null, match, true, nocash);
        },
 
-       /*
-       Property: clone
-               Clones the Element and returns the cloned one.
-
-       Arguments:
-               contents - boolean, when true the Element is cloned with childNodes, default true
-
-       Returns:
-               the cloned element
-
-       Example:
-               >var clone = $('myElement').clone().injectAfter('myElement');
-               >//clones the Element and append the clone after the Element.
-       */
-
-       clone: function(contents){
-               var el = $(this.cloneNode(contents !== false));
-               if (!el.$events) return el;
-               el.$events = {};
-               for (var type in this.$events) el.$events[type] = {
-                       'keys': $A(this.$events[type].keys),
-                       'values': $A(this.$events[type].values)
-               };
-               return el.removeEvents();
+       getChildren: function(match, nocash){
+               return walk(this, 'nextSibling', 'firstChild', match, true, nocash);
        },
 
-       /*
-       Property: replaceWith
-               Replaces the Element with an element passed.
-
-       Arguments:
-               el - a string representing the element to be injected in (myElementId, or div), or an element reference.
-               If you pass div or another tag, the element will be created.
-
-       Returns:
-               the passed in element
-
-       Example:
-               >$('myOldElement').replaceWith($('myNewElement')); //$('myOldElement') is gone, and $('myNewElement') is in its place.
-       */
+       hasChild: function(el){
+               el = $(el, true);
+               return (!!el && $A(this.getElementsByTagName(el.tagName)).contains(el));
+       }
 
-       replaceWith: function(el){
-               el = $(el);
-               this.parentNode.replaceChild(el, this);
-               return el;
-       },
+});
 
-       /*
-       Property: appendText
-               Appends text node to a DOM element.
+})();
 
-       Arguments:
-               text - the text to append.
+Element.Properties = new Hash;
 
-       Example:
-               ><div id="myElement">hey</div>
-               >$('myElement').appendText(' howdy'); //myElement innerHTML is now "hey howdy"
-       */
+Element.Properties.style = {
 
-       appendText: function(text){
-               this.appendChild(document.createTextNode(text));
-               return this;
+       set: function(style){
+               this.style.cssText = style;
        },
 
-       /*
-       Property: hasClass
-               Tests the Element to see if it has the passed in className.
-
-       Returns:
-               true - the Element has the class
-               false - it doesn't
+       get: function(){
+               return this.style.cssText;
+       },
 
-       Arguments:
-               className - string; the class name to test.
+       erase: function(){
+               this.style.cssText = '';
+       }
 
-       Example:
-               ><div id="myElement" class="testClass"></div>
-               >$('myElement').hasClass('testClass'); //returns true
-       */
+};
 
-       hasClass: function(className){
-               return this.className.contains(className, ' ');
-       },
+Element.Properties.tag = {get: function(){
+       return this.tagName.toLowerCase();
+}};
 
-       /*
-       Property: addClass
-               Adds the passed in class to the Element, if the element doesnt already have it.
+Element.Properties.href = {get: function(){
+       return (!this.href) ? null : this.href.replace(new RegExp('^' + document.location.protocol + '\/\/' + document.location.host), '');
+}};
 
-       Arguments:
-               className - string; the class name to add
+Element.Properties.html = {set: function(){
+       return this.innerHTML = Array.flatten(arguments).join('');
+}};
 
-       Example:
-               ><div id="myElement" class="testClass"></div>
-               >$('myElement').addClass('newClass'); //<div id="myElement" class="testClass newClass"></div>
-       */
+Native.implement([Element, Window, Document], {
 
-       addClass: function(className){
-               if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
+       addListener: function(type, fn){
+               if (this.addEventListener) this.addEventListener(type, fn, false);
+               else this.attachEvent('on' + type, fn);
                return this;
        },
 
-       /*
-       Property: removeClass
-               Works like <Element.addClass>, but removes the class from the element.
-       */
-
-       removeClass: function(className){
-               this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
+       removeListener: function(type, fn){
+               if (this.removeEventListener) this.removeEventListener(type, fn, false);
+               else this.detachEvent('on' + type, fn);
                return this;
        },
 
-       /*
-       Property: toggleClass
-               Adds or removes the passed in class name to the element, depending on if it's present or not.
-
-       Arguments:
-               className - the class to add or remove
-
-       Example:
-               ><div id="myElement" class="myClass"></div>
-               >$('myElement').toggleClass('myClass');
-               ><div id="myElement" class=""></div>
-               >$('myElement').toggleClass('myClass');
-               ><div id="myElement" class="myClass"></div>
-       */
+       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);
+       },
 
-       toggleClass: function(className){
-               return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
+       store: function(property, value){
+               var storage = Element.Storage.get(this.uid);
+               storage[property] = value;
+               return this;
        },
 
-       /*
-       Property: setStyle
-               Sets a css property to the Element.
+       eliminate: function(property){
+               var storage = Element.Storage.get(this.uid);
+               delete storage[property];
+               return this;
+       }
 
-               Arguments:
-                       property - the property to set
-                       value - the value to which to set it; for numeric values that require "px" you can pass an integer
+});
 
-               Example:
-                       >$('myElement').setStyle('width', '300px'); //the width is now 300px
-                       >$('myElement').setStyle('width', 300); //the width is now 300px
-       */
+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']
+});
 
-       setStyle: function(property, value){
-               switch(property){
-                       case 'opacity': return this.setOpacity(parseFloat(value));
-                       case 'float': property = (window.ie) ? 'styleFloat' : 'cssFloat';
-               }
-               property = property.camelCase();
-               switch($type(value)){
-                       case 'number': if (!['zIndex', 'zoom'].contains(property)) value += 'px'; break;
-                       case 'array': value = 'rgb(' + value.join(',') + ')';
+Browser.freeMem = function(item){
+       if (!item) return;
+       if (Browser.Engine.trident && (/object/i).test(item.tagName)){
+               for (var p in item){
+                       if (typeof item[p] == 'function') item[p] = $empty;
                }
-               this.style[property] = value;
-               return this;
-       },
+               Element.dispose(item);
+       }
+       if (item.uid && item.removeEvents) item.removeEvents();
+};
 
-       /*
-       Property: setStyles
-               Applies a collection of styles to the Element.
+(function(EA){
 
-       Arguments:
-               source - an object or string containing all the styles to apply. When its a string it overrides old style.
+       var EAB = EA.Bools, EAC = EA.Camels;
+       EA.Bools = EAB = EAB.associate(EAB);
+       Hash.extend(Hash.combine(EA.Props, EAB), EAC.associate(EAC.map(function(v){
+               return v.toLowerCase();
+       })));
+       EA.erase('Camels');
 
-       Examples:
-               >$('myElement').setStyles({
-               >       border: '1px solid #000',
-               >       width: 300,
-               >       height: 400
-               >});
+})(Element.Attributes);
 
-               OR
+window.addListener('unload', function(){
+       window.removeListener('unload', arguments.callee);
+       document.purge();
+       if (Browser.Engine.trident) CollectGarbage();
+});
 
-               >$('myElement').setStyles('border: 1px solid #000; width: 300px; height: 400px;');
-       */
+/*\r
+Script: Element.Event.js\r
+       Contains Element methods for dealing with events, and custom Events.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+Element.Properties.events = {set: function(events){\r
+       this.addEvents(events);\r
+}};\r
+\r
+Native.implement([Element, Window, Document], {\r
+\r
+       addEvent: function(type, fn){\r
+               var events = this.retrieve('events', {});\r
+               events[type] = events[type] || {'keys': [], 'values': []};\r
+               if (events[type].keys.contains(fn)) return this;\r
+               events[type].keys.push(fn);\r
+               var realType = type, custom = Element.Events.get(type), condition = fn, self = this;\r
+               if (custom){\r
+                       if (custom.onAdd) custom.onAdd.call(this, fn);\r
+                       if (custom.condition){\r
+                               condition = function(event){\r
+                                       if (custom.condition.call(this, event)) return fn.call(this, event);\r
+                                       return false;\r
+                               };\r
+                       }\r
+                       realType = custom.base || realType;\r
+               }\r
+               var defn = function(){\r
+                       return fn.call(self);\r
+               };\r
+               var nativeEvent = Element.NativeEvents[realType] || 0;\r
+               if (nativeEvent){\r
+                       if (nativeEvent == 2){\r
+                               defn = function(event){\r
+                                       event = new Event(event, self.getWindow());\r
+                                       if (condition.call(self, event) === false) event.stop();\r
+                               };\r
+                       }\r
+                       this.addListener(realType, defn);\r
+               }\r
+               events[type].values.push(defn);\r
+               return this;\r
+       },\r
+\r
+       removeEvent: function(type, fn){\r
+               var events = this.retrieve('events');\r
+               if (!events || !events[type]) return this;\r
+               var pos = events[type].keys.indexOf(fn);\r
+               if (pos == -1) return this;\r
+               var key = events[type].keys.splice(pos, 1)[0];\r
+               var value = events[type].values.splice(pos, 1)[0];\r
+               var custom = Element.Events.get(type);\r
+               if (custom){\r
+                       if (custom.onRemove) custom.onRemove.call(this, fn);\r
+                       type = custom.base || type;\r
+               }\r
+               return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this;\r
+       },\r
+\r
+       addEvents: function(events){\r
+               for (var event in events) this.addEvent(event, events[event]);\r
+               return this;\r
+       },\r
+\r
+       removeEvents: function(type){\r
+               var events = this.retrieve('events');\r
+               if (!events) return this;\r
+               if (!type){\r
+                       for (var evType in events) this.removeEvents(evType);\r
+                       events = null;\r
+               } else if (events[type]){\r
+                       while (events[type].keys[0]) this.removeEvent(type, events[type].keys[0]);\r
+                       events[type] = null;\r
+               }\r
+               return this;\r
+       },\r
+\r
+       fireEvent: function(type, args, delay){\r
+               var events = this.retrieve('events');\r
+               if (!events || !events[type]) return this;\r
+               events[type].keys.each(function(fn){\r
+                       fn.create({'bind': this, 'delay': delay, 'arguments': args})();\r
+               }, this);\r
+               return this;\r
+       },\r
+\r
+       cloneEvents: function(from, type){\r
+               from = $(from);\r
+               var fevents = from.retrieve('events');\r
+               if (!fevents) return this;\r
+               if (!type){\r
+                       for (var evType in fevents) this.cloneEvents(from, evType);\r
+               } else if (fevents[type]){\r
+                       fevents[type].keys.each(function(fn){\r
+                               this.addEvent(type, fn);\r
+                       }, this);\r
+               }\r
+               return this;\r
+       }\r
+\r
+});\r
+\r
+Element.NativeEvents = {\r
+       click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons\r
+       mousewheel: 2, DOMMouseScroll: 2, //mouse wheel\r
+       mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement\r
+       keydown: 2, keypress: 2, keyup: 2, //keyboard\r
+       focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements\r
+       load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window\r
+       error: 1, abort: 1, scroll: 1 //misc\r
+};\r
+\r
+(function(){\r
+\r
+var $check = function(event){\r
+       var related = event.relatedTarget;\r
+       if (related == undefined) return true;\r
+       if (related === false) return false;\r
+       return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related));\r
+};\r
+\r
+Element.Events = new Hash({\r
+\r
+       mouseenter: {\r
+               base: 'mouseover',\r
+               condition: $check\r
+       },\r
+\r
+       mouseleave: {\r
+               base: 'mouseout',\r
+               condition: $check\r
+       },\r
+\r
+       mousewheel: {\r
+               base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel'\r
+       }\r
+\r
+});\r
+\r
+})();
 
-       setStyles: function(source){
-               switch($type(source)){
-                       case 'object': Element.setMany(this, 'setStyle', source); break;
-                       case 'string': this.style.cssText = source;
-               }
-               return this;
-       },
+/*
+Script: Element.Style.js
+       Contains methods for interacting with the styles of Elements in a fashionable way.
 
-       /*
-       Property: setOpacity
-               Sets the opacity of the Element, and sets also visibility == "hidden" if opacity == 0, and visibility = "visible" if opacity > 0.
+License:
+       MIT-style license.
+*/
 
-       Arguments:
-               opacity - float; Accepts values from 0 to 1.
+Element.Properties.styles = {set: function(styles){
+       this.setStyles(styles);
+}};
 
-       Example:
-               >$('myElement').setOpacity(0.5) //make it 50% transparent
-       */
+Element.Properties.opacity = {
 
-       setOpacity: function(opacity){
-               if (opacity == 0){
-                       if (this.style.visibility != "hidden") this.style.visibility = "hidden";
-               } else {
-                       if (this.style.visibility != "visible") this.style.visibility = "visible";
+       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 (window.ie) this.style.filter = (opacity == 1) ? '' : "alpha(opacity=" + opacity * 100 + ")";
-               this.style.opacity = this.$tmp.opacity = opacity;
-               return this;
+               if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')';
+               this.style.opacity = opacity;
+               this.store('opacity', opacity);
        },
 
-       /*
-       Property: getStyle
-               Returns the style of the Element given the property passed in.
+       get: function(){
+               return this.retrieve('opacity', 1);
+       }
 
-       Arguments:
-               property - the css style property you want to retrieve
+};
 
-       Example:
-               >$('myElement').getStyle('width'); //returns "400px"
-               >//but you can also use
-               >$('myElement').getStyle('width').toInt(); //returns 400
+Element.implement({
+       
+       setOpacity: function(value){
+               return this.set('opacity', value, true);
+       },
+       
+       getOpacity: function(){
+               return this.get('opacity');
+       },
 
-       Returns:
-               the style as a string
-       */
+       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)){
-                       if (property == 'opacity') return this.$tmp.opacity;
                        result = [];
-                       for (var style in Element.Styles){
-                               if (property == style){
-                                       Element.Styles[style].each(function(s){
-                                               var style = this.getStyle(s);
-                                               result.push(parseInt(style) ? style : '0px');
-                                       }, this);
-                                       if (property == 'border'){
-                                               var every = result.every(function(bit){
-                                                       return (bit == result[0]);
-                                               });
-                                               return (every) ? result[0] : false;
-                                       }
-                                       return result.join(' ');
-                               }
+                       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(' ');
                        }
-                       if (property.contains('border')){
-                               if (Element.Styles.border.contains(property)){
-                                       return ['Width', 'Style', 'Color'].map(function(p){
-                                               return this.getStyle(property + p);
-                                       }, this).join(' ');
-                               } else if (Element.borderShort.contains(property)){
-                                       return ['Top', 'Right', 'Bottom', 'Left'].map(function(p){
-                                               return this.getStyle('border' + p + property.replace('border', ''));
-                                       }, this).join(' ');
-                               }
-                       }
-                       if (document.defaultView) result = document.defaultView.getComputedStyle(this, null).getPropertyValue(property.hyphenate());
-                       else if (this.currentStyle) result = this.currentStyle[property];
+                       result = this.getComputedStyle(property);
                }
-               if (window.ie) result = Element.fixStyle(property, result, this);
-               if (result && property.test(/color/i) && result.contains('rgb')){
-                       return result.split('rgb').splice(1,4).map(function(color){
-                               return color.rgbToHex();
-                       }).join(' ');
+               if (result){
+                       result = String(result);
+                       var color = result.match(/rgba?\([\d\s,]+\)/);
+                       if (color) result = result.replace(color[0], color[0].rgbToHex());
                }
-               return result;
-       },
-
-       /*
-       Property: getStyles
-               Returns an object of styles of the Element for each argument passed in.
-               Arguments:
-               properties - strings; any number of style properties
-       Example:
-               >$('myElement').getStyles('width','height','padding');
-               >//returns an object like:
-               >{width: "10px", height: "10px", padding: "10px 0px 10px 0px"}
-       */
-
-       getStyles: function(){
-               return Element.getMany(this, 'getStyle', arguments);
+               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;
        },
 
-       walk: function(brother, start){
-               brother += 'Sibling';
-               var el = (start) ? this[start] : this[brother];
-               while (el && $type(el) != 'element') el = el[brother];
-               return $(el);
+       setStyles: function(styles){
+               for (var style in styles) this.setStyle(style, styles[style]);
+               return this;
        },
 
-       /*
-       Property: getPrevious
-               Returns the previousSibling of the Element, excluding text nodes.
+       getStyles: function(){
+               var result = {};
+               Array.each(arguments, function(key){
+                       result[key] = this.getStyle(key);
+               }, this);
+               return result;
+       }
 
-       Example:
-               >$('myElement').getPrevious(); //get the previous DOM element from myElement
+});
 
-       Returns:
-               the sibling element or undefined if none found.
-       */
+Element.Styles = new Hash({
+       left: '@px', top: '@px', bottom: '@px', right: '@px',
+       width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@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: '@'
+});
 
-       getPrevious: function(){
-               return this.walk('previous');
-       },
+Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}};
 
-       /*
-       Property: getNext
-               Works as Element.getPrevious, but tries to find the nextSibling.
-       */
+['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(@, @, @)';
+});
 
-       getNext: function(){
-               return this.walk('next');
-       },
 
-       /*
-       Property: getFirst
-               Works as <Element.getPrevious>, but tries to find the firstChild.
-       */
+/*
+Script: Element.Dimensions.js
+       Contains methods to work with size, scroll, or positioning of Elements and the window object.
 
-       getFirst: function(){
-               return this.walk('next', 'firstChild');
-       },
+License:
+       MIT-style license.
 
-       /*
-       Property: getLast
-               Works as <Element.getPrevious>, but tries to find the lastChild.
-       */
+Credits:
+       - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html).
+       - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html).
+*/
 
-       getLast: function(){
-               return this.walk('previous', 'lastChild');
-       },
+(function(){
 
-       /*
-       Property: getParent
-               returns the $(element.parentNode)
-       */
+Element.implement({
 
-       getParent: function(){
-               return $(this.parentNode);
+       scrollTo: function(x, y){
+               if (isBody(this)){
+                       this.getWindow().scrollTo(x, y);
+               } else {
+                       this.scrollLeft = x;
+                       this.scrollTop = y;
+               }
+               return this;
        },
 
-       /*
-       Property: getChildren
-               returns all the $(element.childNodes), excluding text nodes. Returns as <Elements>.
-       */
-
-       getChildren: function(){
-               return $$(this.childNodes);
+       getSize: function(){
+               if (isBody(this)) return this.getWindow().getSize();
+               return {x: this.offsetWidth, y: this.offsetHeight};
        },
 
-       /*
-       Property: hasChild
-               returns true if the passed in element is a child of the $(element).
-       */
-
-       hasChild: function(el){
-               return !!$A(this.getElementsByTagName('*')).contains(el);
+       getScrollSize: function(){
+               if (isBody(this)) return this.getWindow().getScrollSize();
+               return {x: this.scrollWidth, y: this.scrollHeight};
        },
 
-       /*
-       Property: getProperty
-               Gets the an attribute of the Element.
-
-       Arguments:
-               property - string; the attribute to retrieve
-
-       Example:
-               >$('myImage').getProperty('src') // returns whatever.gif
-
-       Returns:
-               the value, or an empty string
-       */
-
-       getProperty: function(property){
-               var index = Element.Properties[property];
-               if (index) return this[index];
-               var flag = Element.PropertiesIFlag[property] || 0;
-               if (!window.ie || flag) return this.getAttribute(property, flag);
-               var node = this.attributes[property];
-               return (node) ? node.nodeValue : null;
+       getScroll: function(){
+               if (isBody(this)) return this.getWindow().getScroll();
+               return {x: this.scrollLeft, y: this.scrollTop};
        },
 
-       /*
-       Property: removeProperty
-               Removes an attribute from the Element
-
-       Arguments:
-               property - string; the attribute to remove
-       */
-
-       removeProperty: function(property){
-               var index = Element.Properties[property];
-               if (index) this[index] = '';
-               else this.removeAttribute(property);
-               return this;
+       getScrolls: function(){
+               var element = this, position = {x: 0, y: 0};
+               while (element && !isBody(element)){
+                       position.x += element.scrollLeft;
+                       position.y += element.scrollTop;
+                       element = element.parentNode;
+               }
+               return position;
        },
-
-       /*
-       Property: getProperties
-               same as <Element.getStyles>, but for properties
-       */
-
-       getProperties: function(){
-               return Element.getMany(this, 'getProperty', arguments);
+       
+       getOffsetParent: function(){
+               var element = this;
+               if (isBody(element)) return null; 
+               if (!Browser.Engine.trident) return element.offsetParent;
+               while ((element = element.parentNode) && !isBody(element)){ 
+                       if (styleString(element, 'position') != 'static') return element;
+               } 
+               return null;
        },
 
-       /*
-       Property: setProperty
-               Sets an attribute for the Element.
+       getOffsets: function(){
+               var element = this, position = {x: 0, y: 0};
+               if (isBody(this)) return position;
 
-       Arguments:
-               property - string; the property to assign the value passed in
-               value - the value to assign to the property passed in
+               while (element && !isBody(element)){
+                       position.x += element.offsetLeft;
+                       position.y += element.offsetTop;
 
-       Example:
-               >$('myImage').setProperty('src', 'whatever.gif'); //myImage now points to whatever.gif for its source
-       */
+                       if (Browser.Engine.gecko){
+                               if (!borderBox(element)){
+                                       position.x += leftBorder(element);
+                                       position.y += topBorder(element);
+                               }
+                               var parent = element.parentNode;
+                               if (parent && styleString(parent, 'overflow') != 'visible'){
+                                       position.x += leftBorder(parent);
+                                       position.y += topBorder(parent);
+                               }
+                       } else if (element != this && (Browser.Engine.trident || Browser.Engine.webkit)){
+                               position.x += leftBorder(element);
+                               position.y += topBorder(element);
+                       }
 
-       setProperty: function(property, value){
-               var index = Element.Properties[property];
-               if (index) this[index] = value;
-               else this.setAttribute(property, value);
-               return this;
+                       element = element.offsetParent;
+                       if (Browser.Engine.trident){
+                               while (element && !element.currentStyle.hasLayout) element = element.offsetParent;
+                       }
+               }
+               if (Browser.Engine.gecko && !borderBox(this)){
+                       position.x -= leftBorder(this);
+                       position.y -= topBorder(this);
+               }
+               return position;
        },
 
-       /*
-       Property: setProperties
-               Sets numerous attributes for the Element.
-
-       Arguments:
-               source - an object with key/value pairs.
-
-       Example:
-               (start code)
-               $('myElement').setProperties({
-                       src: 'whatever.gif',
-                       alt: 'whatever dude'
-               });
-               <img src="whatever.gif" alt="whatever dude">
-               (end)
-       */
-
-       setProperties: function(source){
-               return Element.setMany(this, 'setProperty', source);
+       getPosition: function(relative){
+               if (isBody(this)) return {x: 0, y: 0};
+               var offset = this.getOffsets(), scroll = this.getScrolls();
+               var position = {x: offset.x - scroll.x, y: offset.y - scroll.y};
+               var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
+               return {x: position.x - relativePosition.x, y: position.y - relativePosition.y};
        },
 
-       /*
-       Property: setHTML
-               Sets the innerHTML of the Element.
-
-       Arguments:
-               html - string; the new innerHTML for the element.
-
-       Example:
-               >$('myElement').setHTML(newHTML) //the innerHTML of myElement is now = newHTML
-       */
+       getCoordinates: function(element){
+               if (isBody(this)) return this.getWindow().getCoordinates();
+               var position = this.getPosition(element), size = this.getSize();
+               var obj = {left: position.x, top: position.y, width: size.x, height: size.y};
+               obj.right = obj.left + obj.width;
+               obj.bottom = obj.top + obj.height;
+               return obj;
+       },
 
-       setHTML: function(){
-               this.innerHTML = $A(arguments).join('');
-               return this;
+       computePosition: function(obj){
+               return {left: obj.x - styleNumber(this, 'margin-left'), top: obj.y - styleNumber(this, 'margin-top')};
        },
 
-       /*
-       Property: setText
-               Sets the inner text of the Element.
+       position: function(obj){
+               return this.setStyles(this.computePosition(obj));
+       }
 
-       Arguments:
-               text - string; the new text content for the element.
+});
 
-       Example:
-               >$('myElement').setText('some text') //the text of myElement is now = 'some text'
-       */
+Native.implement([Document, Window], {
 
-       setText: function(text){
-               var tag = this.getTag();
-               if (['style', 'script'].contains(tag)){
-                       if (window.ie){
-                               if (tag == 'style') this.styleSheet.cssText = text;
-                               else if (tag ==  'script') this.setProperty('text', text);
-                               return this;
-                       } else {
-                               this.removeChild(this.firstChild);
-                               return this.appendText(text);
-                       }
-               }
-               this[$defined(this.innerText) ? 'innerText' : 'textContent'] = text;
-               return this;
+       getSize: function(){
+               var win = this.getWindow();
+               if (Browser.Engine.presto || Browser.Engine.webkit) return {x: win.innerWidth, y: win.innerHeight};
+               var doc = getCompatElement(this);
+               return {x: doc.clientWidth, y: doc.clientHeight};
        },
 
-       /*
-       Property: getText
-               Gets the inner text of the Element.
-       */
-
-       getText: function(){
-               var tag = this.getTag();
-               if (['style', 'script'].contains(tag)){
-                       if (window.ie){
-                               if (tag == 'style') return this.styleSheet.cssText;
-                               else if (tag ==  'script') return this.getProperty('text');
-                       } else {
-                               return this.innerHTML;
-                       }
-               }
-               return ($pick(this.innerText, this.textContent));
+       getScroll: function(){
+               var win = this.getWindow();
+               var doc = getCompatElement(this);
+               return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop};
        },
 
-       /*
-       Property: getTag
-               Returns the tagName of the element in lower case.
-
-       Example:
-               >$('myImage').getTag() // returns 'img'
-
-       Returns:
-               The tag name in lower case
-       */
-
-       getTag: function(){
-               return this.tagName.toLowerCase();
+       getScrollSize: function(){
+               var doc = getCompatElement(this);
+               var min = this.getSize();
+               return {x: Math.max(doc.scrollWidth, min.x), y: Math.max(doc.scrollHeight, min.y)};
        },
 
-       /*
-       Property: empty
-               Empties an element of all its children.
-
-       Example:
-               >$('myDiv').empty() // empties the Div and returns it
-
-       Returns:
-               The element.
-       */
+       getPosition: function(){
+               return {x: 0, y: 0};
+       },
 
-       empty: function(){
-               Garbage.trash(this.getElementsByTagName('*'));
-               return this.setHTML('');
+       getCoordinates: function(){
+               var size = this.getSize();
+               return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x};
        }
 
 });
 
-Element.fixStyle = function(property, result, element){
-       if ($chk(parseInt(result))) return result;
-       if (['height', 'width'].contains(property)){
-               var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'];
-               var size = 0;
-               values.each(function(value){
-                       size += element.getStyle('border-' + value + '-width').toInt() + element.getStyle('padding-' + value).toInt();
-               });
-               return element['offset' + property.capitalize()] - size + 'px';
-       } else if (property.test(/border(.+)Width|margin|padding/)){
-               return '0px';
-       }
-       return result;
-};
+// private methods
 
-Element.Styles = {'border': [], 'padding': [], 'margin': []};
-['Top', 'Right', 'Bottom', 'Left'].each(function(direction){
-       for (var style in Element.Styles) Element.Styles[style].push(style + direction);
-});
+var styleString = Element.getComputedStyle;
 
-Element.borderShort = ['borderWidth', 'borderStyle', 'borderColor'];
+function styleNumber(element, style){
+       return styleString(element, style).toInt() || 0;
+};
 
-Element.getMany = function(el, method, keys){
-       var result = {};
-       $each(keys, function(key){
-               result[key] = el[method](key);
-       });
-       return result;
+function borderBox(element){
+       return styleString(element, '-moz-box-sizing') == 'border-box';
 };
 
-Element.setMany = function(el, method, pairs){
-       for (var key in pairs) el[method](key, pairs[key]);
-       return el;
+function topBorder(element){
+       return styleNumber(element, 'border-top-width');
 };
 
-Element.Properties = new Abstract({
-       'class': 'className', 'for': 'htmlFor', 'colspan': 'colSpan', 'rowspan': 'rowSpan',
-       'accesskey': 'accessKey', 'tabindex': 'tabIndex', 'maxlength': 'maxLength',
-       'readonly': 'readOnly', 'frameborder': 'frameBorder', 'value': 'value',
-       'disabled': 'disabled', 'checked': 'checked', 'multiple': 'multiple', 'selected': 'selected'
-});
-Element.PropertiesIFlag = {
-       'href': 2, 'src': 2
+function leftBorder(element){
+       return styleNumber(element, 'border-left-width');
 };
 
-Element.Methods = {
-       Listeners: {
-               addListener: function(type, fn){
-                       if (this.addEventListener) this.addEventListener(type, fn, false);
-                       else this.attachEvent('on' + type, fn);
-                       return this;
-               },
+function isBody(element){
+       return (/^(?:body|html)$/i).test(element.tagName);
+};
 
-               removeListener: function(type, fn){
-                       if (this.removeEventListener) this.removeEventListener(type, fn, false);
-                       else this.detachEvent('on' + type, fn);
-                       return this;
-               }
-       }
+function getCompatElement(element){
+       var doc = element.getDocument();
+       return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
 };
 
-window.extend(Element.Methods.Listeners);
-document.extend(Element.Methods.Listeners);
-Element.extend(Element.Methods.Listeners);
+})();
 
-var Garbage = {
+//aliases
 
-       elements: [],
+Native.implement([Window, Document, Element], {
 
-       collect: function(el){
-               if (!el.$tmp){
-                       Garbage.elements.push(el);
-                       el.$tmp = {'opacity': 1};
-               }
-               return el;
+       getHeight: function(){
+               return this.getSize().y;
        },
 
-       trash: function(elements){
-               for (var i = 0, j = elements.length, el; i < j; i++){
-                       if (!(el = elements[i]) || !el.$tmp) continue;
-                       if (el.$events) el.fireEvent('trash').removeEvents();
-                       for (var p in el.$tmp) el.$tmp[p] = null;
-                       for (var d in Element.prototype) el[d] = null;
-                       Garbage.elements[Garbage.elements.indexOf(el)] = null;
-                       el.htmlElement = el.$tmp = el = null;
-               }
-               Garbage.elements.remove(null);
+       getWidth: function(){
+               return this.getSize().x;
        },
 
-       empty: function(){
-               Garbage.collect(window);
-               Garbage.collect(document);
-               Garbage.trash(Garbage.elements);
-       }
-
-};
-
-window.addListener('beforeunload', function(){
-       window.addListener('unload', Garbage.empty);
-       if (window.ie) window.addListener('unload', CollectGarbage);
-});
-
-/*
-Script: Element.Event.js
-       Contains the Event Class, Element methods to deal with Element events, custom Events, and the Function prototype bindWithEvent.
-
-License:
-       MIT-style license.
-*/
-
-/*
-Class: Event
-       Cross browser methods to manage events.
-
-Arguments:
-       event - the event
-
-Properties:
-       shift - true if the user pressed the shift
-       control - true if the user pressed the control
-       alt - true if the user pressed the alt
-       meta - true if the user pressed the meta key
-       wheel - the amount of third button scrolling
-       code - the keycode of the key pressed
-       page.x - the x position of the mouse, relative to the full window
-       page.y - the y position of the mouse, relative to the full window
-       client.x - the x position of the mouse, relative to the viewport
-       client.y - the y position of the mouse, relative to the viewport
-       key - the key pressed as a lowercase string. key also returns 'enter', 'up', 'down', 'left', 'right', 'space', 'backspace', 'delete', 'esc'. Handy for these special keys.
-       target - the event target
-       relatedTarget - the event related target
-
-Example:
-       (start code)
-       $('myLink').onkeydown = function(event){
-               var event = new Event(event);
-               //event is now the Event class.
-               alert(event.key); //returns the lowercase letter pressed
-               alert(event.shift); //returns true if the key pressed is shift
-               if (event.key == 's' && event.control) alert('document saved');
-       };
-       (end)
-*/
-
-var Event = new Class({
-
-       initialize: function(event){
-               if (event && event.$extended) return event;
-               this.$extended = true;
-               event = event || window.event;
-               this.event = event;
-               this.type = event.type;
-               this.target = event.target || event.srcElement;
-               if (this.target.nodeType == 3) this.target = this.target.parentNode;
-               this.shift = event.shiftKey;
-               this.control = event.ctrlKey;
-               this.alt = event.altKey;
-               this.meta = event.metaKey;
-               if (['DOMMouseScroll', 'mousewheel'].contains(this.type)){
-                       this.wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
-               } else if (this.type.contains('key')){
-                       this.code = event.which || event.keyCode;
-                       for (var name in Event.keys){
-                               if (Event.keys[name] == this.code){
-                                       this.key = name;
-                                       break;
-                               }
-                       }
-                       if (this.type == 'keydown'){
-                               var fKey = this.code - 111;
-                               if (fKey > 0 && fKey < 13) this.key = 'f' + fKey;
-                       }
-                       this.key = this.key || String.fromCharCode(this.code).toLowerCase();
-               } else if (this.type.test(/(click|mouse|menu)/)){
-                       this.page = {
-                               'x': event.pageX || event.clientX + document.documentElement.scrollLeft,
-                               'y': event.pageY || event.clientY + document.documentElement.scrollTop
-                       };
-                       this.client = {
-                               'x': event.pageX ? event.pageX - window.pageXOffset : event.clientX,
-                               'y': event.pageY ? event.pageY - window.pageYOffset : event.clientY
-                       };
-                       this.rightClick = (event.which == 3) || (event.button == 2);
-                       switch(this.type){
-                               case 'mouseover': this.relatedTarget = event.relatedTarget || event.fromElement; break;
-                               case 'mouseout': this.relatedTarget = event.relatedTarget || event.toElement;
-                       }
-                       this.fixRelatedTarget();
-               }
-               return this;
+       getScrollTop: function(){
+               return this.getScroll().y;
        },
 
-       /*
-       Property: stop
-               cross browser method to stop an event
-       */
-
-       stop: function(){
-               return this.stopPropagation().preventDefault();
+       getScrollLeft: function(){
+               return this.getScroll().x;
        },
 
-       /*
-       Property: stopPropagation
-               cross browser method to stop the propagation of an event
-       */
-
-       stopPropagation: function(){
-               if (this.event.stopPropagation) this.event.stopPropagation();
-               else this.event.cancelBubble = true;
-               return this;
+       getScrollHeight: function(){
+               return this.getScrollSize().y;
        },
 
-       /*
-       Property: preventDefault
-               cross browser method to prevent the default action of the event
-       */
-
-       preventDefault: function(){
-               if (this.event.preventDefault) this.event.preventDefault();
-               else this.event.returnValue = false;
-               return this;
-       }
-
-});
-
-Event.fix = {
+       getScrollWidth: function(){
+               return this.getScrollSize().x;
+       },
 
-       relatedTarget: function(){
-               if (this.relatedTarget && this.relatedTarget.nodeType == 3) this.relatedTarget = this.relatedTarget.parentNode;
+       getTop: function(){
+               return this.getPosition().y;
        },
 
-       relatedTargetGecko: function(){
-               try {Event.fix.relatedTarget.call(this);} catch(e){this.relatedTarget = this.target;}
+       getLeft: function(){
+               return this.getPosition().x;
        }
 
-};
-
-Event.prototype.fixRelatedTarget = (window.gecko) ? Event.fix.relatedTargetGecko : Event.fix.relatedTarget;
-
-/*
-Property: keys
-       you can add additional Event keys codes this way:
-
-Example:
-       (start code)
-       Event.keys.whatever = 80;
-       $(myelement).addEvent(keydown, function(event){
-               event = new Event(event);
-               if (event.key == 'whatever') console.log(whatever key clicked).
-       });
-       (end)
-*/
-
-Event.keys = new Abstract({
-       'enter': 13,
-       'up': 38,
-       'down': 40,
-       'left': 37,
-       'right': 39,
-       'esc': 27,
-       'space': 32,
-       'backspace': 8,
-       'tab': 9,
-       'delete': 46
 });
 
 /*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
+Script: Selectors.js
+       Adds advanced CSS Querying capabilities for targeting elements. Also includes pseudoselectors support.
+
+License:
+       MIT-style license.
 */
 
-Element.Methods.Events = {
+Native.implement([Document, Element], {
+       
+       getElements: function(expression, nocash){
+               expression = expression.split(',');
+               var items, local = {};
+               for (var i = 0, l = expression.length; i < l; i++){
+                       var selector = expression[i], elements = Selectors.Utils.search(this, selector, local);
+                       if (i != 0 && elements.item) elements = $A(elements);
+                       items = (i == 0) ? elements : (items.item) ? $A(items).concat(elements) : items.concat(elements);
+               }
+               return new Elements(items, {ddup: (expression.length > 1), cash: !nocash});
+       }
+       
+});
 
-       /*
-       Property: addEvent
-               Attaches an event listener to a DOM element.
+Element.implement({
+       
+       match: function(selector){
+               if (!selector) return true;
+               var tagid = Selectors.Utils.parseTagAndID(selector);
+               var tag = tagid[0], id = tagid[1];
+               if (!Selectors.Filters.byID(this, id) || !Selectors.Filters.byTag(this, tag)) return false;
+               var parsed = Selectors.Utils.parseSelector(selector);
+               return (parsed) ? Selectors.Utils.filter(this, parsed, {}) : true;
+       }
+       
+});
 
-       Arguments:
-               type - the event to monitor ('click', 'load', etc) without the prefix 'on'.
-               fn - the function to execute
+var Selectors = {Cache: {nth: {}, parsed: {}}};
 
-       Example:
-               >$('myElement').addEvent('click', function(){alert('clicked!')});
-       */
+Selectors.RegExps = {
+       id: (/#([\w-]+)/),
+       tag: (/^(\w+|\*)/),
+       quick: (/^(\w+|\*)$/),
+       splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),
+       combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)["']?(.*?)["']?)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)
+};
 
-       addEvent: function(type, fn){
-               this.$events = this.$events || {};
-               this.$events[type] = this.$events[type] || {'keys': [], 'values': []};
-               if (this.$events[type].keys.contains(fn)) return this;
-               this.$events[type].keys.push(fn);
-               var realType = type;
-               var custom = Element.Events[type];
-               if (custom){
-                       if (custom.add) custom.add.call(this, fn);
-                       if (custom.map) fn = custom.map;
-                       if (custom.type) realType = custom.type;
+Selectors.Utils = {
+       
+       chk: function(item, uniques){
+               if (!uniques) return true;
+               var uid = $uid(item);
+               if (!uniques[uid]) return uniques[uid] = true;
+               return false;
+       },
+       
+       parseNthArgument: function(argument){
+               if (Selectors.Cache.nth[argument]) return Selectors.Cache.nth[argument];
+               var parsed = argument.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);
+               if (!parsed) return false;
+               var inta = parseInt(parsed[1]);
+               var a = (inta || inta === 0) ? inta : 1;
+               var special = parsed[2] || false;
+               var b = parseInt(parsed[3]) || 0;
+               if (a != 0){
+                       b--;
+                       while (b < 1) b += a;
+                       while (b >= a) b -= a;
+               } else {
+                       a = b;
+                       special = 'index';
                }
-               if (!this.addEventListener) fn = fn.create({'bind': this, 'event': true});
-               this.$events[type].values.push(fn);
-               return (Element.NativeEvents.contains(realType)) ? this.addListener(realType, fn) : this;
+               switch (special){
+                       case 'n': parsed = {a: a, b: b, special: 'n'}; break;
+                       case 'odd': parsed = {a: 2, b: 0, special: 'n'}; break;
+                       case 'even': parsed =  {a: 2, b: 1, special: 'n'}; break;
+                       case 'first': parsed = {a: 0, special: 'index'}; break;
+                       case 'last': parsed = {special: 'last-child'}; break;
+                       case 'only': parsed = {special: 'only-child'}; break;
+                       default: parsed = {a: (a - 1), special: 'index'};
+               }
+               
+               return Selectors.Cache.nth[argument] = parsed;
        },
-
-       /*
-       Property: removeEvent
-               Works as Element.addEvent, but instead removes the previously added event listener.
-       */
-
-       removeEvent: function(type, fn){
-               if (!this.$events || !this.$events[type]) return this;
-               var pos = this.$events[type].keys.indexOf(fn);
-               if (pos == -1) return this;
-               var key = this.$events[type].keys.splice(pos,1)[0];
-               var value = this.$events[type].values.splice(pos,1)[0];
-               var custom = Element.Events[type];
-               if (custom){
-                       if (custom.remove) custom.remove.call(this, fn);
-                       if (custom.type) type = custom.type;
+       
+       parseSelector: function(selector){
+               if (Selectors.Cache.parsed[selector]) return Selectors.Cache.parsed[selector];
+               var m, parsed = {classes: [], pseudos: [], attributes: []};
+               while ((m = Selectors.RegExps.combined.exec(selector))){
+                       var cn = m[1], an = m[2], ao = m[3], av = m[4], pn = m[5], pa = m[6];
+                       if (cn){
+                               parsed.classes.push(cn);
+                       } else if (pn){
+                               var parser = Selectors.Pseudo.get(pn);
+                               if (parser) parsed.pseudos.push({parser: parser, argument: pa});
+                               else parsed.attributes.push({name: pn, operator: '=', value: pa});
+                       } else if (an){
+                               parsed.attributes.push({name: an, operator: ao, value: av});
+                       }
                }
-               return (Element.NativeEvents.contains(type)) ? this.removeListener(type, value) : this;
+               if (!parsed.classes.length) delete parsed.classes;
+               if (!parsed.attributes.length) delete parsed.attributes;
+               if (!parsed.pseudos.length) delete parsed.pseudos;
+               if (!parsed.classes && !parsed.attributes && !parsed.pseudos) parsed = null;
+               return Selectors.Cache.parsed[selector] = parsed;
        },
-
-       /*
-       Property: addEvents
-               As <addEvent>, but accepts an object and add multiple events at once.
-       */
-
-       addEvents: function(source){
-               return Element.setMany(this, 'addEvent', source);
+       
+       parseTagAndID: function(selector){
+               var tag = selector.match(Selectors.RegExps.tag);
+               var id = selector.match(Selectors.RegExps.id);
+               return [(tag) ? tag[1] : '*', (id) ? id[1] : false];
        },
-
-       /*
-       Property: removeEvents
-               removes all events of a certain type from an element. if no argument is passed in, removes all events.
-
-       Arguments:
-               type - string; the event name (e.g. 'click')
-       */
-
-       removeEvents: function(type){
-               if (!this.$events) return this;
-               if (!type){
-                       for (var evType in this.$events) this.removeEvents(evType);
-                       this.$events = null;
-               } else if (this.$events[type]){
-                       this.$events[type].keys.each(function(fn){
-                               this.removeEvent(type, fn);
-                       }, this);
-                       this.$events[type] = null;
+       
+       filter: function(item, parsed, local){
+               var i;
+               if (parsed.classes){
+                       for (i = parsed.classes.length; i--; i){
+                               var cn = parsed.classes[i];
+                               if (!Selectors.Filters.byClass(item, cn)) return false;
+                       }
                }
-               return this;
+               if (parsed.attributes){
+                       for (i = parsed.attributes.length; i--; i){
+                               var att = parsed.attributes[i];
+                               if (!Selectors.Filters.byAttribute(item, att.name, att.operator, att.value)) return false;
+                       }
+               }
+               if (parsed.pseudos){
+                       for (i = parsed.pseudos.length; i--; i){
+                               var psd = parsed.pseudos[i];
+                               if (!Selectors.Filters.byPseudo(item, psd.parser, psd.argument, local)) return false;
+                       }
+               }
+               return true;
        },
-
-       /*
-       Property: fireEvent
-               executes all events of the specified type present in the element.
-
-       Arguments:
-               type - string; the event name (e.g. 'click')
-               args - array or single object; arguments to pass to the function; if more than one argument, must be an array
-               delay - (integer) delay (in ms) to wait to execute the event
-       */
-
-       fireEvent: function(type, args, delay){
-               if (this.$events && this.$events[type]){
-                       this.$events[type].keys.each(function(fn){
-                               fn.create({'bind': this, 'delay': delay, 'arguments': args})();
-                       }, this);
+       
+       getByTagAndID: function(ctx, tag, id){
+               if (id){
+                       var item = (ctx.getElementById) ? ctx.getElementById(id, true) : Element.getElementById(ctx, id, true);
+                       return (item && Selectors.Filters.byTag(item, tag)) ? [item] : [];
+               } else {
+                       return ctx.getElementsByTagName(tag);
                }
-               return this;
        },
+       
+       search: function(self, expression, local){
+               var splitters = [];
+               
+               var selectors = expression.trim().replace(Selectors.RegExps.splitter, function(m0, m1, m2){
+                       splitters.push(m1);
+                       return ':)' + m2;
+               }).split(':)');
+               
+               var items, match, filtered, item;
+               
+               for (var i = 0, l = selectors.length; i < l; i++){
+                       
+                       var selector = selectors[i];
+                       
+                       if (i == 0 && Selectors.RegExps.quick.test(selector)){
+                               items = self.getElementsByTagName(selector);
+                               continue;
+                       }
+                       
+                       var splitter = splitters[i - 1];
+                       
+                       var tagid = Selectors.Utils.parseTagAndID(selector);
+                       var tag = tagid[0], id = tagid[1];
 
-       /*
-       Property: cloneEvents
-               Clones all events from an element to this element.
-
-       Arguments:
-               from - element, copy all events from this element
-               type - optional, copies only events of this type
-       */
-
-       cloneEvents: function(from, type){
-               if (!from.$events) return this;
-               if (!type){
-                       for (var evType in from.$events) this.cloneEvents(from, evType);
-               } else if (from.$events[type]){
-                       from.$events[type].keys.each(function(fn){
-                               this.addEvent(type, fn);
-                       }, this);
+                       if (i == 0){
+                               items = Selectors.Utils.getByTagAndID(self, tag, id);
+                       } else {
+                               var uniques = {}, found = [];
+                               for (var j = 0, k = items.length; j < k; j++) found = Selectors.Getters[splitter](found, items[j], tag, id, uniques);
+                               items = found;
+                       }
+                       
+                       var parsed = Selectors.Utils.parseSelector(selector);
+                       
+                       if (parsed){
+                               filtered = [];
+                               for (var m = 0, n = items.length; m < n; m++){
+                                       item = items[m];
+                                       if (Selectors.Utils.filter(item, parsed, local)) filtered.push(item);
+                               }
+                               items = filtered;
+                       }
+                       
                }
-               return this;
+               
+               return items;
+               
        }
-
+       
 };
 
-window.extend(Element.Methods.Events);
-document.extend(Element.Methods.Events);
-Element.extend(Element.Methods.Events);
-
-/* Section: Custom Events */
-
-Element.Events = new Abstract({
-
-       /*
-       Event: mouseenter
-               In addition to the standard javascript events (load, mouseover, mouseout, click, etc.) <Event.js> contains two custom events
-               this event fires when the mouse enters the area of the dom element; will not be fired again if the mouse crosses over children of the element (unlike mouseover)
-
-
-       Example:
-               >$(myElement).addEvent('mouseenter', myFunction);
-       */
-
-       'mouseenter': {
-               type: 'mouseover',
-               map: function(event){
-                       event = new Event(event);
-                       if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseenter', event);
+Selectors.Getters = {
+       
+       ' ': function(found, self, tag, id, uniques){
+               var items = Selectors.Utils.getByTagAndID(self, tag, id);
+               for (var i = 0, l = items.length; i < l; i++){
+                       var item = items[i];
+                       if (Selectors.Utils.chk(item, uniques)) found.push(item);
                }
+               return found;
        },
-
-       /*
-       Event: mouseleave
-               this event fires when the mouse exits the area of the dom element; will not be fired again if the mouse crosses over children of the element (unlike mouseout)
-
-
-       Example:
-               >$(myElement).addEvent('mouseleave', myFunction);
-       */
-
-       'mouseleave': {
-               type: 'mouseout',
-               map: function(event){
-                       event = new Event(event);
-                       if (event.relatedTarget != this && !this.hasChild(event.relatedTarget)) this.fireEvent('mouseleave', event);
+       
+       '>': function(found, self, tag, id, uniques){
+               var children = Selectors.Utils.getByTagAndID(self, tag, id);
+               for (var i = 0, l = children.length; i < l; i++){
+                       var child = children[i];
+                       if (child.parentNode == self && Selectors.Utils.chk(child, uniques)) found.push(child);
                }
+               return found;
        },
-
-       'mousewheel': {
-               type: (window.gecko) ? 'DOMMouseScroll' : 'mousewheel'
-       }
-
-});
-
-Element.NativeEvents = [
-       'click', 'dblclick', 'mouseup', 'mousedown', //mouse buttons
-       'mousewheel', 'DOMMouseScroll', //mouse wheel
-       'mouseover', 'mouseout', 'mousemove', //mouse movement
-       'keydown', 'keypress', 'keyup', //keys
-       'load', 'unload', 'beforeunload', 'resize', 'move', //window
-       'focus', 'blur', 'change', 'submit', 'reset', 'select', //forms elements
-       'error', 'abort', 'contextmenu', 'scroll' //misc
-];
-
-/*
-Class: Function
-       A collection of The Function Object prototype methods.
-*/
-
-Function.extend({
-
-       /*
-       Property: bindWithEvent
-               automatically passes MooTools Event Class.
-
-       Arguments:
-               bind - optional, the object that the "this" of the function will refer to.
-               args - optional, an argument to pass to the function; if more than one argument, it must be an array of arguments.
-
-       Returns:
-               a function with the parameter bind as its "this" and as a pre-passed argument event or window.event, depending on the browser.
-
-       Example:
-               >function myFunction(event){
-               >       alert(event.client.x) //returns the coordinates of the mouse..
-               >};
-               >myElement.addEvent('click', myFunction.bindWithEvent(myElement));
-       */
-
-       bindWithEvent: function(bind, args){
-               return this.create({'bind': bind, 'arguments': args, 'event': Event});
-       }
-
-});
-
-
-/*
-Script: Element.Filters.js
-       add Filters capability to <Elements>.
-
-License:
-       MIT-style license.
-*/
-
-/*
-Class: Elements
-       A collection of methods to be used with <$$> elements collections.
-*/
-
-Elements.extend({
        
-       /*
-       Property: filterByTag
-               Filters the collection by a specified tag name.
-               Returns a new Elements collection, while the original remains untouched.
-       */
-       
-       filterByTag: function(tag){
-               return new Elements(this.filter(function(el){
-                       return (Element.getTag(el) == tag);
-               }));
+       '+': function(found, self, tag, id, uniques){
+               while ((self = self.nextSibling)){
+                       if (self.nodeType == 1){
+                               if (Selectors.Utils.chk(self, uniques) && Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
+                               break;
+                       }
+               }
+               return found;
        },
        
-       /*
-       Property: filterByClass
-               Filters the collection by a specified class name.
-               Returns a new Elements collection, while the original remains untouched.
-       */
+       '~': function(found, self, tag, id, uniques){
+               
+               while ((self = self.nextSibling)){
+                       if (self.nodeType == 1){
+                               if (!Selectors.Utils.chk(self, uniques)) break;
+                               if (Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
+                       } 
+               }
+               return found;
+       }
+       
+};
+
+Selectors.Filters = {
        
-       filterByClass: function(className, nocash){
-               var elements = this.filter(function(el){
-                       return (el.className && el.className.contains(className, ' '));
-               });
-               return (nocash) ? elements : new Elements(elements);
+       byTag: function(self, tag){
+               return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag));
        },
        
-       /*
-       Property: filterById
-               Filters the collection by a specified ID.
-               Returns a new Elements collection, while the original remains untouched.
-       */
+       byID: function(self, id){
+               return (!id || (self.id && self.id == id));
+       },
        
-       filterById: function(id, nocash){
-               var elements = this.filter(function(el){
-                       return (el.id == id);
-               });
-               return (nocash) ? elements : new Elements(elements);
+       byClass: function(self, klass){
+               return (self.className && self.className.contains(klass, ' '));
        },
        
-       /*
-       Property: filterByAttribute
-               Filters the collection by a specified attribute.
-               Returns a new Elements collection, while the original remains untouched.
-               
-       Arguments:
-               name - the attribute name.
-               operator - optional, the attribute operator.
-               value - optional, the attribute value, only valid if the operator is specified.
-       */
+       byPseudo: function(self, parser, argument, local){
+               return parser.call(self, argument, local);
+       },
        
-       filterByAttribute: function(name, operator, value, nocash){
-               var elements = this.filter(function(el){
-                       var current = Element.getProperty(el, name);
-                       if (!current) return false;
-                       if (!operator) return true;
-                       switch(operator){
-                               case '=': return (current == value);
-                               case '*=': return (current.contains(value));
-                               case '^=': return (current.substr(0, value.length) == value);
-                               case '$=': return (current.substr(current.length - value.length) == value);
-                               case '!=': return (current != value);
-                               case '~=': return current.contains(value, ' ');
-                       }
-                       return false;
-               });
-               return (nocash) ? elements : new Elements(elements);
+       byAttribute: function(self, name, operator, value){
+               var result = Element.prototype.getProperty.call(self, name);
+               if (!result) return false;
+               if (!operator || value == undefined) return true;
+               switch (operator){
+                       case '=': return (result == value);
+                       case '*=': return (result.contains(value));
+                       case '^=': return (result.substr(0, value.length) == value);
+                       case '$=': return (result.substr(result.length - value.length) == value);
+                       case '!=': return (result != value);
+                       case '~=': return result.contains(value, ' ');
+                       case '|=': return result.contains(value, '-');
+               }
+               return false;
        }
-
-});
-
-/*
-Script: Element.Selectors.js
-       Css Query related functions and <Element> extensions
-
-License:
-       MIT-style license.
-*/
-
-/* Section: Utility Functions */
-
-/*
-Function: $E
-       Selects a single (i.e. the first found) Element based on the selector passed in and an optional filter element.
-       Returns as <Element>.
-
-Arguments:
-       selector - string; the css selector to match
-       filter - optional; a DOM element to limit the scope of the selector match; defaults to document.
-
-Example:
-       >$E('a', 'myElement') //find the first anchor tag inside the DOM element with id 'myElement'
-
-Returns:
-       a DOM element - the first element that matches the selector
-*/
-
-function $E(selector, filter){
-       return ($(filter) || document).getElement(selector);
-};
-
-/*
-Function: $ES
-       Returns a collection of Elements that match the selector passed in limited to the scope of the optional filter.
-       See Also: <Element.getElements> for an alternate syntax.
-       Returns as <Elements>.
-
-Returns:
-       an array of dom elements that match the selector within the filter
-
-Arguments:
-       selector - string; css selector to match
-       filter - optional; a DOM element to limit the scope of the selector match; defaults to document.
-
-Examples:
-       >$ES("a") //gets all the anchor tags; synonymous with $$("a")
-       >$ES('a','myElement') //get all the anchor tags within $('myElement')
-*/
-
-function $ES(selector, filter){
-       return ($(filter) || document).getElementsBySelector(selector);
+       
 };
 
-$$.shared = {
-
-       'regexp': /^(\w*|\*)(?:#([\w-]+)|\.([\w-]+))?(?:\[(\w+)(?:([!*^$]?=)["']?([^"'\]]*)["']?)?])?$/,
+Selectors.Pseudo = new Hash({
        
-       'xpath': {
-
-               getParam: function(items, context, param, i){
-                       var temp = [context.namespaceURI ? 'xhtml:' : '', param[1]];
-                       if (param[2]) temp.push('[@id="', param[2], '"]');
-                       if (param[3]) temp.push('[contains(concat(" ", @class, " "), " ', param[3], ' ")]');
-                       if (param[4]){
-                               if (param[5] && param[6]){
-                                       switch(param[5]){
-                                               case '*=': temp.push('[contains(@', param[4], ', "', param[6], '")]'); break;
-                                               case '^=': temp.push('[starts-with(@', param[4], ', "', param[6], '")]'); break;
-                                               case '$=': temp.push('[substring(@', param[4], ', string-length(@', param[4], ') - ', param[6].length, ' + 1) = "', param[6], '"]'); break;
-                                               case '=': temp.push('[@', param[4], '="', param[6], '"]'); break;
-                                               case '!=': temp.push('[@', param[4], '!="', param[6], '"]');
-                                       }
-                               } else {
-                                       temp.push('[@', param[4], ']');
-                               }
-                       }
-                       items.push(temp.join(''));
-                       return items;
-               },
-               
-               getItems: function(items, context, nocash){
-                       var elements = [];
-                       var xpath = document.evaluate('.//' + items.join('//'), context, $$.shared.resolver, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
-                       for (var i = 0, j = xpath.snapshotLength; i < j; i++) elements.push(xpath.snapshotItem(i));
-                       return (nocash) ? elements : new Elements(elements.map($));
+       // w3c pseudo selectors
+       
+       empty: function(){
+               return !(this.innerText || this.textContent || '').length;
+       },
+       
+       not: function(selector){
+               return !Element.match(this, selector);
+       },
+       
+       contains: function(text){
+               return (this.innerText || this.textContent || '').contains(text);
+       },
+       
+       'first-child': function(){
+               return Selectors.Pseudo.index.call(this, 0);
+       },
+       
+       'last-child': function(){
+               var element = this;
+               while ((element = element.nextSibling)){
+                       if (element.nodeType == 1) return false;
                }
-
+               return true;
        },
        
-       'normal': {
-               
-               getParam: function(items, context, param, i){
-                       if (i == 0){
-                               if (param[2]){
-                                       var el = context.getElementById(param[2]);
-                                       if (!el || ((param[1] != '*') && (Element.getTag(el) != param[1]))) return false;
-                                       items = [el];
-                               } else {
-                                       items = $A(context.getElementsByTagName(param[1]));
+       'only-child': function(){
+               var prev = this;
+               while ((prev = prev.previousSibling)){
+                       if (prev.nodeType == 1) return false;
+               }
+               var next = this;
+               while ((next = next.nextSibling)){
+                       if (next.nodeType == 1) return false;
+               }
+               return true;
+       },
+       
+       'nth-child': function(argument, local){
+               argument = (argument == undefined) ? 'n' : argument;
+               var parsed = Selectors.Utils.parseNthArgument(argument);
+               if (parsed.special != 'n') return Selectors.Pseudo[parsed.special].call(this, parsed.a, local);
+               var count = 0;
+               local.positions = local.positions || {};
+               var uid = $uid(this);
+               if (!local.positions[uid]){
+                       var self = this;
+                       while ((self = self.previousSibling)){
+                               if (self.nodeType != 1) continue;
+                               count ++;
+                               var position = local.positions[$uid(self)];
+                               if (position != undefined){
+                                       count = position + count;
+                                       break;
                                }
-                       } else {
-                               items = $$.shared.getElementsByTagName(items, param[1]);
-                               if (param[2]) items = Elements.filterById(items, param[2], true);
                        }
-                       if (param[3]) items = Elements.filterByClass(items, param[3], true);
-                       if (param[4]) items = Elements.filterByAttribute(items, param[4], param[5], param[6], true);
-                       return items;
-               },
-
-               getItems: function(items, context, nocash){
-                       return (nocash) ? items : $$.unique(items);
+                       local.positions[uid] = count;
                }
-
+               return (local.positions[uid] % parsed.a == parsed.b);
        },
-
-       resolver: function(prefix){
-               return (prefix == 'xhtml') ? 'http://www.w3.org/1999/xhtml' : false;
+       
+       // custom pseudo selectors
+       
+       index: function(index){
+               var element = this, count = 0;
+               while ((element = element.previousSibling)){
+                       if (element.nodeType == 1 && ++count > index) return false;
+               }
+               return (count == index);
+       },
+       
+       even: function(argument, local){
+               return Selectors.Pseudo['nth-child'].call(this, '2n+1', local);
        },
 
-       getElementsByTagName: function(context, tagName){
-               var found = [];
-               for (var i = 0, j = context.length; i < j; i++) found.extend(context[i].getElementsByTagName(tagName));
-               return found;
+       odd: function(argument, local){
+               return Selectors.Pseudo['nth-child'].call(this, '2n', local);
        }
-
-};
-
-$$.shared.method = (window.xpath) ? 'xpath' : 'normal';
+       
+});
 
 /*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
-*/
-
-Element.Methods.Dom = {
-
-       /*
-       Property: getElements
-               Gets all the elements within an element that match the given (single) selector.
-               Returns as <Elements>.
-
-       Arguments:
-               selector - string; the css selector to match
-
-       Examples:
-               >$('myElement').getElements('a'); // get all anchors within myElement
-               >$('myElement').getElements('input[name=dialog]') //get all input tags with name 'dialog'
-               >$('myElement').getElements('input[name$=log]') //get all input tags with names ending with 'log'
-
-       Notes:
-               Supports these operators in attribute selectors:
-
-               - = : is equal to
-               - ^= : starts-with
-               - $= : ends-with
-               - != : is not equal to
-
-               Xpath is used automatically for compliant browsers.
-       */
-
-       getElements: function(selector, nocash){
-               var items = [];
-               selector = selector.trim().split(' ');
-               for (var i = 0, j = selector.length; i < j; i++){
-                       var sel = selector[i];
-                       var param = sel.match($$.shared.regexp);
-                       if (!param) break;
-                       param[1] = param[1] || '*';
-                       var temp = $$.shared[$$.shared.method].getParam(items, this, param, i);
-                       if (!temp) break;
-                       items = temp;
-               }
-               return $$.shared[$$.shared.method].getItems(items, this, nocash);
-       },
-
-       /*
-       Property: getElement
-               Same as <Element.getElements>, but returns only the first. Alternate syntax for <$E>, where filter is the Element.
-               Returns as <Element>.
-
-       Arguments:
-               selector - string; css selector
-       */
-
-       getElement: function(selector){
-               return $(this.getElements(selector, true)[0] || false);
-       },
+Script: Domready.js
+       Contains the domready custom event.
 
-       /*
-       Property: getElementsBySelector
-               Same as <Element.getElements>, but allows for comma separated selectors, as in css. Alternate syntax for <$$>, where filter is the Element.
-               Returns as <Elements>.
+License:
+       MIT-style license.
+*/
 
-       Arguments:
-               selector - string; css selector
-       */
+Element.Events.domready = {
 
-       getElementsBySelector: function(selector, nocash){
-               var elements = [];
-               selector = selector.split(',');
-               for (var i = 0, j = selector.length; i < j; i++) elements = elements.concat(this.getElements(selector[i], true));
-               return (nocash) ? elements : $$.unique(elements);
+       onAdd: function(fn){
+               if (Browser.loaded) fn.call(this);
        }
 
 };
 
-Element.extend({
-
-       /*
-       Property: getElementById
-               Targets an element with the specified id found inside the Element. Does not overwrite document.getElementById.
-
-       Arguments:
-               id - string; the id of the element to find.
-       */
-
-       getElementById: function(id){
-               var el = document.getElementById(id);
-               if (!el) return false;
-               for (var parent = el.parentNode; parent != this; parent = parent.parentNode){
-                       if (!parent) return false;
-               }
-               return el;
-       }/*compatibility*/,
+(function(){
        
-       getElementsByClassName: function(className){ 
-               return this.getElements('.' + className); 
-       }
+       var domready = function(){
+               if (Browser.loaded) return;
+               Browser.loaded = true;
+               window.fireEvent('domready');
+               document.fireEvent('domready');
+       };
        
-       /*end compatibility*/
-
-});
+       switch (Browser.Engine.name){
+
+               case 'webkit': (function(){
+                       (['loaded', 'complete'].contains(document.readyState)) ? domready() : arguments.callee.delay(50);
+               })(); break;
+
+               case 'trident':
+                       var temp = document.createElement('div');
+                       (function(){
+                               ($try(function(){
+                                       temp.doScroll('left');
+                                       return $(temp).inject(document.body).set('html', 'temp').dispose();
+                               })) ? domready() : arguments.callee.delay(50);
+                       })();
+               break;
+               
+               default:
+                       window.addEvent('load', domready);
+                       document.addEvent('DOMContentLoaded', domready);
 
-document.extend(Element.Methods.Dom);
-Element.extend(Element.Methods.Dom);
+       }
+       
+})();
 
 /*
-Script: Element.Form.js
-       Contains Element prototypes to deal with Forms and their elements.
+Script: JSON.js
+       JSON encoder and decoder.
 
 License:
        MIT-style license.
-*/
 
-/*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
+See Also:
+       <http://www.json.org/>
 */
 
-Element.extend({
+var JSON = new Hash({
 
-       /*
-       Property: getValue
-               Returns the value of the Element, if its tag is textarea, select or input. getValue called on a multiple select will return an array.
-       */
-
-       getValue: function(){
-               switch(this.getTag()){
-                       case 'select':
-                               var values = [];
-                               $each(this.options, function(option){
-                                       if (option.selected) values.push($pick(option.value, option.text));
+       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 (this.multiple) ? values : values[0];
-                       case 'input': if (!(this.checked && ['checkbox', 'radio'].contains(this.type)) && !['hidden', 'text', 'password'].contains(this.type)) break;
-                       case 'textarea': return this.value;
+                               return '{' + string + '}';
+                       case 'number': case 'boolean': return String(obj);
+                       case false: return 'null';
                }
-               return false;
+               return null;
        },
 
-       getFormElements: function(){
-               return $$(this.getElementsByTagName('input'), this.getElementsByTagName('select'), this.getElementsByTagName('textarea'));
-       },
+       $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'},
 
-       /*
-       Property: toQueryString
-               Reads the children inputs of the Element and generates a query string, based on their values. Used internally in <Ajax>
+       $replaceChars: function(chr){
+               return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16);
+       },
 
-       Example:
-               (start code)
-               <form id="myForm" action="submit.php">
-               <input name="email" value="bob@bob.com">
-               <input name="zipCode" value="90210">
-               </form>
+       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 + ')');
+       }
 
-               <script>
-                $('myForm').toQueryString()
-               </script>
-               (end)
+});
 
-               Returns:
-                       email=bob@bob.com&zipCode=90210
-       */
+Native.implement([Hash, Array, String, Number], {
 
-       toQueryString: function(){
-               var queryString = [];
-               this.getFormElements().each(function(el){
-                       var name = el.name;
-                       var value = el.getValue();
-                       if (value === false || !name || el.disabled) return;
-                       var qs = function(val){
-                               queryString.push(name + '=' + encodeURIComponent(val));
-                       };
-                       if ($type(value) == 'array') value.each(qs);
-                       else qs(value);
-               });
-               return queryString.join('&');
+       toJSON: function(){
+               return JSON.encode(this);
        }
 
 });
 
-/*
-Script: Element.Dimensions.js
-       Contains Element prototypes to deal with Element size and position in space.
 
-Note:
-       The functions in this script require n XHTML doctype.
+/*
+Script: Cookie.js
+       Class for creating, loading, and saving browser Cookies.
 
 License:
        MIT-style license.
-*/
 
-/*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
+Credits:
+       Based on the functions by Peter-Paul Koch (http://quirksmode.org).
 */
 
-Element.extend({
-
-       /*
-       Property: scrollTo
-               Scrolls the element to the specified coordinated (if the element has an overflow)
-
-       Arguments:
-               x - the x coordinate
-               y - the y coordinate
-
-       Example:
-               >$('myElement').scrollTo(0, 100)
-       */
-
-       scrollTo: function(x, y){
-               this.scrollLeft = x;
-               this.scrollTop = y;
-       },
-
-       /*
-       Property: getSize
-               Return an Object representing the size/scroll values of the element.
-
-       Example:
-               (start code)
-               $('myElement').getSize();
-               (end)
+var Cookie = new Class({
 
-       Returns:
-               (start code)
-               {
-                       'scroll': {'x': 100, 'y': 100},
-                       'size': {'x': 200, 'y': 400},
-                       'scrollSize': {'x': 300, 'y': 500}
-               }
-               (end)
-       */
+       Implements: Options,
 
-       getSize: function(){
-               return {
-                       'scroll': {'x': this.scrollLeft, 'y': this.scrollTop},
-                       'size': {'x': this.offsetWidth, 'y': this.offsetHeight},
-                       'scrollSize': {'x': this.scrollWidth, 'y': this.scrollHeight}
-               };
+       options: {
+               path: false,
+               domain: false,
+               duration: false,
+               secure: false,
+               document: document
        },
 
-       /*
-       Property: getPosition
-               Returns the real offsets of the element.
-
-       Arguments:
-               overflown - optional, an array of nested scrolling containers for scroll offset calculation, use this if your element is inside any element containing scrollbars
-
-       Example:
-               >$('element').getPosition();
-
-       Returns:
-               >{x: 100, y:500};
-       */
-
-       getPosition: function(overflown){
-               overflown = overflown || [];
-               var el = this, left = 0, top = 0;
-               do {
-                       left += el.offsetLeft || 0;
-                       top += el.offsetTop || 0;
-                       el = el.offsetParent;
-               } while (el);
-               overflown.each(function(element){
-                       left -= element.scrollLeft || 0;
-                       top -= element.scrollTop || 0;
-               });
-               return {'x': left, 'y': top};
+       initialize: function(key, options){
+               this.key = key;
+               this.setOptions(options);
        },
 
-       /*
-       Property: getTop
-               Returns the distance from the top of the window to the Element.
-
-       Arguments:
-               overflown - optional, an array of nested scrolling containers, see Element::getPosition
-       */
-
-       getTop: function(overflown){
-               return this.getPosition(overflown).y;
+       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;
        },
 
-       /*
-       Property: getLeft
-               Returns the distance from the left of the window to the Element.
-
-       Arguments:
-               overflown - optional, an array of nested scrolling containers, see Element::getPosition
-       */
-
-       getLeft: function(overflown){
-               return this.getPosition(overflown).x;
+       read: function(){
+               var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)');
+               return (value) ? decodeURIComponent(value[1]) : null;
        },
 
-       /*
-       Property: getCoordinates
-               Returns an object with width, height, left, right, top, and bottom, representing the values of the Element
+       dispose: function(){
+               new Cookie(this.key, $merge(this.options, {duration: -1})).write('');
+               return this;
+       }
 
-       Arguments:
-               overflown - optional, an array of nested scrolling containers, see Element::getPosition
+});
 
-       Example:
-               (start code)
-               var myValues = $('myElement').getCoordinates();
-               (end)
+Cookie.write = function(key, value, options){
+       return new Cookie(key, options).write(value);
+};
 
-       Returns:
-               (start code)
-               {
-                       width: 200,
-                       height: 300,
-                       left: 100,
-                       top: 50,
-                       right: 300,
-                       bottom: 350
-               }
-               (end)
-       */
-
-       getCoordinates: function(overflown){
-               var position = this.getPosition(overflown);
-               var obj = {
-                       'width': this.offsetWidth,
-                       'height': this.offsetHeight,
-                       'left': position.x,
-                       'top': position.y
-               };
-               obj.right = obj.left + obj.width;
-               obj.bottom = obj.top + obj.height;
-               return obj;
-       }
+Cookie.read = function(key){
+       return new Cookie(key).read();
+};
 
-});
+Cookie.dispose = function(key, options){
+       return new Cookie(key, options).dispose();
+};
 
 /*
-Script: Window.DomReady.js
-       Contains the custom event domready, for window.
+Script: Swiff.js
+       Wrapper for embedding SWF movies. Supports (and fixes) External Interface Communication.
 
 License:
        MIT-style license.
-*/
-
-/* Section: Custom Events */
-
-/*
-Event: domready
-       executes a function when the dom tree is loaded, without waiting for images. Only works when called from window.
 
 Credits:
-       (c) Dean Edwards/Matthias Miller/John Resig, remastered for MooTools.
-
-Arguments:
-       fn - the function to execute when the DOM is ready
-
-Example:
-       > window.addEvent('domready', function(){
-       >       alert('the dom is ready');
-       > });
+       Flash detection & Internet Explorer + Flash Player 9 fix inspired by SWFObject.
 */
 
-Element.Events.domready = {
-
-       add: function(fn){
-               if (window.loaded){
-                       fn.call(this);
-                       return;
-               }
-               var domReady = function(){
-                       if (window.loaded) return;
-                       window.loaded = true;
-                       window.timer = $clear(window.timer);
-                       this.fireEvent('domready');
-               }.bind(this);
-               if (document.readyState && window.webkit){
-                       window.timer = function(){
-                               if (['loaded','complete'].contains(document.readyState)) domReady();
-                       }.periodical(50);
-               } else if (document.readyState && window.ie){
-                       if (!$('ie_ready')){
-                               var src = (window.location.protocol == 'https:') ? '://0' : 'javascript:void(0)';
-                               document.write('<script id="ie_ready" defer src="' + src + '"><\/script>');
-                               $('ie_ready').onreadystatechange = function(){
-                                       if (this.readyState == 'complete') domReady();
-                               };
-                       }
-               } else {
-                       window.addListener("load", domReady);
-                       document.addListener("DOMContentLoaded", domReady);
-               }
-       }
+var Swiff = new Class({
 
-};
+       Implements: [Options],
 
-/*compatibility*/
+       options: {
+               id: null,
+               height: 1,
+               width: 1,
+               container: null,
+               properties: {},
+               params: {
+                       quality: 'high',
+                       allowScriptAccess: 'always',
+                       wMode: 'transparent',
+                       swLiveConnect: true
+               },
+               callBacks: {},
+               vars: {}
+       },
 
-window.onDomReady = function(fn){ 
-       return this.addEvent('domready', fn); 
-};
+       toElement: function(){
+               return this.object;
+       },
 
-/*end compatibility*/
+       initialize: function(path, options){
+               this.instance = 'Swiff_' + $time();
 
-/*
-Script: Window.Size.js
-       Window cross-browser dimensions methods.
-       
-Note:
-       The Functions in this script require an XHTML doctype.
+               this.setOptions(options);
+               options = this.options;
+               var id = this.id = options.id || this.instance;
+               var container = $(options.container);
 
-License:
-       MIT-style license.
-*/
+               Swiff.CallBacks[this.instance] = {};
 
-/*
-Class: window
-       Cross browser methods to get various window dimensions.
-       Warning: All these methods require that the browser operates in strict mode, not quirks mode.
-*/
+               var params = options.params, vars = options.vars, callBacks = options.callBacks;
+               var properties = $extend({height: options.height, width: options.width}, options.properties);
 
-window.extend({
+               var self = this;
 
-       /*
-       Property: getWidth
-               Returns an integer representing the width of the browser window (without the scrollbar).
-       */
+               for (var callBack in callBacks){
+                       Swiff.CallBacks[this.instance][callBack] = (function(option){
+                               return function(){
+                                       return option.apply(self.object, arguments);
+                               };
+                       })(callBacks[callBack]);
+                       vars[callBack] = 'Swiff.CallBacks.' + this.instance + '.' + callBack;
+               }
 
-       getWidth: function(){
-               if (this.webkit419) return this.innerWidth;
-               if (this.opera) return document.body.clientWidth;
-               return document.documentElement.clientWidth;
+               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 = '<object id="' + id + '"';
+               for (var property in properties) build += ' ' + property + '="' + properties[property] + '"';
+               build += '>';
+               for (var param in params){
+                       if (params[param]) build += '<param name="' + param + '" value="' + params[param] + '" />';
+               }
+               build += '</object>';
+               this.object =  ((container) ? container.empty() : new Element('div')).set('html', build).firstChild;
        },
 
-       /*
-       Property: getHeight
-               Returns an integer representing the height of the browser window (without the scrollbar).
-       */
+       replaces: function(element){
+               element = $(element, true);
+               element.parentNode.replaceChild(this.toElement(), element);
+               return this;
+       },
 
-       getHeight: function(){
-               if (this.webkit419) return this.innerHeight;
-               if (this.opera) return document.body.clientHeight;
-               return document.documentElement.clientHeight;
+       inject: function(element){
+               $(element, true).appendChild(this.toElement());
+               return this;
        },
 
-       /*
-       Property: getScrollWidth
-               Returns an integer representing the scrollWidth of the window.
-               This value is equal to or bigger than <getWidth>.
+       remote: function(){
+               return Swiff.remote.apply(Swiff, [this.toElement()].extend(arguments));
+       }
 
-       See Also:
-               <http://developer.mozilla.org/en/docs/DOM:element.scrollWidth>
-       */
+});
 
-       getScrollWidth: function(){
-               if (this.ie) return Math.max(document.documentElement.offsetWidth, document.documentElement.scrollWidth);
-               if (this.webkit) return document.body.scrollWidth;
-               return document.documentElement.scrollWidth;
-       },
+Swiff.CallBacks = {};
 
-       /*
-       Property: getScrollHeight
-               Returns an integer representing the scrollHeight of the window.
-               This value is equal to or bigger than <getHeight>.
+Swiff.remote = function(obj, fn){
+       var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' + __flash__argumentsToXML(arguments, 2) + '</invoke>');
+       return eval(rs);
+};
 
-       See Also:
-               <http://developer.mozilla.org/en/docs/DOM:element.scrollHeight>
-       */
-
-       getScrollHeight: function(){
-               if (this.ie) return Math.max(document.documentElement.offsetHeight, document.documentElement.scrollHeight);
-               if (this.webkit) return document.body.scrollHeight;
-               return document.documentElement.scrollHeight;
-       },
-
-       /*
-       Property: getScrollLeft
-               Returns an integer representing the scrollLeft of the window (the number of pixels the window has scrolled from the left).
-
-       See Also:
-               <http://developer.mozilla.org/en/docs/DOM:element.scrollLeft>
-       */
-
-       getScrollLeft: function(){
-               return this.pageXOffset || document.documentElement.scrollLeft;
-       },
-
-       /*
-       Property: getScrollTop
-               Returns an integer representing the scrollTop of the window (the number of pixels the window has scrolled from the top).
-
-       See Also:
-               <http://developer.mozilla.org/en/docs/DOM:element.scrollTop>
-       */
-
-       getScrollTop: function(){
-               return this.pageYOffset || document.documentElement.scrollTop;
-       },
-
-       /*
-       Property: getSize
-               Same as <Element.getSize>
-       */
-
-       getSize: function(){
-               return {
-                       'size': {'x': this.getWidth(), 'y': this.getHeight()},
-                       'scrollSize': {'x': this.getScrollWidth(), 'y': this.getScrollHeight()},
-                       'scroll': {'x': this.getScrollLeft(), 'y': this.getScrollTop()}
-               };
-       },
-
-       //ignore
-       getPosition: function(){return {'x': 0, 'y': 0};}
+/*\r
+Script: Fx.js\r
+       Contains the basic animation logic to be extended by all other Fx Classes.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+var Fx = new Class({\r
+\r
+       Implements: [Chain, Events, Options],\r
+\r
+       options: {\r
+               /*\r
+               onStart: $empty,\r
+               onCancel: $empty,\r
+               onComplete: $empty,\r
+               */\r
+               fps: 50,\r
+               unit: false,\r
+               duration: 500,\r
+               link: 'ignore',\r
+               transition: function(p){\r
+                       return -(Math.cos(Math.PI * p) - 1) / 2;\r
+               }\r
+       },\r
+\r
+       initialize: function(options){\r
+               this.subject = this.subject || this;\r
+               this.setOptions(options);\r
+               this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt();\r
+               var wait = this.options.wait;\r
+               if (wait === false) this.options.link = 'cancel';\r
+       },\r
+\r
+       step: function(){\r
+               var time = $time();\r
+               if (time < this.time + this.options.duration){\r
+                       var delta = this.options.transition((time - this.time) / this.options.duration);\r
+                       this.set(this.compute(this.from, this.to, delta));\r
+               } else {\r
+                       this.set(this.compute(this.from, this.to, 1));\r
+                       this.complete();\r
+               }\r
+       },\r
+\r
+       set: function(now){\r
+               return now;\r
+       },\r
+\r
+       compute: function(from, to, delta){\r
+               return Fx.compute(from, to, delta);\r
+       },\r
+\r
+       check: function(caller){\r
+               if (!this.timer) return true;\r
+               switch (this.options.link){\r
+                       case 'cancel': this.cancel(); return true;\r
+                       case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false;\r
+               }\r
+               return false;\r
+       },\r
+\r
+       start: function(from, to){\r
+               if (!this.check(arguments.callee, from, to)) return this;\r
+               this.from = from;\r
+               this.to = to;\r
+               this.time = 0;\r
+               this.startTimer();\r
+               this.onStart();\r
+               return this;\r
+       },\r
+\r
+       complete: function(){\r
+               if (this.stopTimer()) this.onComplete();\r
+               return this;\r
+       },\r
+\r
+       cancel: function(){\r
+               if (this.stopTimer()) this.onCancel();\r
+               return this;\r
+       },\r
+\r
+       onStart: function(){\r
+               this.fireEvent('start', this.subject);\r
+       },\r
+\r
+       onComplete: function(){\r
+               this.fireEvent('complete', this.subject);\r
+               if (!this.callChain()) this.fireEvent('chainComplete', this.subject);\r
+       },\r
+\r
+       onCancel: function(){\r
+               this.fireEvent('cancel', this.subject).clearChain();\r
+       },\r
+\r
+       pause: function(){\r
+               this.stopTimer();\r
+               return this;\r
+       },\r
+\r
+       resume: function(){\r
+               this.startTimer();\r
+               return this;\r
+       },\r
+\r
+       stopTimer: function(){\r
+               if (!this.timer) return false;\r
+               this.time = $time() - this.time;\r
+               this.timer = $clear(this.timer);\r
+               return true;\r
+       },\r
+\r
+       startTimer: function(){\r
+               if (this.timer) return false;\r
+               this.time = $time() - this.time;\r
+               this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this);\r
+               return true;\r
+       }\r
+\r
+});\r
+\r
+Fx.compute = function(from, to, delta){\r
+       return (to - from) * delta + from;\r
+};\r
+\r
+Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000};\r
 
-});
 
 /*
-Script: Fx.Base.js
-       Contains <Fx.Base>, the foundamentals of the MooTools Effects.
+Script: Fx.CSS.js
+       Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.
 
 License:
        MIT-style license.
 */
 
-var Fx = {};
-
-/*
-Class: Fx.Base
-       Base class for the Effects.
-
-Options:
-       transition - the equation to use for the effect see <Fx.Transitions>; default is <Fx.Transitions.Sine.easeInOut>
-       duration - the duration of the effect in ms; 500 is the default.
-       unit - the unit is 'px' by default (other values include things like 'em' for fonts or '%').
-       wait - boolean: to wait or not to wait for a current transition to end before running another of the same instance. defaults to true.
-       fps - the frames per second for the transition; default is 50
-       
-Events:
-       onStart - the function to execute as the effect begins; nothing (<Class.empty>) by default.
-       onComplete - the function to execute after the effect has processed; nothing (<Class.empty>) by default.
-       onCancel - the function to execute when you manually stop the effect.
-*/
-
-Fx.Base = new Class({
+Fx.CSS = new Class({
 
-       options: {
-               onStart: Class.empty,
-               onComplete: Class.empty,
-               onCancel: Class.empty,
-               transition: function(p){
-                       return -(Math.cos(Math.PI * p) - 1) / 2;
-               },
-               duration: 500,
-               unit: 'px',
-               wait: true,
-               fps: 50
-       },
+       Extends: Fx,
 
-       initialize: function(options){
-               this.element = this.element || null;
-               this.setOptions(options);
-               if (this.options.initialize) this.options.initialize.call(this);
-       },
+       //prepares the base from/to object
 
-       step: function(){
-               var time = $time();
-               if (time < this.time + this.options.duration){
-                       this.delta = this.options.transition((time - this.time) / this.options.duration);
-                       this.setNow();
-                       this.increase();
-               } else {
-                       this.stop(true);
-                       this.set(this.to);
-                       this.fireEvent('onComplete', this.element, 10);
-                       this.callChain();
+       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]};
        },
 
-       /*
-       Property: set
-               Immediately sets the value with no transition.
+       //parses a value into an array
 
-       Arguments:
-               to - the point to jump to
+       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;
+               });
+       },
 
-       Example:
-               >var myFx = new Fx.Style('myElement', 'opacity').set(0); //will make it immediately transparent
-       */
+       //computes by a from and to prepared objects, using their parsers.
 
-       set: function(to){
-               this.now = to;
-               this.increase();
-               return this;
+       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;
        },
 
-       setNow: function(){
-               this.now = this.compute(this.from, this.to);
-       },
+       //serves the value as settable
 
-       compute: function(from, to){
-               return (to - from) * this.delta + from;
-       },
+       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;
+       },
+
+       //renders the change to an element
+
+       render: function(element, property, value, unit){
+               element.setStyle(property, this.serve(value, unit));
+       },
+
+       //searches inside the page css to find the values for a selector
+
+       search: function(selector){
+               if (Fx.CSS.Cache[selector]) return Fx.CSS.Cache[selector];
+               var to = {};
+               Array.each(document.styleSheets, function(sheet, j){
+                       var href = sheet.href;
+                       if (href && href.contains('://') && !href.contains(document.domain)) return;
+                       var rules = sheet.rules || sheet.cssRules;
+                       Array.each(rules, function(rule, i){
+                               if (!rule.style) return;
+                               var selectorText = (rule.selectorText) ? rule.selectorText.replace(/^\w+/, function(m){
+                                       return m.toLowerCase();
+                               }) : null;
+                               if (!selectorText || !selectorText.test('^' + selector + '$')) return;
+                               Element.Styles.each(function(value, style){
+                                       if (!rule.style[style] || Element.ShortStyles[style]) return;
+                                       value = String(rule.style[style]);
+                                       to[style] = (value.test(/^rgb/)) ? value.rgbToHex() : value;
+                               });
+                       });
+               });
+               return Fx.CSS.Cache[selector] = to;
+       }
 
-       /*
-       Property: start
-               Executes an effect from one position to the other.
+});
 
-       Arguments:
-               from - integer: staring value
-               to - integer: the ending value
+Fx.CSS.Cache = {};
 
-       Examples:
-               >var myFx = new Fx.Style('myElement', 'opacity').start(0,1); //display a transition from transparent to opaque.
-       */
+Fx.CSS.Parsers = new Hash({
 
-       start: function(from, to){
-               if (!this.options.wait) this.stop();
-               else if (this.timer) return this;
-               this.from = from;
-               this.to = to;
-               this.change = this.to - this.from;
-               this.time = $time();
-               this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this);
-               this.fireEvent('onStart', this.element);
-               return this;
+       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);
+               }
        },
 
-       /*
-       Property: stop
-               Stops the transition.
-       */
-
-       stop: function(end){
-               if (!this.timer) return this;
-               this.timer = $clear(this.timer);
-               if (!end) this.fireEvent('onCancel', this.element);
-               return this;
-       }/*compatibility*/,
-       
-       custom: function(from, to){
-               return this.start(from, to);
+       Number: {
+               parse: parseFloat,
+               compute: Fx.compute,
+               serve: function(value, unit){
+                       return (unit) ? value + unit : value;
+               }
        },
 
-       clearTimer: function(end){
-               return this.stop(end);
+       String: {
+               parse: $lambda(false),
+               compute: $arguments(1),
+               serve: $arguments(0)
        }
 
-       /*end compatibility*/
-
 });
 
-Fx.Base.implement(new Chain, new Events, new Options);
 
 /*
-Script: Fx.CSS.js
-       Css parsing class for effects. Required by <Fx.Style>, <Fx.Styles>, <Fx.Elements>. No documentation needed, as its used internally.
+Script: Fx.Tween.js
+       Formerly Fx.Style, effect to transition any CSS property for an element.
 
 License:
        MIT-style license.
 */
 
-Fx.CSS = {
-
-       select: function(property, to){
-               if (property.test(/color/i)) return this.Color;
-               var type = $type(to);
-               if ((type == 'array') || (type == 'string' && to.contains(' '))) return this.Multi;
-               return this.Single;
-       },
-
-       parse: function(el, property, fromTo){
-               if (!fromTo.push) fromTo = [fromTo];
-               var from = fromTo[0], to = fromTo[1];
-               if (!$chk(to)){
-                       to = from;
-                       from = el.getStyle(property);
-               }
-               var css = this.select(property, to);
-               return {'from': css.parse(from), 'to': css.parse(to), 'css': css};
-       }
-
-};
+Fx.Tween = new Class({
 
-Fx.CSS.Single = {
+       Extends: Fx.CSS,
 
-       parse: function(value){
-               return parseFloat(value);
+       initialize: function(element, options){
+               this.element = this.subject = $(element);
+               this.parent(options);
        },
 
-       getNow: function(from, to, fx){
-               return fx.compute(from, to);
+       set: function(property, now){
+               if (arguments.length == 1){
+                       now = property;
+                       property = this.property || this.options.property;
+               }
+               this.render(this.element, property, now, this.options.unit);
+               return this;
        },
 
-       getValue: function(value, unit, property){
-               if (unit == 'px' && property != 'opacity') value = Math.round(value);
-               return value + unit;
+       start: function(property, from, to){
+               if (!this.check(arguments.callee, property, from, to)) return this;
+               var args = Array.flatten(arguments);
+               this.property = this.options.property || args.shift();
+               var parsed = this.prepare(this.element, this.property, args);
+               return this.parent(parsed.from, parsed.to);
        }
 
-};
-
-Fx.CSS.Multi = {
+});
 
-       parse: function(value){
-               return value.push ? value : value.split(' ').map(function(v){
-                       return parseFloat(v);
-               });
-       },
+Element.Properties.tween = {
 
-       getNow: function(from, to, fx){
-               var now = [];
-               for (var i = 0; i < from.length; i++) now[i] = fx.compute(from[i], to[i]);
-               return now;
+       set: function(options){
+               var tween = this.retrieve('tween');
+               if (tween) tween.cancel();
+               return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options));
        },
 
-       getValue: function(value, unit, property){
-               if (unit == 'px' && property != 'opacity') value = value.map(Math.round);
-               return value.join(unit + ' ') + unit;
+       get: function(options){
+               if (options || !this.retrieve('tween')){
+                       if (options || !this.retrieve('tween:options')) this.set('tween', options);
+                       this.store('tween', new Fx.Tween(this, this.retrieve('tween:options')));
+               }
+               return this.retrieve('tween');
        }
 
 };
 
-Fx.CSS.Color = {
+Element.implement({
 
-       parse: function(value){
-               return value.push ? value : value.hexToRgb(true);
+       tween: function(property, from, to){
+               this.get('tween').start(arguments);
+               return this;
        },
 
-       getNow: function(from, to, fx){
-               var now = [];
-               for (var i = 0; i < from.length; i++) now[i] = Math.round(fx.compute(from[i], to[i]));
-               return now;
+       fade: function(how){
+               var fade = this.get('tween'), o = 'opacity', toggle;
+               how = $pick(how, 'toggle');
+               switch (how){
+                       case 'in': fade.start(o, 1); break;
+                       case 'out': fade.start(o, 0); break;
+                       case 'show': fade.set(o, 1); break;
+                       case 'hide': fade.set(o, 0); break;
+                       case 'toggle':
+                               var flag = this.retrieve('fade:flag', this.get('opacity') == 1);
+                               fade.start(o, (flag) ? 0 : 1);
+                               this.store('fade:flag', !flag);
+                               toggle = true;
+                       break;
+                       default: fade.start(o, arguments);
+               }
+               if (!toggle) this.eliminate('fade:flag');
+               return this;
        },
 
-       getValue: function(value){
-               return 'rgb(' + value.join(',') + ')';
+       highlight: function(start, end){
+               if (!end){
+                       end = this.retrieve('highlight:original', this.getStyle('background-color'));
+                       end = (end == 'transparent') ? '#fff' : end;
+               }
+               var tween = this.get('tween');
+               tween.start('background-color', start || '#ffff88', end).chain(function(){
+                       this.setStyle('background-color', this.retrieve('highlight:original'));
+                       tween.callChain();
+               }.bind(this));
+               return this;
        }
 
-};
+});
+
 
 /*
-Script: Fx.Style.js
-       Contains <Fx.Style>
+Script: Fx.Morph.js
+       Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: Fx.Style
-       The Style effect, used to transition any css property from one value to another. Includes colors.
-       Colors must be in hex format.
-       Inherits methods, properties, options and events from <Fx.Base>.
-
-Arguments:
-       el - the $(element) to apply the style transition to
-       property - the property to transition
-       options - the Fx.Base options (see: <Fx.Base>)
-
-Example:
-       >var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
-       >marginChange.start(10, 100);
-*/
+Fx.Morph = new Class({
 
-Fx.Style = Fx.Base.extend({
+       Extends: Fx.CSS,
 
-       initialize: function(el, property, options){
-               this.element = $(el);
-               this.property = property;
+       initialize: function(element, options){
+               this.element = this.subject = $(element);
                this.parent(options);
        },
 
-       /*
-       Property: hide
-               Same as <Fx.Base.set> (0); hides the element immediately without transition.
-       */
-
-       hide: function(){
-               return this.set(0);
+       set: function(now){
+               if (typeof now == 'string') now = this.search(now);
+               for (var p in now) this.render(this.element, p, now[p], this.options.unit);
+               return this;
        },
 
-       setNow: function(){
-               this.now = this.css.getNow(this.from, this.to, this);
+       compute: function(from, to, delta){
+               var now = {};
+               for (var p in from) now[p] = this.parent(from[p], to[p], delta);
+               return now;
        },
 
-       /*
-       Property: set
-               Sets the element's css property (specified at instantiation) to the specified value immediately.
-
-       Example:
-               (start code)
-               var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
-               marginChange.set(10); //margin-top is set to 10px immediately
-               (end)
-       */
+       start: function(properties){
+               if (!this.check(arguments.callee, 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 this.parent(from, to);
+       }
 
-       set: function(to){
-               this.css = Fx.CSS.select(this.property, to);
-               return this.parent(this.css.parse(to));
-       },
+});
 
-       /*
-       Property: start
-               Displays the transition to the value/values passed in
+Element.Properties.morph = {
 
-       Arguments:
-               from - (integer; optional) the starting position for the transition
-               to - (integer) the ending position for the transition
+       set: function(options){
+               var morph = this.retrieve('morph');
+               if (morph) morph.cancel();
+               return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options));
+       },
 
-       Note:
-               If you provide only one argument, the transition will use the current css value for its starting value.
+       get: function(options){
+               if (options || !this.retrieve('morph')){
+                       if (options || !this.retrieve('morph:options')) this.set('morph', options);
+                       this.store('morph', new Fx.Morph(this, this.retrieve('morph:options')));
+               }
+               return this.retrieve('morph');
+       }
 
-       Example:
-               (start code)
-               var marginChange = new Fx.Style('myElement', 'margin-top', {duration:500});
-               marginChange.start(10); //tries to read current margin top value and goes from current to 10
-               (end)
-       */
+};
 
-       start: function(from, to){
-               if (this.timer && this.options.wait) return this;
-               var parsed = Fx.CSS.parse(this.element, this.property, [from, to]);
-               this.css = parsed.css;
-               return this.parent(parsed.from, parsed.to);
-       },
+Element.implement({
 
-       increase: function(){
-               this.element.setStyle(this.property, this.css.getValue(this.now, this.options.unit, this.property));
+       morph: function(props){
+               this.get('morph').start(props);
+               return this;
        }
 
 });
 
 /*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
-*/
+Script: Fx.Transitions.js
+       Contains a set of advanced transitions to be used with any of the Fx Classes.
 
-Element.extend({
+License:
+       MIT-style license.
 
-       /*
-       Property: effect
-               Applies an <Fx.Style> to the Element; This a shortcut for <Fx.Style>.
+Credits:
+       Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.
+*/
 
-       Arguments:
-               property - (string) the css property to alter
-               options - (object; optional) key/value set of options (see <Fx.Style>)
+(function(){
 
-       Example:
-               >var myEffect = $('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear});
-               >myEffect.start(10, 100);
-               >//OR
-               >$('myElement').effect('height', {duration: 1000, transition: Fx.Transitions.linear}).start(10,100);
-       */
+       var old = Fx.prototype.initialize;
 
-       effect: function(property, options){
-               return new Fx.Style(this, property, options);
-       }
+       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;
+               }
+       };
 
-});
+})();
 
-/*
-Script: Fx.Styles.js
-       Contains <Fx.Styles>
+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;
+               }
+       });
+};
 
-License:
-       MIT-style license.
-*/
+Fx.Transitions = new Hash({
 
-/*
-Class: Fx.Styles
-       Allows you to animate multiple css properties at once;
-       Colors must be in hex format.
-       Inherits methods, properties, options and events from <Fx.Base>.
-
-Arguments:
-       el - the $(element) to apply the styles transition to
-       options - the fx options (see: <Fx.Base>)
-
-Example:
-       (start code)
-       var myEffects = new Fx.Styles('myElement', {duration: 1000, transition: Fx.Transitions.linear});
-
-       //height from 10 to 100 and width from 900 to 300
-       myEffects.start({
-               'height': [10, 100],
-               'width': [900, 300]
-       });
+       linear: $arguments(0)
 
-       //or height from current height to 100 and width from current width to 300
-       myEffects.start({
-               'height': 100,
-               'width': 300
-       });
-       (end)
-*/
+});
 
-Fx.Styles = Fx.Base.extend({
+Fx.Transitions.extend = function(transitions){
+       for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
+};
 
-       initialize: function(el, options){
-               this.element = $(el);
-               this.parent(options);
-       },
+Fx.Transitions.extend({
 
-       setNow: function(){
-               for (var p in this.from) this.now[p] = this.css[p].getNow(this.from[p], this.to[p], this);
+       Pow: function(p, x){
+               return Math.pow(p, x[0] || 6);
        },
 
-       set: function(to){
-               var parsed = {};
-               this.css = {};
-               for (var p in to){
-                       this.css[p] = Fx.CSS.select(p, to[p]);
-                       parsed[p] = this.css[p].parse(to[p]);
-               }
-               return this.parent(parsed);
+       Expo: function(p){
+               return Math.pow(2, 8 * (p - 1));
        },
 
-       /*
-       Property: start
-               Executes a transition for any number of css properties in tandem.
+       Circ: function(p){
+               return 1 - Math.sin(Math.acos(p));
+       },
 
-       Arguments:
-               obj - an object containing keys that specify css properties to alter and values that specify either the from/to values (as an array) or just the end value (an integer).
+       Sine: function(p){
+               return 1 - Math.sin((1 - p) * Math.PI / 2);
+       },
 
-       Example:
-               see <Fx.Styles>
-       */
+       Back: function(p, x){
+               x = x[0] || 1.618;
+               return Math.pow(p, 2) * ((x + 1) * p - x);
+       },
 
-       start: function(obj){
-               if (this.timer && this.options.wait) return this;
-               this.now = {};
-               this.css = {};
-               var from = {}, to = {};
-               for (var p in obj){
-                       var parsed = Fx.CSS.parse(this.element, p, obj[p]);
-                       from[p] = parsed.from;
-                       to[p] = parsed.to;
-                       this.css[p] = parsed.css;
+       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 this.parent(from, to);
+               return value;
        },
 
-       increase: function(){
-               for (var p in this.now) this.element.setStyle(p, this.css[p].getValue(this.now[p], this.options.unit, p));
+       Elastic: function(p, x){
+               return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3);
        }
 
 });
 
-/*
-Class: Element
-       Custom class to allow all of its methods to be used with any DOM element via the dollar function <$>.
-*/
-
-Element.extend({
-
-       /*
-       Property: effects
-               Applies an <Fx.Styles> to the Element; This a shortcut for <Fx.Styles>.
-
-       Example:
-               >var myEffects = $(myElement).effects({duration: 1000, transition: Fx.Transitions.Sine.easeInOut});
-               >myEffects.start({'height': [10, 100], 'width': [900, 300]});
-       */
-
-       effects: function(options){
-               return new Fx.Styles(this, options);
-       }
-
+['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){
+       Fx.Transitions[transition] = new Fx.Transition(function(p){
+               return Math.pow(p, [i + 2]);
+       });
 });
 
+
 /*
-Script: Fx.Elements.js
-       Contains <Fx.Elements>
+Script: Request.js
+       Powerful all purpose Request Class. Uses XMLHTTPRequest.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: Fx.Elements
-       Fx.Elements allows you to apply any number of styles transitions to a selection of elements. Includes colors (must be in hex format).
-       Inherits methods, properties, options and events from <Fx.Base>.
-
-Arguments:
-       elements - a collection of elements the effects will be applied to.
-       options - same as <Fx.Base> options.
-*/
+var Request = new Class({
 
-Fx.Elements = Fx.Base.extend({
+       Implements: [Chain, Events, Options],
 
-       initialize: function(elements, options){
-               this.elements = $$(elements);
-               this.parent(options);
+       options: {
+               /*onRequest: $empty,
+               onSuccess: $empty,
+               onFailure: $empty,
+               onException: $empty,*/
+               url: '',
+               data: '',
+               headers: {
+                       'X-Requested-With': 'XMLHttpRequest',
+                       'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
+               },
+               async: true,
+               format: false,
+               method: 'post',
+               link: 'ignore',
+               isSuccess: null,
+               emulation: true,
+               urlEncoded: true,
+               encoding: 'utf-8',
+               evalScripts: false,
+               evalResponse: false
        },
 
-       setNow: function(){
-               for (var i in this.from){
-                       var iFrom = this.from[i], iTo = this.to[i], iCss = this.css[i], iNow = this.now[i] = {};
-                       for (var p in iFrom) iNow[p] = iCss[p].getNow(iFrom[p], iTo[p], this);
-               }
+       initialize: function(options){
+               this.xhr = new Browser.Request();
+               this.setOptions(options);
+               this.options.isSuccess = this.options.isSuccess || this.isSuccess;
+               this.headers = new Hash(this.options.headers);
        },
 
-       set: function(to){
-               var parsed = {};
-               this.css = {};
-               for (var i in to){
-                       var iTo = to[i], iCss = this.css[i] = {}, iParsed = parsed[i] = {};
-                       for (var p in iTo){
-                               iCss[p] = Fx.CSS.select(p, iTo[p]);
-                               iParsed[p] = iCss[p].parse(iTo[p]);
-                       }
-               }
-               return this.parent(parsed);
-       },
-
-       /*
-       Property: start
-               Applies the passed in style transitions to each object named (see example). Each item in the collection is refered to as a numerical string ("1" for instance). The first item is "0", the second "1", etc.
-
-       Example:
-               (start code)
-               var myElementsEffects = new Fx.Elements($$('a'));
-               myElementsEffects.start({
-                       '0': { //let's change the first element's opacity and width
-                               'opacity': [0,1],
-                               'width': [100,200]
-                       },
-                       '4': { //and the fifth one's opacity
-                               'opacity': [0.2, 0.5]
-                       }
-               });
-               (end)
-       */
-
-       start: function(obj){
-               if (this.timer && this.options.wait) return this;
-               this.now = {};
-               this.css = {};
-               var from = {}, to = {};
-               for (var i in obj){
-                       var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}, iCss = this.css[i] = {};
-                       for (var p in iProps){
-                               var parsed = Fx.CSS.parse(this.elements[i], p, iProps[p]);
-                               iFrom[p] = parsed.from;
-                               iTo[p] = parsed.to;
-                               iCss[p] = parsed.css;
-                       }
+       onStateChange: function(){
+               if (this.xhr.readyState != 4 || !this.running) return;
+               this.running = false;
+               this.status = 0;
+               $try(function(){
+                       this.status = this.xhr.status;
+               }.bind(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();
                }
-               return this.parent(from, to);
+               this.xhr.onreadystatechange = $empty;
        },
 
-       increase: function(){
-               for (var i in this.now){
-                       var iNow = this.now[i], iCss = this.css[i];
-                       for (var p in iNow) this.elements[i].setStyle(p, iCss[p].getValue(iNow[p], this.options.unit, p));
-               }
-       }
+       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);
+       },
 
-/*
-Script: Fx.Scroll.js
-       Contains <Fx.Scroll>
+       success: function(text, xml){
+               this.onSuccess(this.processScripts(text), xml);
+       },
+       
+       onSuccess: function(){
+               this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain();
+       },
+       
+       failure: function(){
+               this.onFailure();
+       },
 
-License:
-       MIT-style license.
-*/
+       onFailure: function(){
+               this.fireEvent('complete').fireEvent('failure', this.xhr);
+       },
 
-/*
-Class: Fx.Scroll
-       Scroll any element with an overflow, including the window element.
-       Inherits methods, properties, options and events from <Fx.Base>.
+       setHeader: function(name, value){
+               this.headers.set(name, value);
+               return this;
+       },
 
-Note:
-       Fx.Scroll requires an XHTML doctype.
+       getHeader: function(name){
+               return $try(function(){
+                       return this.xhr.getResponseHeader(name);
+               }.bind(this));
+       },
 
-Arguments:
-       element - the element to scroll
-       options - optional, see Options below.
+       check: function(caller){
+               if (!this.running) return true;
+               switch (this.options.link){
+                       case 'cancel': this.cancel(); return true;
+                       case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false;
+               }
+               return false;
+       },
 
-Options:
-       all the Fx.Base options and events, plus:
-       offset - the distance for the scrollTo point/element. an Object with x/y properties.
-       overflown - an array of nested scrolling containers, see <Element.getPosition>
-*/
+       send: function(options){
+               if (!this.check(arguments.callee, options)) return this;
+               this.running = true;
 
-Fx.Scroll = Fx.Base.extend({
+               var type = $type(options);
+               if (type == 'string' || type == 'element') options = {data: options};
 
-       options: {
-               overflown: [],
-               offset: {'x': 0, 'y': 0},
-               wheelStops: true
-       },
+               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;
 
-       initialize: function(element, options){
-               this.now = [];
-               this.element = $(element);
-               this.bound = {'stop': this.stop.bind(this, false)};
-               this.parent(options);
-               if (this.options.wheelStops){
-                       this.addEvent('onStart', function(){
-                               document.addEvent('mousewheel', this.bound.stop);
-                       }.bind(this));
-                       this.addEvent('onComplete', function(){
-                               document.removeEvent('mousewheel', this.bound.stop);
-                       }.bind(this));
+               switch ($type(data)){
+                       case 'element': data = $(data).toQueryString(); break;
+                       case 'object': case 'hash': data = Hash.toQueryString(data);
                }
-       },
 
-       setNow: function(){
-               for (var i = 0; i < 2; i++) this.now[i] = this.compute(this.from[i], this.to[i]);
-       },
+               if (this.options.format){
+                       var format = 'format=' + this.options.format;
+                       data = (data) ? format + '&' + data : format;
+               }
 
-       /*
-       Property: scrollTo
-               Scrolls the chosen element to the x/y coordinates.
+               if (this.options.emulation && ['put', 'delete'].contains(method)){
+                       var _method = '_method=' + method;
+                       data = (data) ? _method + '&' + data : _method;
+                       method = 'post';
+               }
 
-       Arguments:
-               x - the x coordinate to scroll the element to
-               y - the y coordinate to scroll the element to
-       */
+               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);
+               }
 
-       scrollTo: function(x, y){
-               if (this.timer && this.options.wait) return this;
-               var el = this.element.getSize();
-               var values = {'x': x, 'y': y};
-               for (var z in el.size){
-                       var max = el.scrollSize[z] - el.size[z];
-                       if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max;
-                       else values[z] = el.scroll[z];
-                       values[z] += this.options.offset[z];
+               if (data && method == 'get'){
+                       url = url + (url.contains('?') ? '&' : '?') + data;
+                       data = null;
                }
-               return this.start([el.scroll.x, el.scroll.y], [values.x, values.y]);
-       },
 
-       /*
-       Property: toTop
-               Scrolls the chosen element to its maximum top.
-       */
+               this.xhr.open(method.toUpperCase(), url, this.options.async);
 
-       toTop: function(){
-               return this.scrollTo(false, 0);
-       },
+               this.xhr.onreadystatechange = this.onStateChange.bind(this);
 
-       /*
-       Property: toBottom
-               Scrolls the chosen element to its maximum bottom.
-       */
+               this.headers.each(function(value, key){
+                       if (!$try(function(){
+                               this.xhr.setRequestHeader(key, value);
+                               return true;
+                       }.bind(this))) this.fireEvent('exception', [key, value]);
+               }, this);
 
-       toBottom: function(){
-               return this.scrollTo(false, 'full');
+               this.fireEvent('request');
+               this.xhr.send(data);
+               if (!this.options.async) this.onStateChange();
+               return this;
        },
 
-       /*
-       Property: toLeft
-               Scrolls the chosen element to its maximum left.
-       */
+       cancel: function(){
+               if (!this.running) return this;
+               this.running = false;
+               this.xhr.abort();
+               this.xhr.onreadystatechange = $empty;
+               this.xhr = new Browser.Request();
+               this.fireEvent('cancel');
+               return this;
+       }
 
-       toLeft: function(){
-               return this.scrollTo(0, false);
-       },
+});
 
-       /*
-       Property: toRight
-               Scrolls the chosen element to its maximum right.
-       */
+(function(){
 
-       toRight: function(){
-               return this.scrollTo('full', false);
-       },
+var methods = {};
+['get', 'post', 'put', 'delete', '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()}));
+       };
+});
 
-       /*
-       Property: toElement
-               Scrolls the specified element to the position the passed in element is found.
+Request.implement(methods);
 
-       Arguments:
-               el - the $(element) to scroll the window to
-       */
+})();
 
-       toElement: function(el){
-               var parent = this.element.getPosition(this.options.overflown);
-               var target = $(el).getPosition(this.options.overflown);
-               return this.scrollTo(target.x - parent.x, target.y - parent.y);
-       },
+Element.Properties.send = {
+       
+       set: function(options){
+               var send = this.retrieve('send');
+               if (send) send.cancel();
+               return this.eliminate('send').store('send:options', $extend({
+                       data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action')
+               }, options));
+       },
+
+       get: function(options){
+               if (options || !this.retrieve('send')){
+                       if (options || !this.retrieve('send:options')) this.set('send', options);
+                       this.store('send', new Request(this.retrieve('send:options')));
+               }
+               return this.retrieve('send');
+       }
 
-       increase: function(){
-               this.element.scrollTo(this.now[0], this.now[1]);
+};
+
+Element.implement({
+
+       send: function(url){
+               var sender = this.get('send');
+               sender.send({data: this, url: url || sender.options.url});
+               return this;
        }
 
 });
 
+
 /*
-Script: Fx.Slide.js
-       Contains <Fx.Slide>
+Script: Request.HTML.js
+       Extends the basic Request Class with additional methods for interacting with HTML responses.
 
 License:
        MIT-style license.
 */
 
-/*
-Class: Fx.Slide
-       The slide effect; slides an element in horizontally or vertically, the contents will fold inside.
-       Inherits methods, properties, options and events from <Fx.Base>.
-       
-Note:
-       Fx.Slide requires an XHTML doctype.
-
-Options:
-       mode - set it to vertical or horizontal. Defaults to vertical.
-       options - all the <Fx.Base> options
-
-Example:
-       (start code)
-       var mySlider = new Fx.Slide('myElement', {duration: 500});
-       mySlider.toggle() //toggle the slider up and down.
-       (end)
-*/
+Request.HTML = new Class({
 
-Fx.Slide = Fx.Base.extend({
+       Extends: Request,
 
        options: {
-               mode: 'vertical'
+               update: false,
+               evalScripts: true,
+               filter: false
        },
 
-       initialize: function(el, options){
-               this.element = $(el);
-               this.wrapper = new Element('div', {'styles': $extend(this.element.getStyles('margin'), {'overflow': 'hidden'})}).injectAfter(this.element).adopt(this.element);
-               this.element.setStyle('margin', 0);
-               this.setOptions(options);
-               this.now = [];
-               this.parent(this.options);
-               this.open = true;
-               this.addEvent('onComplete', function(){
-                       this.open = (this.now[0] === 0);
-               });
-               if (window.webkit419) this.addEvent('onComplete', function(){
-                       if (this.open) this.element.remove().inject(this.wrapper);
-               });
+       processHTML: function(text){
+               var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+               text = (match) ? match[1] : text;
+               
+               var container = new Element('div');
+               
+               return $try(function(){
+                       var root = '<root>' + text + '</root>', doc;
+                       if (Browser.Engine.trident){
+                               doc = new ActiveXObject('Microsoft.XMLDOM');
+                               doc.async = false;
+                               doc.loadXML(root);
+                       } else {
+                               doc = new DOMParser().parseFromString(root, 'text/xml');
+                       }
+                       root = doc.getElementsByTagName('root')[0];
+                       for (var i = 0, k = root.childNodes.length; i < k; i++){
+                               var child = Element.clone(root.childNodes[i], true, true);
+                               if (child) container.grab(child);
+                       }
+                       return container;
+               }) || container.set('html', text);
        },
 
-       setNow: function(){
-               for (var i = 0; i < 2; i++) this.now[i] = this.compute(this.from[i], this.to[i]);
-       },
+       success: function(text){
+               var options = this.options, response = this.response;
+               
+               response.html = text.stripScripts(function(script){
+                       response.javascript = script;
+               });
+               
+               var temp = this.processHTML(response.html);
+               
+               response.tree = temp.childNodes;
+               response.elements = temp.getElements('*');
+               
+               if (options.filter) response.tree = response.elements.filter(options.filter);
+               if (options.update) $(options.update).empty().adopt(response.tree);
+               if (options.evalScripts) $exec(response.javascript);
+               
+               this.onSuccess(response.tree, response.elements, response.html, response.javascript);
+       }
 
-       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;
+Element.Properties.load = {
+       
+       set: function(options){
+               var load = this.retrieve('load');
+               if (load) send.cancel();
+               return this.eliminate('load').store('load:options', $extend({data: this, link: 'cancel', update: this, method: 'get'}, options));
        },
 
-       /*
-       Property: slideIn
-               Slides the elements in view horizontally or vertically.
-
-       Arguments:
-               mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode.
-       */
-
-       slideIn: function(mode){
-               this[mode || this.options.mode]();
-               return this.start([this.element.getStyle(this.margin).toInt(), this.wrapper.getStyle(this.layout).toInt()], [0, this.offset]);
-       },
+       get: function(options){
+               if (options || ! this.retrieve('load')){
+                       if (options || !this.retrieve('load:options')) this.set('load', options);
+                       this.store('load', new Request.HTML(this.retrieve('load:options')));
+               }
+               return this.retrieve('load');
+       }
 
-       /*
-       Property: slideOut
-               Sides the elements out of view horizontally or vertically.
+};
 
-       Arguments:
-               mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode.
-       */
+Element.implement({
+       
+       load: function(){
+               this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type}));
+               return this;
+       }
 
-       slideOut: function(mode){
-               this[mode || this.options.mode]();
-               return this.start([this.element.getStyle(this.margin).toInt(), this.wrapper.getStyle(this.layout).toInt()], [-this.offset, 0]);
-       },
+});
 
-       /*
-       Property: hide
-               Hides the element without a transition.
 
-       Arguments:
-               mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode.
-       */
+/*
+Script: Request.JSON.js
+       Extends the basic Request Class with additional methods for sending and receiving JSON data.
 
-       hide: function(mode){
-               this[mode || this.options.mode]();
-               this.open = false;
-               return this.set([-this.offset, 0]);
-       },
+License:
+       MIT-style license.
+*/
 
-       /*
-       Property: show
-               Shows the element without a transition.
+Request.JSON = new Class({
 
-       Arguments:
-               mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode.
-       */
+       Extends: Request,
 
-       show: function(mode){
-               this[mode || this.options.mode]();
-               this.open = true;
-               return this.set([0, this.offset]);
+       options: {
+               secure: true
        },
 
-       /*
-       Property: toggle
-               Slides in or Out the element, depending on its state
-
-       Arguments:
-               mode - (optional, string) 'horizontal' or 'vertical'; defaults to options.mode.
-
-       */
-
-       toggle: function(mode){
-               if (this.wrapper.offsetHeight == 0 || this.wrapper.offsetWidth == 0) return this.slideIn(mode);
-               return this.slideOut(mode);
+       initialize: function(options){
+               this.parent(options);
+               this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'});
        },
 
-       increase: function(){
-               this.element.setStyle(this.margin, this.now[0] + this.options.unit);
-               this.wrapper.setStyle(this.layout, this.now[1] + this.options.unit);
+       success: function(text){
+               this.response.json = JSON.decode(text, this.options.secure);
+               this.onSuccess(this.response.json, text);
        }
 
 });
+//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
+
+/*\r
+Script: Fx.Slide.js\r
+       Effect to slide an element in and out of view.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+Fx.Slide = new Class({\r
+\r
+       Extends: Fx,\r
+\r
+       options: {\r
+               mode: 'vertical'\r
+       },\r
+\r
+       initialize: function(element, options){\r
+               this.addEvent('complete', function(){\r
+                       this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0);\r
+                       if (this.open && Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper);\r
+               }, true);\r
+               this.element = this.subject = $(element);\r
+               this.parent(options);\r
+               var wrapper = this.element.retrieve('wrapper');\r
+               this.wrapper = wrapper || new Element('div', {\r
+                       styles: $extend(this.element.getStyles('margin', 'position'), {'overflow': 'hidden'})\r
+               }).wraps(this.element);\r
+               this.element.store('wrapper', this.wrapper).setStyle('margin', 0);\r
+               this.now = [];\r
+               this.open = true;\r
+       },\r
+\r
+       vertical: function(){\r
+               this.margin = 'margin-top';\r
+               this.layout = 'height';\r
+               this.offset = this.element.offsetHeight;\r
+       },\r
+\r
+       horizontal: function(){\r
+               this.margin = 'margin-left';\r
+               this.layout = 'width';\r
+               this.offset = this.element.offsetWidth;\r
+       },\r
+\r
+       set: function(now){\r
+               this.element.setStyle(this.margin, now[0]);\r
+               this.wrapper.setStyle(this.layout, now[1]);\r
+               return this;\r
+       },\r
+\r
+       compute: function(from, to, delta){\r
+               var now = [];\r
+               var x = 2;\r
+               x.times(function(i){\r
+                       now[i] = Fx.compute(from[i], to[i], delta);\r
+               });\r
+               return now;\r
+       },\r
+\r
+       start: function(how, mode){\r
+               if (!this.check(arguments.callee, how, mode)) return this;\r
+               this[mode || this.options.mode]();\r
+               var margin = this.element.getStyle(this.margin).toInt();\r
+               var layout = this.wrapper.getStyle(this.layout).toInt();\r
+               var caseIn = [[margin, layout], [0, this.offset]];\r
+               var caseOut = [[margin, layout], [-this.offset, 0]];\r
+               var start;\r
+               switch (how){\r
+                       case 'in': start = caseIn; break;\r
+                       case 'out': start = caseOut; break;\r
+                       case 'toggle': start = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut;\r
+               }\r
+               return this.parent(start[0], start[1]);\r
+       },\r
+\r
+       slideIn: function(mode){\r
+               return this.start('in', mode);\r
+       },\r
+\r
+       slideOut: function(mode){\r
+               return this.start('out', mode);\r
+       },\r
+\r
+       hide: function(mode){\r
+               this[mode || this.options.mode]();\r
+               this.open = false;\r
+               return this.set([-this.offset, 0]);\r
+       },\r
+\r
+       show: function(mode){\r
+               this[mode || this.options.mode]();\r
+               this.open = true;\r
+               return this.set([0, this.offset]);\r
+       },\r
+\r
+       toggle: function(mode){\r
+               return this.start('toggle', mode);\r
+       }\r
+\r
+});\r
+\r
+Element.Properties.slide = {\r
+\r
+       set: function(options){\r
+               var slide = this.retrieve('slide');\r
+               if (slide) slide.cancel();\r
+               return this.eliminate('slide').store('slide:options', $extend({link: 'cancel'}, options));\r
+       },\r
+       \r
+       get: function(options){\r<