- Passage à Mootools v1.2templates/LSrelations.tpl
authorBenjamin Renard <brenard@easter-eggs.com>
Sat, 5 Jul 2008 20:28:49 +0000 (20:28 +0000)
committerBenjamin Renard <brenard@easter-eggs.com>
Sat, 5 Jul 2008 20:28:49 +0000 (20:28 +0000)
-> config.inc.php :
- Deux fichiers js à include au lieu d'un seul
- Suppression du Debugger (Debugger.js incompatible)
- LSformElement_image : refonte de l'affichage
- Templates :
- LSview-action : Passage aux balises ul/li plutôt que p/a
- select.tpl : correction d'un bug concernant la sélection du subDn actif
- Création de LSconfirmBox : module de confirmation
- JS :
-> LSform.js : Modularisation du code :
- LSformElement_select_object.js
- LSformElement_image.js
- LSformElement_password.js
- CSS :
-> Modularisation :
- LSselect.css
- LSrelation.css
- LSrelation :
-> Refonte du mécanisme JS
-> Modification de l'affichage
-> Ajout d'une confirmation à la suppresion (LSconfirmBox)
- LSsmoothbox : Refonte profonde
- view.php :
 - Correction d'un bug : la colone action était vide lors de la mise en cache
   par LSselect.
- LSldapObject :
- getDisplayValue() : ajout d'une possibilité de l'affichage du subDn en plus
du nom
- LSsession : ajout d'un méthode haveSubDn()
- JS :
 - Modularisation de la verification d'une requete Ajax
  -> LSdefault : nouvelles méthodes :
-> checkAjaxReturn() : Pour les retours JSON
-> ajaxDisplayDebugAndError() : Pour les retours HTML (Type LSselect)

38 files changed:
trunk/conf/config.inc.php
trunk/includes/class/class.LSformElement_image.php
trunk/includes/class/class.LSformElement_password.php
trunk/includes/class/class.LSformElement_select_object.php
trunk/includes/class/class.LSldapObject.php
trunk/includes/class/class.LSsession.php
trunk/includes/js/Debugger.js [deleted file]
trunk/includes/js/LSconfirmBox.js [new file with mode: 0644]
trunk/includes/js/LSdefault.js
trunk/includes/js/LSform.js
trunk/includes/js/LSformElement_image.js [new file with mode: 0644]
trunk/includes/js/LSformElement_password.js [new file with mode: 0644]
trunk/includes/js/LSformElement_select_object.js [new file with mode: 0644]
trunk/includes/js/LSrelation.js
trunk/includes/js/LSselect.js
trunk/includes/js/LSsession_login.js
trunk/includes/js/LSsmoothbox.js
trunk/includes/js/LSview.js
trunk/includes/js/mootools-core.js [new file with mode: 0644]
trunk/includes/js/mootools-more.js [new file with mode: 0644]
trunk/includes/js/mootools.js [deleted file]
trunk/index_ajax.php
trunk/select.php
trunk/templates/LSrelations.tpl
trunk/templates/css/LSconfirmBox.css [new file with mode: 0644]
trunk/templates/css/LSdefault.css
trunk/templates/css/LSform.css
trunk/templates/css/LSrelation.css [new file with mode: 0644]
trunk/templates/css/LSselect.css [new file with mode: 0644]
trunk/templates/css/LSsmoothbox.css
trunk/templates/css/base.css
trunk/templates/images/close.png [new file with mode: 0644]
trunk/templates/modify.tpl
trunk/templates/select.tpl
trunk/templates/select_table.tpl
trunk/templates/view.tpl
trunk/templates/viewList.tpl
trunk/view.php

index 46dff9d..62e2bd0 100644 (file)
@@ -107,14 +107,11 @@ define('LS_TMP_DIR', 'tmp/');
 
 // Javascript
 $GLOBALS['defaultJSscipts']=array(
-  'mootools.js',
+  'mootools-core.js',
+  'mootools-more.js',
   'LSdefault.js'
 );
 
-if ($GLOBALS['LSdebug']['active']) {
-  $GLOBALS['defaultJSscipts'][]='Debugger.js';
-}
-
 // PHP values
 ini_set( 'magic_quotes_gpc', 'off' );
 ini_set( 'magic_quotes_sybase', 'off' );
index 8bdd456..226e920 100644 (file)
@@ -47,23 +47,24 @@ class LSformElement_image extends LSformElement {
     if (!$this -> isFreeze()) {
       $id=$this -> name.'_'.rand();
       $return = $this -> getLabelInfos();
-      $return['html'] = "<input type='file' name='".$this -> name."' class='LSform' id='$id' />\n";
+      $return['html'] = "<input type='file' name='".$this -> name."' class='LSform' id='LSformElement_image_input_$id' />\n";
       $this -> form -> setMaxFileSize(MAX_SEND_FILE_SIZE);
     }
 
     if (!empty($this -> values[0])) {
       $img_path = $GLOBALS['LSsession'] -> getTmpFile($this -> values[0]);
-      $GLOBALS['Smarty'] -> assign('LSform_image',array(
+      $GLOBALS['Smarty'] -> assign('LSformElement_image',array(
         'img' => $img_path,
         'id'  => $id,
       ));
       if (!$this -> isFreeze()) {
-        $GLOBALS['Smarty'] -> assign('LSform_image_actions','delete');
+        $GLOBALS['Smarty'] -> assign('LSformElement_image_actions','delete');
       }
       
       if ($this -> form -> definedError($this -> name)) {
-        $GLOBALS['Smarty'] -> assign('LSform_image_errors',true);
+        $GLOBALS['Smarty'] -> assign('LSformElement_image_errors',true);
       }
+      $GLOBALS['LSsession'] -> addJSscript('LSformElement_image.js');
     }
     return $return;
   }
index c7d5087..2aab375 100644 (file)
@@ -97,6 +97,8 @@ class LSformElement_password extends LSformElement {
       if (!empty($this -> values)) {
         $return['html'] .= "* "._('Modification uniquement').".";
       }
+      
+      $GLOBALS['LSsession'] -> addJSscript('LSformElement_password.js');
     }
     else {
       if (empty($this -> values)) {
index ab6a7da..75e9db5 100644 (file)
@@ -69,10 +69,14 @@ class LSformElement_select_object extends LSformElement {
     }
     $return['html'].="</ul>\n";
     if (!$this -> isFreeze()) {
+      $GLOBALS['LSsession'] -> addJSscript('LSformElement_select_object.js');
       $GLOBALS['LSsession'] -> addJSscript('LSform.js');
       $GLOBALS['LSsession'] -> addJSscript('LSselect.js');
+      $GLOBALS['LSsession'] -> addCssFile('LSselect.css');
       $GLOBALS['LSsession'] -> addJSscript('LSsmoothbox.js');
       $GLOBALS['LSsession'] -> addCssFile('LSsmoothbox.css');
+      $GLOBALS['LSsession'] -> addJSscript('LSconfirmBox.js');
+      $GLOBALS['LSsession'] -> addCssFile('LSconfirmBox.css');
     }
     return $return;
   }
index cebfff5..f45f5d5 100644 (file)
@@ -136,14 +136,20 @@ class LSldapObject {
    * @author Benjamin Renard <brenard@easter-eggs.com>
    *
    * @param[in] $spe [<i>optionnel</i>] string Format d'affichage de l'objet
+   * @param[in] $full [<i>optionnel</i>] boolean True pour afficher en plus le
+   *                                             subDnName
    *
    * @retval string Valeur descriptive d'affichage de l'objet
    */ 
-  function getDisplayValue($spe='') {
+  function getDisplayValue($spe='',$full=false) {
     if ($spe=='') {
       $spe = $this -> getDisplayAttributes();
     }
-    return $this -> getFData($spe,&$this -> attrs,'getDisplayValue');
+    $val = $this -> getFData($spe,&$this -> attrs,'getDisplayValue');
+    if ($GLOBALS['LSsession'] -> haveSubDn() && $full) {
+      $val.=' ('.$this -> getSubDnName().')';
+    }
+    return $val;
   }
   
   /**
index 54c748d..09ef6e3 100644 (file)
@@ -822,7 +822,6 @@ class LSsession {
 
     // Css
     $Css_txt="<link rel='stylesheet' type='text/css' href='templates/css/LSdefault.css' />\n";
-    $Css_txt="<link rel='stylesheet' type='text/css' href='templates/css/LSdefault.css' />\n";
     foreach ($this -> CssFiles as $file) {
       $Css_txt.="<link rel='stylesheet' type='text/css' href='templates/css/$file' />\n";
     }
@@ -848,8 +847,8 @@ class LSsession {
     }
     
     if ($this -> ajaxDisplay) {
-      $GLOBALS['Smarty'] -> assign('error_txt',json_encode($GLOBALS['LSerror']->getErrors()));
-      $GLOBALS['Smarty'] -> assign('debug_txt',json_encode(debug_print(true)));
+      $GLOBALS['Smarty'] -> assign('LSerror_txt',$GLOBALS['LSerror']->getErrors());
+      $GLOBALS['Smarty'] -> assign('LSdebug_txt',debug_print(true));
     }
     else {
       $GLOBALS['LSerror'] -> display();
@@ -1362,7 +1361,7 @@ class LSsession {
   }
   
   /**
-   * Retourne si un type d'objet est dans le menu courant
+   * Indique si un type d'objet est dans le menu courant
    * 
    * @retval boolean true si le type d'objet est dans le menu, false sinon
    */
@@ -1372,6 +1371,15 @@ class LSsession {
     }
     return isset($this -> LSaccess[$topDn][$LSobject]);
   }
+  
+  /**
+   * Indique si le serveur LDAP courant a des subDn
+   * 
+   * @retval boolean true si le serveur LDAP courant a des subDn, false sinon
+   */
+  function haveSubDn() {
+    return (is_array($this -> ldapServer['subDn']));
+  }
 }
 
 ?>
diff --git a/trunk/includes/js/Debugger.js b/trunk/includes/js/Debugger.js
deleted file mode 100644 (file)
index 83aff6b..0000000
+++ /dev/null
@@ -1,395 +0,0 @@
-/*
-Script: Debugger.js
-       Creates Firebug <http://www.getfirebug.com> style debugger for browsers without Firebug.
-
-License:
-       MIT-style license.
-*/
-
-var debug = {
-       timers: {},
-       pre: function(content, color, bgcolor){
-               if (debug.disabled) return;
-               if (!debug._body) debug.create();
-               var pre = new Element('pre').setStyles({
-                       'padding': '3px 5px',
-                       'margin': '0',
-                       'font': '11px Andale Mono, Monaco, Courier New',
-                       'border-bottom': '1px solid #eee',
-                       'color': color || '#222',
-                       'background-color': bgcolor || '#fff'
-               });
-               if ($type(content) == "string") pre.appendText(content);
-               else pre.adopt(content);
-               pre.injectInside(debug._contents);
-
-               debug._scroll.toBottom();
-       },
-
-       error: function(error){
-               debug.pre(error.name + ': ' + error.message, '#c92f2f', '#fffef0');
-       },
-
-       register: function(text){
-               debug.messages.remove(text);
-               debug.messages.push(text);
-               debug.idx = debug.messages.length;
-               var toCookie = debug.messages.join('-:-:-').replace(/;/g, '%%%');
-               Cookie.set('mootools-debugger-history', toCookie, {duration: {days: 2}});
-       },
-
-       result: function(args, spacer){
-               spacer = $type(spacer) ? spacer : ' ';
-               var chunks = [];
-               $each(args, function(argument){
-                       var type = $type(argument);
-                       if (type){
-                               if ((type != 'string') && (type != 'element')){
-                                       try {
-                                               argument = Json.toString(argument);
-                                       } catch(e) {
-                                               argument = 'object not compatible with Json parser';
-                                       }
-                               }
-                               chunks.push({'type': type, 'message': argument});
-                       }
-               });
-                       var holder = new Element('div');
-                       if (!chunks.length) return;
-               chunks.each(function(chunk){
-                       var color = '#222';
-                       switch(chunk.type){
-                               case 'object': color = '#612fc9'; break;
-                               case 'string': color = '#85b23e'; break;
-                               case 'element':
-                                       color = '#3e72b2';
-                                       chunk.message = this.makeElementMsg(chunk.message);
-                                       break;
-                               case 'boolean': color = '#ff3300'; break;
-                               case 'array': color = '#953eb2'; break;
-                       }
-                       switch(chunk.type){
-                               case 'element':
-                                       chunk.message.setStyle('color', color).injectInside(holder);
-                                       holder.appendText(spacer);
-                                       break;
-                               case 'string':
-                                       new Element('span').appendText(chunk.message + spacer).setStyle('color', color).injectInside(holder);
-                                       break;
-                               default:
-                                       new Element('span').setHTML(chunk.message + spacer).setStyle('color', color).injectInside(holder);
-                       }
-               }, this);
-               debug.pre(holder);
-       },
-
-       makeElementMsg: function(el){
-               var a = new Element('a').addEvent('click', function(e){
-                       new Fx.Style(el, 'opacity').start(0,1);
-                       e.stop();
-               }.bindWithEvent()).setStyles({'cursor': 'pointer', 'text-decoration': 'none'}).setProperty('href', 'javascript:void(0)');
-               var htm = ['&lt;' + el.tagName.toLowerCase()];
-               ['id', 'className', 'name', 'href', 'title', 'rel', 'type'].each(function(attr){
-                       if (el[attr]) htm.push(attr + '="' + el[attr] + '"');
-               });
-               a.innerHTML = htm.join(' ') + '&gt;';
-               return a;
-       },
-
-       /*
-       Property: log
-               sends a message to the debugger.
-               Arguments:
-               messages - any number of strings, objects, etc. to print out
-               Note:
-               The debugger will allow firebug style log messages:
-                       %s      - String
-               %d, %i  - Integer (numeric formatting is not yet supported)
-               %f      - Floating point number (numeric formatting is not yet supported)
-               %o      - Object hyperlink
-               Example:
-                       >console.log("the value of x is %s and this paragraph is %o", x, $('id'));
-               > the value of x is <some value> and this paragraph is <p>
-       */
-
-       log: function(){
-               var args = $A(arguments);
-               var spacer = ' ';
-               if ($type(args[0]) == 'string'){
-                       spacer = '';
-                       var logCollection = [], lastIndex = 0;
-                       var regexp = /%[sdifo]/gi;
-                       for (var i = 1; (i < args.length) && (token = regexp.exec(args[0])); i++){
-                               logCollection.push(args[0].substring(lastIndex, token.index), args[i]);
-                               lastIndex = regexp.lastIndex;
-                       }
-                       regexp.lastIndex = 0;
-                       if (!lastIndex) return debug.result(args);
-                       logCollection.push(args[0].substring(lastIndex));
-                       args = logCollection;
-               }
-               return debug.result(args, spacer);
-       },
-
-       /*
-       Property: assert
-               Tests that an expression is true. If not, logs a message and throws an error.
-
-       Arguments:
-               condition - a boolean expression. If false, message will be logged and an error will be thrown.
-               messages - optional, any number of strings, objects, etc. to print out when thruth is false.
-
-       Example:
-               >console.assert((value > 0) && (value <= max), "value (%i) was not properly initialized", value);
-       */
-
-       assert: function(condition){
-               if (!condition){
-                       var args = $A(arguments, 1);
-                       debug.log.apply(debug, args.length ? args : ["Assertion Failure"]);
-                       throw new Error("Assertion Failure");
-               }
-       },
-
-       /*
-       Property: time
-               Starts a timer.
-       Argument:
-               name - the name of the timer
-       */
-
-       time: function(name){
-               debug.timers[name] = new Date().getTime();
-       },
-
-       /*
-       Property: timeEnd
-               Ends a timer and logs that value to the console.
-               Argument:
-               name - the name of the timer
-       */
-
-       timeEnd: function(name){
-               if (debug.timers[name]) debug.log('%s: %s', name, new Date().getTime() - debug.timers[name]);
-               else debug.log('no such timer: %s', name);
-       },
-
-       /*
-       Property: create
-               Displays the console area.
-       */
-       create: function(){
-                       //main element
-               debug._body = new Element('div').setStyles({
-                       'position': window.ie6 ? 'absolute' : 'fixed',
-                       'background': '#fff',
-                       'font': '11px Andale Mono, Monaco, Courier New',
-                       'z-index': '996'
-               }).injectInside(document.body);
-
-               //links
-               debug._actions = new Element('div').setStyles({
-                       'text-align': 'right',
-                       'background-color': '#f5f5f5',
-                       'border-bottom': '1px solid #ddd',
-                       'border-top': '1px solid #ddd',
-                       'padding': '2px 10px',
-                       'margin': '0px',
-                       'font-size': '10px'
-               }).injectInside(debug._body);
-               new Element('span').setHTML('CLEAR').injectInside(debug._actions).addEvent('click', function(){
-                       debug._contents.setHTML('');
-               }).setStyle('cursor', 'pointer');
-               new Element('span').setHTML('&nbsp;|&nbsp;').injectInside(debug._actions);
-               debug._minLink = new Element('span').setHTML('MIN').injectInside(debug._actions).addEvent('click', function(){
-                       debug.minmax();
-               }).setStyle('cursor', 'pointer');
-               debug._maxLink = new Element('span').setHTML('MAX').injectInside(debug._actions).addEvent('click', function(){
-                       debug.minmax(true);
-               }).setStyle('cursor', 'pointer');
-
-               var debuggerStatus = Cookie.get('mootools-debugger-status');
-               ((debuggerStatus && (debuggerStatus.toInt() < 50)) ? debug._minLink : debug._maxLink).setStyle('display', 'none');
-
-               new Element('span').setHTML('&nbsp;|&nbsp;').injectInside(debug._actions);
-               new Element('span').setHTML('CLOSE').injectInside(debug._actions).addEvent('click', function(){
-                       window.removeEvent('resize', debug.resize);
-                       debug._body.remove();
-                       debug._body = false;
-               }).setStyle('cursor', 'pointer');
-
-               //messages container
-               debug._contents = new Element('div').setStyles({
-                       'position': 'relative',
-                       'z-index': '9997',
-                       'height': debuggerStatus || '112px',
-                       'border-bottom': '1px solid #ddd',
-                       'overflow': 'auto',
-                       'background': '#fff'
-               }).injectInside(debug._body);
-               if (window.ie6) debug._contents.setStyle('width', '100%');
-
-               //input box
-               debug._input = new Element('input').setProperty('type', 'text').setStyles({
-                       'z-index': '9996',
-                       'width': '98%',
-                       'background': '#fff',
-                       'color': '#222',
-                       'font': '12px Andale Mono, Monaco, Courier New',
-                       'height': '16px',
-                       'border': '0',
-                       'padding': '2px 2px 2px 31px',
-                       'position': 'relative',
-                       'margin-top': '-1px'
-               }).injectInside(debug._body);
-
-               //>>>
-               debug._gts = new Element('div').setHTML("&gt;&gt;&gt;").setStyles({
-                       'color': '#3e72b2',
-                       'padding': '2px 5px',
-                       'background': '#fff',
-                       'z-index': '9999',
-                       'position': 'absolute',
-                       'left': '0'
-               }).injectInside(debug._body);
-
-               if (window.webkit){
-                       debug._input.setStyles({
-                               'margin-top': '-2px',
-                               'margin-left': '29px',
-                               'font-size': '12px',
-                               'opacity': '0.99'
-                       });
-               };
-
-               debug._scroll = new Fx.Scroll(debug._contents, {duration: 300, wait: false});
-               debug.resetHeight();
-               window.addEvent('resize', debug.resize);
-               if (window.ie6) window.addEvent('scroll', debug.resetHeight);
-
-               debug._input.onkeydown = debug.parseKey.bindWithEvent(debug);
-       },
-
-       resetHeight: function(){
-               debug._hgt = debug._body.offsetHeight;
-               if (!window.webkit) debug._hgt -= 3;
-               else debug._hgt -= 1;
-               debug._gts.setStyle('top', (debug._hgt - debug._gts.offsetHeight - 1));
-               debug.resize();
-               debug._scroll.toBottom();
-       },
-
-       resize: function(){
-               if (window.ie6){
-                       debug._body.setStyles({
-                               'top': (window.getScrollTop() + window.getHeight() - debug._hgt - 5),
-                               'width': (window.getWidth() - 16)
-                       });
-               } else {
-                       debug._body.setStyles({
-                               'top': (window.getHeight() - debug._hgt + 1),
-                               'width': (window.getWidth())
-                       });
-               }
-
-       },
-
-       minmax: function(maximize){
-               debug._maxLink.setStyle('display', maximize ? 'none' : '');
-               debug._minLink.setStyle('display', maximize ? '' : 'none');
-               var size = maximize ? '112px' : '18px';
-               debug._contents.style.height = size;
-               Cookie.set('mootools-debugger-status', size);
-               debug.resetHeight();
-       },
-
-       parseKey: function(e){
-               var value = debug._input.value;
-
-               switch(e.key){
-                       case 'enter':
-                               if (!value) return;
-                               debug._input.value = '';
-                               switch(value){
-                                       case 'exit': debug._body.remove(); debug._body = false; return;
-                                       case 'clear':
-                                       case 'clr': debug._contents.setHTML(''); return;
-                                       case 'max': this.minmax(true); return;
-                                       case 'min': this.minmax(); return;
-                               }
-
-                               debug.pre('>>> ' + value, '#3e72b2');
-
-                               try {
-                                       var evaluation = eval(value);
-                                       if (evaluation !== undefined) debug.result([evaluation]);
-                               } catch (err){
-                                       debug.error(err);
-                               }
-                               debug.register(value);
-                               break;
-
-                       case 'up':
-                               e.stop();
-                               var i = debug.idx - 1;
-                               if (debug.messages[i]){
-                                       debug._input.value = debug.messages[i];
-                                       debug.idx = i;
-                               }
-                               break;
-
-                       case 'down':
-                               e.stop();
-                               var i = debug.idx + 1;
-                               if (debug.messages[i]){
-                                       debug._input.value = debug.messages[i];
-                                       debug.idx = i;
-                               } else {
-                                       debug._input.value = '';
-                                       debug.idx = debug.messages.length;
-                               }
-               }
-       }
-
-};
-
-debug.messages = Cookie.get('mootools-debugger-history');
-debug.messages = debug.messages ? debug.messages.replace(/%%%/g, ';').split('-:-:-') : [];
-debug.idx = debug.messages.length;
-
-if ((typeof console == 'undefined') || !console.warn){
-       var console = debug;
-       window.onerror = function(msg, url, line){
-               console.error({
-                       'message': msg + '\n >>>>> ' + url + ' (' + line + ')',
-                       'name': 'Run Time Error'
-               });
-       };
-       if (typeof Ajax != 'undefined'){
-               Ajax = Ajax.extend({
-
-                       onStateChange: function(){
-                               this.parent();
-                               this.log();
-                       },
-
-                       log: function(){
-                               if (this.transport.readyState == 4){
-                                       try {
-                                               if (debug._body){
-                                                       var txt = this.transport.responseText;
-                                                       if ($chk(txt)){
-                                                               if (txt.length > 100) txt = txt.substring(0, 100) + " ...";
-                                                       } else {
-                                                               txt = 'undefined';
-                                                       }
-                                                       debug.log("%s: %s"+"\n"+"status: %s"+"\n"+"responseText: %s", this.options.method, this.url, this.transport.status, txt);
-                                               }
-                                       } catch(e){}
-                               }
-                       }
-               });
-       }
-}
-
-
diff --git a/trunk/includes/js/LSconfirmBox.js b/trunk/includes/js/LSconfirmBox.js
new file mode 100644 (file)
index 0000000..ea10ce9
--- /dev/null
@@ -0,0 +1,157 @@
+var LSconfirmBox = new Class({
+    initialize: function(options) {
+      this._options = options;
+      this.create();
+      this.display();
+    },
+    
+    create: function() {
+      this.box = new Element('div');
+      this.box.setProperty('id','box-LSconfirmBox');
+      this.box.injectInside(document.body);
+
+      this.title = new Element('p');
+      this.title.setProperty('id','title-LSconfirmBox');
+      if (this._options.title) {
+        this.title.set('html',this._options.title);
+      }
+      else {
+        this.title.set('html','Comfirmation');
+      };
+      this.title.injectInside(this.box)
+      
+      this.closeBtn = new Element('span');
+      this.closeBtn.setProperty('id','closeBtn-LSconfirmBox');
+      this.closeBtn.injectInside(this.box);
+      this.closeBtn.addEvent('click',this.cancel.bind(this));
+      
+      this.text = new Element('p');
+      this.text.setProperty('id','text-LSconfirmBox');
+      if (this._options.text) {
+        this.text.set('html',this._options.text);
+      }
+      else {
+        this.text.set('html','Comfirmez-vous votre choix ?');
+      }
+      this.text.injectInside(this.box);
+      
+      this.btnsBox = new Element('p');
+      this.btnsBox.setProperty('id','btnsBox-LSconfirmBox');
+      this.btnsBox.injectInside(this.box);
+      
+      this.confirmBtn = new Element('span');
+      this.confirmBtn.addClass('btn-LSconfirmBox');
+      this.confirmBtn.set('html','Valider');
+      this.confirmBtn.injectInside(this.btnsBox);
+      this.confirmBtn.addEvent('click',this.confirm.bind(this));
+      
+      this.cancelBtn = new Element('span');
+      this.cancelBtn.addClass('btn-LSconfirmBox');
+      this.cancelBtn.set('html','Annuler');
+      this.cancelBtn.injectInside(this.btnsBox);
+      this.cancelBtn.addEvent('click',this.cancel.bind(this));
+      
+      this._purge=0;
+      
+      this.fx = {
+        open:   new Fx.Morph(this.box, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onComplete: this.displayContent.bind(this)}),
+        close:  new Fx.Morph(this.box, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onComplete: this.onClose.bind(this)}),
+      };
+    },
+    
+    display: function() {
+      this.box.setStyle('display','block');
+      this.position(true);
+      window.addEvent('resize', this.position.bind(this));
+    },
+    
+    displayContent: function() {
+      [this.title, this.closeBtn, this.text, this.btnsBox].each(function(el) {
+        var fx = new Fx.Tween(el,{duration: 200});
+        fx.start('opacity',0,1);
+      },this);
+    },
+    
+    hide: function() {
+      this.box.empty();
+      this.fx.close.start(this.getStartStyles());
+      window.removeEvent('resize', this.position.bind(this));
+    },
+    
+    onClose: function() {
+      this.box.setStyle('display','none');
+      this.purge();
+    },
+    
+    purge: function() {
+      this._purge=1;
+      this.box.empty();
+      this.box.destroy();
+      delete this.fx;
+      delete this;
+    },
+    
+    getStartStyles: function() {
+      if (typeof(this._options.startElement) != 'undefined') {
+        var startStyles = {
+          top:      this._options.startElement.getCoordinates().top,
+          left:     this._options.startElement.getCoordinates().left,
+          width:    this._options.startElement.getStyle('width').toInt(),
+          opacity:  0
+        };
+      }
+      else {
+        var startStyles = {
+          top:      '0px',
+          left:     '0px',
+          width:    '0px',
+          opacity:  0
+        };
+      }
+      return startStyles;
+    },
+    
+    getEndStyles: function() {
+      if (this._options.width) {
+        w = this._options.width;
+      }
+      else {
+        w = 300;
+      }
+      
+      var endStyles = {
+        width:    w.toInt()+'px',
+        top:      ((window.getHeight()/2)-(this.box.getStyle('height').toInt()/2)-this.box.getStyle('border').toInt()+window.getScrollTop()).toInt(),
+        left:     ((window.getWidth()/2)-(w/2)-this.box.getStyle('border').toInt()).toInt(),
+        opacity:  1
+      };
+      return endStyles;
+    },
+    
+    position: function(start) {
+      if (this._purge==0) {
+        var endStyles = this.getEndStyles();
+        if (start) {
+          this.box.setStyles(this.getStartStyles());
+        }
+        this.fx.open.start(endStyles);
+      }
+    },
+    
+    confirm: function() {
+      if (this._options.onConfirm) {
+        try {
+          this._options.onConfirm();
+        }
+        catch (e){
+          console.log('onConfirm : rater');
+        }
+      }
+      this.hide();
+    },
+    
+    cancel: function() {
+      this.hide();
+    }
+    
+});
index 74df852..5668695 100644 (file)
@@ -3,26 +3,33 @@ var LSdefault = new Class({
       this.LSdebug = $('LSdebug');
       this.LSdebugInfos = $('LSdebug_infos');
       this.LSdebug.setOpacity(0);
-      if (this.LSdebugInfos.innerHTML != '') {
-        this.displayDebugBox();
-      }
 
       this.LSdebugHidden = $('LSdebug_hidden');
       this.LSdebugHidden.addEvent('click',this.onLSdebugHiddenClick.bindWithEvent(this));
+      
       this.LSerror = $('LSerror');
       this.LSerror.setOpacity(0);
-      if (this.LSerror.innerHTML != '') {
-        this.displayLSerror();
-      }
-      
+
       this.loading_img=[];
-      LSdebug(this.loading_img);
       this.loading_img_id=-1;
       
       this.LSsession_topDn = $('LSsession_topDn');
       if (this.LSsession_topDn) {
         this.LSsession_topDn.addEvent('change',this.onLSsession_topDnChange.bind(this));
       }
+      
+      this.fx = {
+        LSdebug:  new Fx.Tween(this.LSdebug,{property: 'opacity',duration:600}),
+        LSerror:  new Fx.Tween(this.LSerror,{property: 'opacity',duration:500})
+      };
+      
+      if (this.LSdebugInfos.innerHTML != '') {
+        this.displayDebugBox();
+      }
+      
+      if (this.LSerror.innerHTML != '') {
+        this.displayErrorBox.bind(this);
+      }
     },
 
     onLSsession_topDnChange: function() {
@@ -31,29 +38,55 @@ var LSdefault = new Class({
 
     onLSdebugHiddenClick: function(event){
       new Event(event).stop();
-      new Fx.Style(this.LSdebug,'opacity',{duration:500}).start(0.8,0);
+      this.fx.LSdebug.start(0.8,0);
     },
 
-    displayDebugBox: function() {
-      this.LSdebug.setStyle('top',getScrollTop()+10);
-      new Fx.Style(this.LSdebug,'opacity',{duration:500}).start(0,0.8);
+    checkAjaxReturn: function(data) {
+      if (typeof(data) == 'object') {
+        if (typeof(data.imgload) != "undefined") {
+          this.loadingImgHide(data.imgload);
+        }
+        else {
+          this.loadingImgHide();
+        }
+        
+        if (typeof(data.LSdebug) != "undefined") {
+          LSdebug(data.LSdebug);
+          this.displayDebug(data.LSdebug);
+        }
+        
+        if (typeof(data.LSerror) != "undefined") {
+          this.displayError(data.LSerror);
+          return;
+        }
+        return true;
+      }
+      else {
+        LSdebug('retour non-interprétable');
+        this.loadingImgHide();
+        return;
+      }
     },
 
     displayError: function(html) {
-      this.LSerror.empty();
-      this.LSerror.setHTML(html);
-      this.displayLSerror();
+      this.LSerror.set('html',html);
+      this.displayErrorBox();
     },
 
     displayDebug: function(html) {
-      this.LSdebugInfos.setHTML(html);
+      this.LSdebugInfos.set('html',html);
       this.displayDebugBox();
     },
 
-    displayLSerror: function() {
+    displayErrorBox: function() {
       this.LSerror.setStyle('top',getScrollTop()+10);
-      new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0,0.8);
-      (function(){new Fx.Style(this.LSerror,'opacity',{duration:500}).start(0.8,0);}).delay(5000, this);
+      this.fx.LSerror.start(0,0.8);
+      (function(){this.fx.LSerror.start(0.8,0);}).delay(10000, this);
+    },
+    
+    displayDebugBox: function() {
+      this.LSdebug.setStyle('top',getScrollTop()+10);
+      this.fx.LSdebug.start(0,0.8);
     },
 
     loadingImgDisplay: function(el,position,size) {
@@ -72,7 +105,6 @@ var LSdefault = new Class({
       else {
         this.loading_img[this.loading_img_id].injectAfter(el);
       }
-      LSdebug(this.loading_img_id);
       return this.loading_img_id;
     },
 
@@ -80,12 +112,30 @@ var LSdefault = new Class({
       if (isNaN(id)) {
         this.loading_img.each(function(el)  {
           if (typeof(el) != 'undefined')
-            el.remove();
+            el.destroy();
         },this);
         this.loading_img_id=-1;
       }
       else {
-        this.loading_img[id].remove();
+        this.loading_img[id].destroy();
+      }
+    },
+    
+    ajaxDisplayDebugAndError: function() {
+      var LSdebug_txt = $('LSdebug_txt');
+      if (LSdebug_txt) {
+        var debug = LSdebug_txt.innerHTML;
+        if (debug) {
+          this.displayDebug(debug.toString());
+        }
+      }
+      
+      var LSerror_txt = $('LSerror_txt');
+      if (LSerror_txt) {
+        var error=LSerror_txt.innerHTML;
+        if (error) {
+          this.displayError(error.toString());
+        }
       }
     }
 
index d377f9f..0f9ca46 100644 (file)
@@ -7,68 +7,9 @@ var LSform = new Class({
       $$('img.LSform-remove-field-btn').each(function(el) {
         el.addEvent('click',this.onRemoveFieldBtnClick.bind(this,el));
       }, this);
-      
-      $$('div.LSform_image').each(function(el) {
-        el.addEvent('mouseenter',this.onMouseEnterImage.bind(this));
-      }, this);
-      
-      $$('div.LSform_image').each(function(el) {
-        el.addEvent('mouseleave',this.onMouseLeaveImage.bind(this));
-      }, this);
-      
-      $$('img.LSform_image_action_zoom').each(function(el) {
-        el.addEvent('click',this.zoomImg.bindWithEvent(this,el.getParent().getParent().getNext().src));
-      }, this);
-      
-      $$('img.LSform_image_action_delete').each(function(el) {
-        el.addEvent('click',this.onImageDeleteBtnClick.bind(this,el));
-      }, this);
-      
-      this.LSformElement_password_generate_inputHistory = [];
-      $$('img.LSformElement_password_generate_btn').each(function(el) {
-        el.addEvent('click',this.onLSformElement_password_generate_btnClick.bind(this,el));
-      }, this);
-      
-      $$('img.LSformElement_password_view_btn').each(function(el) {
-        el.addEvent('click',this.onLSformElement_password_view_btnClick.bind(this,el));
-      }, this);
-      
-      this.LSformElement_password_background_color = [];
-      
-      this.initialiseLSformElement_password_generate();
-      
-      $$('img.LSformElement_password_verify_btn').each(function(el) {
-        el.addEvent('click',this.onLSformElement_password_verify_btnClick.bind(this,el));
-      }, this);
-
-      this.initialiseLSformElement_select_object();
-    },
-    
-    initialiseLSformElement_select_object: function() {
-      $$('a.LSformElement_select_object_addBtn').each(function(el) {
-        el.addEvent('click',this.onLSformElement_select_object_addBtnClick.bindWithEvent(this,el));
-      }, this);
-      
-      $$('img.LSformElement_select_object_deleteBtn').each(function(el) {
-        el.addEvent('click',this.LSformElement_select_object_deleteBtn.bind(this,el));
-      }, this);
     },
     
-    initialiseLSformElement_password_generate: function() {
-      $$('input.LSformElement_password_generate').each(function(el) {
-        this.LSformElement_password_background_color[el.id] = el.getStyle('background-color');
-        el.addEvent('click',this.onLSformElement_password_verify_inputClick.bind(this,el));
-        el.addEvent('keyup',this.onLSformElement_password_generate_inputKeyUp.bind(this,el));
-      }, this);
-    },
-    
-    zoomImg: function(event, src) {
-      new Event(event).stop();
-      varLSsmoothbox.openImg(src);
-    },
-
     onAddFieldBtnClick: function(img){
-      
       var getAttrName = /LSform_add_field_btn_(.*)_.*/
       var attrName = getAttrName.exec(img.id)[1];
       LSdebug(attrName);
@@ -84,31 +25,23 @@ var LSform = new Class({
       };
       LSdebug(data);
       data.imgload = varLSdefault.loadingImgDisplay(img);
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onAddFieldBtnClickComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onAddFieldBtnClickComplete.bind(this)}).send();
     },
 
     onAddFieldBtnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
+      var data = JSON.decode(responseText);
       LSdebug(data);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-            varLSdefault.loadingImgHide(data.imgload);
-            varLSdefault.displayError(data.LSerror);
-            return;
-          } 
-          else {
-            varLSdefault.loadingImgHide(data.imgload);
-            var li = new Element('li');
-            var img = $(data.img);
-            li.setHTML(data.html);
-            li.injectAfter(img.getParent());
-            li.getElements('img[class=LSform-add-field-btn]').each(function(el) {
-              el.addEvent('click',this.onAddFieldBtnClick.bind(this,el));
-            }, this);
-            li.getElements('img[class=LSform-remove-field-btn]').each(function(el) {
-              el.addEvent('click',this.onRemoveFieldBtnClick.bind(this,el));
-            }, this);
-          }
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        var li = new Element('li');
+        var img = $(data.img);
+        li.set('html',data.html);
+        li.injectAfter(img.getParent());
+        li.getElements('img[class=LSform-add-field-btn]').each(function(el) {
+          el.addEvent('click',this.onAddFieldBtnClick.bind(this,el));
+        }, this);
+        li.getElements('img[class=LSform-remove-field-btn]').each(function(el) {
+          el.addEvent('click',this.onRemoveFieldBtnClick.bind(this,el));
+        }, this);
       }
     },
 
@@ -117,249 +50,9 @@ var LSform = new Class({
         img.getPrevious().getPrevious().value='';
       }
       else {
-        img.getParent().remove();
+        img.getParent().destroy();
       }
-    },
-    
-    onMouseEnterImage: function() {
-      $$('ul.LSform_image_actions').each(function(el) {
-        el.setStyle('visibility','visible');  
-      }, this);
-    },
-    
-    onMouseLeaveImage: function() {
-      $$('ul.LSform_image_actions').each(function(el) {
-        el.setStyle('visibility','hidden');  
-      }, this);
-    },
-    
-    onImageDeleteBtnClick: function(img) {
-      $$('form.LSform').each(function(el) {
-        var input = new Element('input');
-        input.type = 'hidden';
-        var getInputId = /LSform_image_action_delete_(.*)/
-        input.name = $(getInputId.exec(img.id)[1]).name + '_delete';
-        input.value='delete';
-        input.injectInside(el);  
-      },this);
-      img.getParent().getParent().getParent().remove();
-    },
-    
-    onLSformElement_select_object_addBtnClick: function(event,a) {
-      new Event(event).stop();
-      var getFieldId = /a_(.*)/
-      var fieldId = getFieldId.exec(a.id)[1];
-      var getId = /a_LSformElement_select_object_.*_([0-9]*)$/
-      var Id = getId.exec(a.id)[1];
-      
-      values = new Array();
-      $$('input.LSformElement_select_object').each(function(el) {
-        values.push(el.getProperty('value'));
-      }, this);
-      
-      var data = {
-        template:   'LSselect',
-        action:     'refreshSession',
-        objecttype: $('LSformElement_select_object_objecttype_'+Id).value,
-        values:     Json.toString(values),
-        href:       a.href
-      };
-      
-      LSdebug(data);
-      
-      data.imgload=varLSdefault.loadingImgDisplay(a,'inside');
-      this.refreshFields=fieldId;
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onLSformElement_select_object_addBtnClickComplete.bind(this)}).request();
-    },
-    
-    onLSformElement_select_object_addBtnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-            varLSdefault.displayError(data.LSerror);
-            return;
-          } 
-          else {
-            varLSdefault.loadingImgHide(data.imgload);
-            varLSsmoothbox.openURL(data.href,this);
-          }
-      }
-    },
-    
-    refresh: function() {
-      var getAttrName = /LSformElement_select_object_(.*)_[0-9]*/
-      var attrName = getAttrName.exec(this.refreshFields)[1];
-      var data = {
-        template:   'LSform',
-        action:     'refreshField',
-        attribute:  attrName,
-        objecttype: $('LSform_objecttype').value,
-        objectdn:   $('LSform_objectdn').value,
-        idform:     $('LSform_idform').value,
-        ul:         this.refreshFields
-      };
-      LSdebug(data);
-      data.imgload=varLSdefault.loadingImgDisplay($('a_' + this.refreshFields));
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onRefreshComplete.bind(this)}).request();
-    },
-    
-    onRefreshComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-          varLSdefault.loadingImgHide(data.imgload);
-          varLSdefault.displayError(data.LSerror);
-          return;
-        } 
-        else {  
-          varLSdefault.loadingImgHide(data.imgload);
-          $(this.refreshFields).getParent().setHTML(data.html);
-          this.initialiseLSformElement_select_object();
-        }
-      }
-    },
-    
-    LSformElement_select_object_deleteBtn: function(img) {
-      img.getParent().remove();
-    },
-
-    onLSformElement_password_generate_btnClick: function(img) {
-      var getAttrNameAndId = /LSformElement_password_generate_btn_(.*)_([0-9]*)/
-      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
-      var attrName = getAttrNameAndIdValues[1];
-      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
-      var viewBtnId = 'LSformElement_password_view_btn_' + attrName + '_' + getAttrNameAndIdValues[2];
-
-      var data = {
-        template:   'LSform',
-        action:     'generatePassword',
-        attribute:  attrName,
-        objecttype: $('LSform_objecttype').value,
-        idform:     $('LSform_idform').value,
-        viewBtnId:  viewBtnId,
-        fieldId:    fieldId
-      };
-      data.imgload=varLSdefault.loadingImgDisplay(img);
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onLSformElement_password_generate_btnClickComplete.bind(this)}).request();
-    },
-    
-    onLSformElement_password_generate_btnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-          varLSdefault.loadingImgHide(data.imgload);
-          varLSdefault.displayError(data.LSerror);
-          return;
-        } 
-        else {  
-          varLSdefault.loadingImgHide(data.imgload);
-          this.changeInputType($(data.fieldId),'text');
-          $(data.fieldId).value=data.generatePassword;
-          $(data.viewBtnId).setProperty('src','templates/images/hide.png');
-          this.LSformElement_password_generate_inputHistory[data.fieldId]=data.generatePassword;
-        }
-      }
-    },
-
-    onLSformElement_password_generate_inputKeyUp: function(input) {
-      if (input.type=='text') {
-        if((this.LSformElement_password_generate_inputHistory[input.id]!=input.value)&&(typeof(this.LSformElement_password_generate_inputHistory[input.id])!='undefined')&&(this.LSformElement_password_generate_inputHistory[input.id]!='')) {
-          this.onLSformElement_password_generate_inputModify(input);
-        }
-      }
-    },
-    
-    onLSformElement_password_generate_inputModify: function(input) {
-      input.value='';
-      input = this.changeInputType(input,'password');
-      var getAttrNameAndId = /LSformElement_password_(.*)_([0-9]*)/
-      var attrNameAndId = getAttrNameAndId.exec(input.id);
-      var viewBtnId = 'LSformElement_password_view_btn_' + attrNameAndId[1] + '_' + attrNameAndId[2];
-      $(viewBtnId).setProperty('src','templates/images/view.png');
-      this.LSformElement_password_generate_inputHistory[input.id]='';
-      input.focus();
-    },
-    
-    onLSformElement_password_view_btnClick: function(img) {
-      var getAttrNameAndId = /LSformElement_password_view_btn_(.*)_([0-9]*)/
-      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
-      var attrName = getAttrNameAndIdValues[1];
-      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
-      
-      input = $(fieldId);
-      
-      if (input.type=='password') {
-        input = this.changeInputType(input,'text');
-        img.setProperty('src','templates/images/hide.png');
-      }
-      else {
-        input = this.changeInputType(input,'password');
-        img.setProperty('src','templates/images/view.png');
-      }
-      input.focus();
-    },
-    
-    changeInputType: function(input,newType) {
-      var newInput = new Element('input');
-      newInput.setProperty('name',input.getProperty('name'));
-      newInput.setProperty('type',newType);
-      newInput.setProperty('class',input.getProperty('class'));
-      newInput.setProperty('id',input.getProperty('id'));
-      newInput.setProperty('value',input.getProperty('value'));
-      newInput.injectAfter(input);
-      input.remove();
-      this.initialiseLSformElement_password_generate();
-      return newInput;
-    },
-    
-    onLSformElement_password_verify_btnClick: function(img) {
-      var getAttrNameAndId = /LSformElement_password_verify_btn_(.*)_([0-9]*)/
-      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
-      var attrName = getAttrNameAndIdValues[1];
-      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
-      var verifyBtnId = 'LSformElement_password_verify_btn_' + attrName + '_' + getAttrNameAndIdValues[2];
-
-      var data = {
-        template:   'LSform',
-        action:     'verifyPassword',
-        attribute:  attrName,
-        objecttype: $('LSform_objecttype').value,
-        idform:     $('LSform_idform').value,
-        fieldId:    fieldId,
-        fieldValue: $(fieldId).value,
-        objectdn:   $('LSform_objectdn').value
-      };
-      LSdebug(data);
-      data.imgload=varLSdefault.loadingImgDisplay(img);
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onLSformElement_password_verify_btnClickComplete.bind(this)}).request();
-    },
-    
-    onLSformElement_password_verify_btnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-          varLSdefault.loadingImgHide(data.imgload);
-          varLSdefault.displayError(data.LSerror);
-          return;
-        } 
-        else {  
-          varLSdefault.loadingImgHide(data.imgload);
-          if (data.verifyPassword) {
-            // ok
-            $(data.fieldId).setStyle('background-color','#73F386');
-          }
-          else {
-            // nok
-            $(data.fieldId).setStyle('background-color','#f59a67');
-          }
-        }
-      }
-    },
-    
-    onLSformElement_password_verify_inputClick: function(input) {
-      input.setStyle('background-color',this.LSformElement_password_background_color[input.id]);
     }
-
 });
 window.addEvent(window.ie ? 'load' : 'domready', function() {
   varLSform = new LSform();
diff --git a/trunk/includes/js/LSformElement_image.js b/trunk/includes/js/LSformElement_image.js
new file mode 100644 (file)
index 0000000..17a010d
--- /dev/null
@@ -0,0 +1,62 @@
+var LSformElement_image = new Class({
+    initialize: function(){
+      $$('div.LSformElement_image').each(function(el) {
+        el.addEvent('mouseenter',this.onMouseEnterImage.bind(this));
+      }, this);
+      
+      $$('div.LSformElement_image').each(function(el) {
+        el.addEvent('mouseleave',this.onMouseLeaveImage.bind(this));
+      }, this);
+      
+      $$('img.LSformElement_image_action_zoom').each(function(el) {
+        var getId = /LSformElement_image_action_zoom_(.*)/
+        var id = getId.exec(el.id)[1];
+        var img = $('LSformElement_image_' + id);
+        var src = img.src;
+        el.addEvent('click',this.zoomImg.bindWithEvent(this,img));
+      }, this);
+      
+      $$('img.LSformElement_image_action_delete').each(function(el) {
+        el.addEvent('click',this.onImageDeleteBtnClick.bind(this,el));
+      }, this);
+    },
+    
+    zoomImg: function(event, img) {
+      new Event(event).stop();
+      varLSsmoothbox.hideValidBtn();
+      varLSsmoothbox.openImg(img.src,{startElement: img});
+    },
+    
+    onMouseEnterImage: function() {
+      $$('ul.LSformElement_image_actions').each(function(el) {
+        el.setStyle('visibility','visible');  
+      }, this);
+    },
+    
+    onMouseLeaveImage: function() {
+      $$('ul.LSformElement_image_actions').each(function(el) {
+        el.setStyle('visibility','hidden');  
+      }, this);
+    },
+    
+    onImageDeleteBtnClick: function(img) {
+      $$('form.LSform').each(function(el) {
+        var input = new Element('input');
+        input.type = 'hidden';
+        var getInputId = /LSformElement_image_action_delete_(.*)/
+        var id = 'LSformElement_image_input_' + getInputId.exec(img.id)[1];
+        input.name = $(id).name + '_delete';
+        input.value='delete';
+        input.injectInside(el);  
+      },this);
+      
+      var main = img.getParent().getParent().getParent();
+      var hidder = new Fx.Tween(main,{property: 'opacity',duration:600,onComplete:main.dispose.bind(this)});
+      hidder.start(1,0);
+      //img.getParent().getParent().getParent().destroy();
+    }
+    
+});
+window.addEvent(window.ie ? 'load' : 'domready', function() {
+  varLSformElement_image = new LSformElement_image();
+});
diff --git a/trunk/includes/js/LSformElement_password.js b/trunk/includes/js/LSformElement_password.js
new file mode 100644 (file)
index 0000000..b1adf65
--- /dev/null
@@ -0,0 +1,151 @@
+var LSformElement_password = new Class({
+    initialize: function(){
+      this.LSformElement_password_generate_inputHistory = [];
+      $$('img.LSformElement_password_generate_btn').each(function(el) {
+        el.addEvent('click',this.onLSformElement_password_generate_btnClick.bind(this,el));
+      }, this);
+      
+      $$('img.LSformElement_password_view_btn').each(function(el) {
+        el.addEvent('click',this.onLSformElement_password_view_btnClick.bind(this,el));
+      }, this);
+      
+      this.LSformElement_password_background_color = [];
+      
+      $$('img.LSformElement_password_verify_btn').each(function(el) {
+        el.addEvent('click',this.onLSformElement_password_verify_btnClick.bind(this,el));
+      }, this);
+      this.initialiseLSformElement_password_generate();
+    },
+    
+    initialiseLSformElement_password_generate: function() {
+      $$('input.LSformElement_password_generate').each(function(el) {
+        this.LSformElement_password_background_color[el.id] = el.getStyle('background-color');
+        el.addEvent('click',this.onLSformElement_password_verify_inputClick.bind(this,el));
+        el.addEvent('keyup',this.onLSformElement_password_generate_inputKeyUp.bind(this,el));
+      }, this);
+    },
+    
+    onLSformElement_password_generate_btnClick: function(img) {
+      var getAttrNameAndId = /LSformElement_password_generate_btn_(.*)_([0-9]*)/
+      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
+      var attrName = getAttrNameAndIdValues[1];
+      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
+      var viewBtnId = 'LSformElement_password_view_btn_' + attrName + '_' + getAttrNameAndIdValues[2];
+
+      var data = {
+        template:   'LSform',
+        action:     'generatePassword',
+        attribute:  attrName,
+        objecttype: $('LSform_objecttype').value,
+        idform:     $('LSform_idform').value,
+        viewBtnId:  viewBtnId,
+        fieldId:    fieldId
+      };
+      data.imgload=varLSdefault.loadingImgDisplay(img);
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onLSformElement_password_generate_btnClickComplete.bind(this)}).send();
+    },
+    
+    onLSformElement_password_generate_btnClickComplete: function(responseText, responseXML) {
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        this.changeInputType($(data.fieldId),'text');
+        $(data.fieldId).value=data.generatePassword;
+        $(data.viewBtnId).setProperty('src','templates/images/hide.png');
+        this.LSformElement_password_generate_inputHistory[data.fieldId]=data.generatePassword;
+      }
+    },
+
+    onLSformElement_password_generate_inputKeyUp: function(input) {
+      if (input.type=='text') {
+        if((this.LSformElement_password_generate_inputHistory[input.id]!=input.value)&&(typeof(this.LSformElement_password_generate_inputHistory[input.id])!='undefined')&&(this.LSformElement_password_generate_inputHistory[input.id]!='')) {
+          this.onLSformElement_password_generate_inputModify(input);
+        }
+      }
+    },
+    
+    onLSformElement_password_generate_inputModify: function(input) {
+      input.value='';
+      input = this.changeInputType(input,'password');
+      var getAttrNameAndId = /LSformElement_password_(.*)_([0-9]*)/
+      var attrNameAndId = getAttrNameAndId.exec(input.id);
+      var viewBtnId = 'LSformElement_password_view_btn_' + attrNameAndId[1] + '_' + attrNameAndId[2];
+      $(viewBtnId).setProperty('src','templates/images/view.png');
+      this.LSformElement_password_generate_inputHistory[input.id]='';
+      input.focus();
+    },
+    
+    onLSformElement_password_view_btnClick: function(img) {
+      var getAttrNameAndId = /LSformElement_password_view_btn_(.*)_([0-9]*)/
+      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
+      var attrName = getAttrNameAndIdValues[1];
+      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
+      
+      input = $(fieldId);
+      
+      if (input.type=='password') {
+        input = this.changeInputType(input,'text');
+        img.setProperty('src','templates/images/hide.png');
+      }
+      else {
+        input = this.changeInputType(input,'password');
+        img.setProperty('src','templates/images/view.png');
+      }
+      input.focus();
+    },
+    
+    changeInputType: function(input,newType) {
+      var newInput = new Element('input');
+      newInput.setProperty('name',input.getProperty('name'));
+      newInput.setProperty('type',newType);
+      newInput.setProperty('class',input.getProperty('class'));
+      newInput.setProperty('id',input.getProperty('id'));
+      newInput.setProperty('value',input.getProperty('value'));
+      newInput.injectAfter(input);
+      input.destroy();
+      this.initialiseLSformElement_password_generate();
+      return newInput;
+    },
+    
+    onLSformElement_password_verify_btnClick: function(img) {
+      var getAttrNameAndId = /LSformElement_password_verify_btn_(.*)_([0-9]*)/
+      var getAttrNameAndIdValues = getAttrNameAndId.exec(img.id);
+      var attrName = getAttrNameAndIdValues[1];
+      var fieldId = 'LSformElement_password_' + attrName + '_' + getAttrNameAndIdValues[2];
+      var verifyBtnId = 'LSformElement_password_verify_btn_' + attrName + '_' + getAttrNameAndIdValues[2];
+
+      var data = {
+        template:   'LSform',
+        action:     'verifyPassword',
+        attribute:  attrName,
+        objecttype: $('LSform_objecttype').value,
+        idform:     $('LSform_idform').value,
+        fieldId:    fieldId,
+        fieldValue: $(fieldId).value,
+        objectdn:   $('LSform_objectdn').value
+      };
+      LSdebug(data);
+      data.imgload=varLSdefault.loadingImgDisplay(img);
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onLSformElement_password_verify_btnClickComplete.bind(this)}).send();
+    },
+    
+    onLSformElement_password_verify_btnClickComplete: function(responseText, responseXML) {
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        if (data.verifyPassword) {
+          // ok
+          $(data.fieldId).setStyle('background-color','#73F386');
+        }
+        else {
+          // nok
+          $(data.fieldId).setStyle('background-color','#f59a67');
+        }
+      }
+    },
+    
+    onLSformElement_password_verify_inputClick: function(input) {
+      input.setStyle('background-color',this.LSformElement_password_background_color[input.id]);
+    }
+});
+window.addEvent(window.ie ? 'load' : 'domready', function() {
+  varLSformElement_password = new LSformElement_password();
+});
diff --git a/trunk/includes/js/LSformElement_select_object.js b/trunk/includes/js/LSformElement_select_object.js
new file mode 100644 (file)
index 0000000..98cb503
--- /dev/null
@@ -0,0 +1,80 @@
+var LSformElement_select_object = new Class({
+    initialize: function(){
+      this.initialiseLSformElement_select_object();
+    },
+    
+    initialiseLSformElement_select_object: function() {
+      $$('a.LSformElement_select_object_addBtn').each(function(el) {
+        el.addEvent('click',this.onLSformElement_select_object_addBtnClick.bindWithEvent(this,el));
+      }, this);
+      
+      $$('img.LSformElement_select_object_deleteBtn').each(function(el) {
+        el.addEvent('click',this.LSformElement_select_object_deleteBtn.bind(this,el));
+      }, this);
+    },
+    
+    onLSformElement_select_object_addBtnClick: function(event,a) {
+      new Event(event).stop();
+      var getFieldId = /a_(.*)/
+      var fieldId = getFieldId.exec(a.id)[1];
+      var getId = /a_LSformElement_select_object_.*_([0-9]*)$/
+      var Id = getId.exec(a.id)[1];
+      
+      values = new Array();
+      $$('input.LSformElement_select_object').each(function(el) {
+        values.push(el.getProperty('value'));
+      }, this);
+      
+      var data = {
+        template:   'LSselect',
+        action:     'refreshSession',
+        objecttype: $('LSformElement_select_object_objecttype_'+Id).value,
+        values:     JSON.encode(values),
+        href:       a.href
+      };
+      
+      data.imgload=varLSdefault.loadingImgDisplay(a,'inside');
+      this.refreshFields=fieldId;
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onLSformElement_select_object_addBtnClickComplete.bind(this)}).send();
+    },
+    
+    onLSformElement_select_object_addBtnClickComplete: function(responseText, responseXML) {
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        varLSsmoothbox.setRefreshElement(this);
+        varLSsmoothbox.displayValidBtn();
+        varLSsmoothbox.openURL(data.href,{width: 615});
+      }
+    },
+    
+    refresh: function() {
+      var getAttrName = /LSformElement_select_object_(.*)_[0-9]*/
+      var attrName = getAttrName.exec(this.refreshFields)[1];
+      var data = {
+        template:   'LSform',
+        action:     'refreshField',
+        attribute:  attrName,
+        objecttype: $('LSform_objecttype').value,
+        objectdn:   $('LSform_objectdn').value,
+        idform:     $('LSform_idform').value,
+        ul:         this.refreshFields
+      };
+      data.imgload=varLSdefault.loadingImgDisplay($('a_' + this.refreshFields));
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onRefreshComplete.bind(this)}).send();
+    },
+    
+    onRefreshComplete: function(responseText, responseXML) {
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        $(this.refreshFields).getParent().set('html',data.html);
+        this.initialiseLSformElement_select_object();
+      }
+    },
+    
+    LSformElement_select_object_deleteBtn: function(img) {
+      img.getParent().destroy();
+    }
+});
+window.addEvent(window.ie ? 'load' : 'domready', function() {
+  varLSformElement_select_object = new LSformElement_select_object();
+});
index 440e7ca..162b459 100644 (file)
@@ -4,6 +4,7 @@ var LSrelation = new Class({
       this.deleteBtn = [];
       this.deleteBtnId = 0;
       this.refreshRelation=0;
+      this._confirmDelete=1;
       $$('a.LSrelation_modify').each(function(el) {
         this.edit=1;
         el.addEvent('click',this.onLSrelationModifyBtnClick.bindWithEvent(this,el));
@@ -15,7 +16,7 @@ var LSrelation = new Class({
     
     initializeBtn: function() {
       $$('img.LSrelation-btn').each(function(el) {
-        el.remove();
+        el.destroy();
       }, this);
       this.deleteBtnId = 0;
       $$('li.LSrelation').each(function(li) {
@@ -31,43 +32,48 @@ var LSrelation = new Class({
     },
     
     onDeleteBtnClick: function(img) {
-      li = img.getParent();
-      ul = li.getParent();
-      img.remove();
+      if (this._confirmDelete) {
+        var li = img.getParent();
+        var span = li.getFirst('span');
+        this.confirmBox = new LSconfirmBox({
+          text:         'Etês-vous sur de vouloir supprimer "'+span.innerHTML+'" ?', 
+          startElement: img,
+          onConfirm:    this.deleteFromImg.bind(this,img)
+        });
+      }
+      else {
+        this.deleteFromImg(img);
+      }
+    },
+    
+    deleteFromImg: function(img) {
+      var li = img.getParent();
+      var span = li.getFirst('span');
+      var ul = li.getParent();
+      img.destroy();
       LSdebug(ul.id);
       var getId = /LSrelation_ul_([0-9]*)/
       var id = getId.exec(ul.id)[1];
       
       var data = {
         template:   'LSrelation',
-        action:     'deleteByDisplayValue',
+        action:     'deleteByDn',
         id:         id,
-        value:      li.innerHTML
+        dn:         span.id
       };
-      this.deleteLi = li;
       data.imgload=varLSdefault.loadingImgDisplay(li.id,'inside');
-      LSdebug(data);
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onDeleteBtnClickComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.deleteFromImgComplete.bind(this)}).send();
     },
     
-    onDeleteBtnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      LSdebug(data);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-            if (data.imgload!='') {
-              varLSdefault.loadingImgHide(data.imgload);
-            }
-            else {
-              varLSdefault.loadingImgHide();
-            }
-            varLSdefault.displayError(data.LSerror);
-            return;
-          } 
-          else {
-            varLSdefault.loadingImgHide(data.imgload);
-            this.deleteLi.remove();
-          }
+    deleteFromImgComplete: function(responseText, responseXML) {
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        try  {
+          $(data.dn).getParent().destroy();
+        }
+        catch(e) {
+          LSdebug('Erreur durant la suppression du li du DN : '+data.dn);
+        }
       }
     },
     
@@ -84,27 +90,14 @@ var LSrelation = new Class({
       LSdebug(data);
       this.refreshRelation=a.id;
       data.imgload=varLSdefault.loadingImgDisplay('LSrelation_title_'+a.id,'inside');
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onLSrelationModifyBtnClickComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onLSrelationModifyBtnClickComplete.bind(this)}).send();
     },
     
     onLSrelationModifyBtnClickComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      LSdebug(data);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-            if (data.imgload!='') {
-              varLSdefault.loadingImgHide(data.imgload);
-            }
-            else {
-              varLSdefault.loadingImgHide();
-            }
-            varLSdefault.displayError(data.LSerror);
-            return;
-          } 
-          else {
-            varLSdefault.loadingImgHide(data.imgload);
-            varLSsmoothbox.openURL(data.href,this);
-          }
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        varLSsmoothbox.setRefreshElement(this);
+        varLSsmoothbox.openURL(data.href,{startElement: $(data.id), width: 615});
       }
     },
     
@@ -117,28 +110,14 @@ var LSrelation = new Class({
       
       LSdebug(data);
       data.imgload=varLSdefault.loadingImgDisplay('LSrelation_title_'+this.refreshRelation,'inside');
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onRrefreshComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onRrefreshComplete.bind(this)}).send();
     },
     
     onRrefreshComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
-      LSdebug(data);
-      if ( data ) {
-        if ( typeof(data.LSerror) != "undefined" ) {
-            if (data.imgload!='') {
-              varLSdefault.loadingImgHide(data.imgload);
-            }
-            else {
-              varLSdefault.loadingImgHide();
-            }
-            varLSdefault.displayError(data.LSerror);
-            return;
-          } 
-          else {
-            varLSdefault.loadingImgHide(data.imgload);
-            $('LSrelation_ul_'+this.refreshRelation).setHTML(data.html);
-            this.initializeBtn();
-          }
+      var data = JSON.decode(responseText);
+      if ( varLSdefault.checkAjaxReturn(data) ) {
+        $('LSrelation_ul_'+this.refreshRelation).set('html',data.html);
+        this.initializeBtn();
       }
     }
 
@@ -147,5 +126,3 @@ var LSrelation = new Class({
 window.addEvent(window.ie ? 'load' : 'domready', function() {
   varLSrelation = new LSrelation();
 });
-
-LSdebug('titi');
index 3c3ca17..305e415 100644 (file)
@@ -9,6 +9,8 @@ var LSselect = new Class({
       input.setProperty('type','hidden');
       input.injectInside(this.LSselect_search_form);
       
+      this.tempInput = [];
+      
       this.LSselect_search_form.addEvent('submit',this.onSubmitSearchForm.bindWithEvent(this));
       
       this.LSselect_topDn = $('LSselect_topDn');
@@ -56,13 +58,12 @@ var LSselect = new Class({
           objecttype: $('LSselect-object').getProperties('caption').caption
         };        
       }
-      LSdebug(data);
       data.imgload=varLSdefault.loadingImgDisplay(checkbox.getParent().getNext(),'inside');
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.oncheckboxChangeComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.oncheckboxChangeComplete.bind(this)}).send();
     },
 
     oncheckboxChangeComplete: function(responseText, responseXML) {
-      var data = Json.evaluate(responseText);
+      var data = JSON.decode(responseText);
       varLSdefault.loadingImgHide(data.imgload);
     },
     
@@ -72,12 +73,12 @@ var LSselect = new Class({
         ajax:         true
       };
       this.searchImgload = varLSdefault.loadingImgDisplay($('title'),'inside');
-      new Ajax(a.href,  {data: data, onComplete: this.onChangePageClickComplete.bind(this)}).request();
+      new Request({url: a.href, data: data, onSuccess: this.onChangePageClickComplete.bind(this)}).send();
     },
     
     onChangePageClickComplete: function(responseText, responseXML) {
       varLSdefault.loadingImgHide(this.searchImgload);
-      this.content.setHTML(responseText);
+      this.content.set('html',responseText);
       this.initializeContent();
     },
     
@@ -91,47 +92,45 @@ var LSselect = new Class({
     },
     
     submitSearchForm: function() {
-      var imgload = varLSdefault.loadingImgDisplay($('title'),'inside');
-      this.LSselect_search_form.send({
-        update: this.content,
-        onComplete: this.onSubmitSearchFormComplete.bind(this,imgload),
-        evalScripts: true
+      this.searchImgload = varLSdefault.loadingImgDisplay($('title'),'inside');
+      this.LSselect_search_form.set('send',{
+        data:         this.LSselect_search_form,
+        evalScripts:  true,
+        onSuccess:    this.onSubmitSearchFormComplete.bind(this),
+        url:          this.LSselect_search_form.get('action')
       });
+      this.LSselect_search_form.send();
     },
     
-    onSubmitSearchFormComplete: function(imgload) {
-      varLSdefault.loadingImgHide(imgload);
-      if (typeof(debug_txt)!="undefined") {
-        var debug = Json.evaluate(debug_txt);
-        if (debug) {
-          varLSdefault.displayDebug(debug.toString());
-        }
-      }
-      if (typeof(error_txt)!="undefined") {
-        var error=Json.evaluate(error_txt);
-        if (error) {
-          varLSdefault.displayDebug(error.toString());
-        }
-      }
+    onSubmitSearchFormComplete: function(responseText, responseXML) {
+      varLSdefault.loadingImgHide(this.searchImgload);
+      
+      this.content.set('html',responseText);
+      
+      varLSdefault.ajaxDisplayDebugAndError();
+      
+      this.tempInput.each(function(el) {
+        el.destroy();
+      },this);
+      
       this.initializeContent();
     },
 
     onClickLSselect_refresh_btn: function() {
-      var input = new Element('input');
-      input.setProperty('name','refresh');
-      input.setProperty('type','hidden');
-      input.injectInside(this.LSselect_search_form);
+      this.tempInput['refresh'] = new Element('input');
+      this.tempInput['refresh'].setProperty('name','refresh');
+      this.tempInput['refresh'].setProperty('type','hidden');
+      this.tempInput['refresh'].setProperty('value',1);
+      this.tempInput['refresh'].injectInside(this.LSselect_search_form);
       this.submitSearchForm();
-      input.remove();
     },
     
     sortBy: function(value) {
-      var input = new Element('input');
-      input.setProperty('name','orderby');
-      input.setProperty('type','hidden');
-      input.setProperty('value',value);
-      input.injectInside(this.LSselect_search_form);
+      this.tempInput['sortBy'] = new Element('input');
+      this.tempInput['sortBy'].setProperty('name','orderby');
+      this.tempInput['sortBy'].setProperty('type','hidden');
+      this.tempInput['sortBy'].setProperty('value',value);
+      this.tempInput['sortBy'].injectInside(this.LSselect_search_form);
       this.submitSearchForm();
-      input.remove();
     }
 });
index 6080f07..148c1f2 100644 (file)
@@ -30,26 +30,18 @@ var LSsession_login = new Class({
         server:   server,
         imgload:  imgload
       };
-      new Ajax('index_ajax.php',  {data: data, onComplete: this.onLdapServerChangedComplete.bind(this)}).request();
+      new Request({url: 'index_ajax.php', data: data, onSuccess: this.onLdapServerChangedComplete.bind(this)}).send();
     },
 
     onLdapServerChangedComplete: function(responseText, responseXML){
       varLSdefault.loadingImgHide();
-      var data = Json.evaluate(responseText);
+      var data = JSON.decode(responseText);
       LSdebug(data);
-      if ( data ) {
-        if (data.LSdebug) {
-          varLSdefault.displayDebug(data.LSdebug);
-        }
-        if (data.LSerror) {
-          varLSdefault.displayError(data.LSerror);
-          this.loginformLevelHide();
-          return;
-        }
+      if ( varLSdefault.checkAjaxReturn(data) ) {
         if (data.list_topDn) {
-          $('LSsession_topDn').getParent().setHTML(data.list_topDn);
+          $('LSsession_topDn').getParent().set('html',data.list_topDn);
           LSdebug($('LSsession_topDn').innerHTML);
-          $('LSsession_topDn_label').setHTML(data.levelLabel);
+          $('LSsession_topDn_label').set('html',data.levelLabel);
           $$('.loginform-level').each(function(el) {
             el.setStyle('display','block');
           });
index 60d95f1..3c1334d 100644 (file)
@@ -3,12 +3,14 @@ var LSsmoothbox = new Class({
       this.over = new Element('div');
       this.over.setProperty('id','over-LSsmoothbox');
       this.over.setStyles({
-        width:        '100%',
-        height:       '100%',
-        opacity:      '0.5',
-        position:     'absolute',
-        top:          Window.getScrollTop(),
-        visibility:   'hidden'
+        position: 'absolute',
+        left: '0px',
+        top: '0px',
+        width: '100%',
+        height: '100%',
+        zIndex: 2,
+        backgroundColor: '#000',
+        opacity:          0
       });
       this.over.injectInside(document.body);
       
@@ -18,12 +20,22 @@ var LSsmoothbox = new Class({
       
       this.frame = new Element('div');
       this.frame.setProperty('id','frame-LSsmoothbox');
-
-      this.pnav = new Element('p');
-      this.pnav.setProperty('id','pnav-LSsmoothbox');
       
-      this.frame.injectInside(this.win);      
-      this.pnav.injectInside(this.win);
+      this.frame.injectInside(this.win);
+      
+      this._closeConfirm = true;
+      
+      this.closeBtn = new Element('span');
+      this.closeBtn.setProperty('id','closeBtn-LSsmoothbox');
+      this.closeBtn.injectInside(this.win);
+      this.closeBtn.addEvent('click',this.closeConfirm.bind(this));
+      
+      this._displayValidBtn = false;
+      this.validBtn = new Element('span');
+      this.validBtn.setProperty('id','validBtn-LSsmoothbox');
+      this.validBtn.set('html','Valider');
+      this.validBtn.injectInside(this.win);
+      this.validBtn.addEvent('click',this.close.bindWithEvent(this,true));
       
       $$('a.LSsmoothbox').each(function(el) {
         el.addEvent('click',this.clickA.bindWithEvent(this,el));
@@ -34,146 +46,269 @@ var LSsmoothbox = new Class({
         el.setStyle('cursor','pointer');
       },this);
       this.fx = {
-        over:  this.over.effect('opacity', {duration: 300}).hide(),
-        win:   this.win.effect('opacity', {duration: 300}).hide()
+        over:      new Fx.Tween(this.over, {property: 'opacity', duration: 300}),
+        winOpen:   new Fx.Morph(this.win, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onStart: this.hideContent.bind(this), onComplete: this.displayContent.bind(this)}),
+        winClose:  new Fx.Morph(this.win, {duration: 500, transition: Fx.Transitions.Sine.easeOut, onStart: this.hideContent.bind(this), onComplete: this.resetWin.bind(this)})
       };
+      
+      this._open=0;
+      window.addEvent('resize', this.position.bind(this));
     },
     
-    clickA: function(event,a) {
-      new Event(event).stop();
-      this.openURL(a.href);
+    position: function(){ 
+      if (this._open==1) {
+        this.overPosition();
+        
+        var endStyles = this.getEndStyles();
+        this.fx.winOpen.start({
+          width:    endStyles.width,
+          height:   endStyles.height,
+          top:      endStyles.top,
+          left:     endStyles.left
+        });
+      }
     },
     
-    clickImg: function(event,img) {
-      new Event(event).stop();
-      this.openImg(img.src);
+    overPosition: function() {
+      var h = window.getScrollHeight()+'px'; 
+      var w = window.getScrollWidth()+'px'; 
+      this.over.setStyles({
+        top:    '0px',
+        height: h,
+        width:  w
+      });
     },
     
-    display: function() {
-      this.fx.over.start(0.5);
-      this.fx.win.start(1);
+    getStartStyles: function() {
+      if (typeof(this.openOptions.startElement) != 'undefined') {
+        var startStyles = {
+          top:      this.openOptions.startElement.getCoordinates().top,
+          left:     this.openOptions.startElement.getCoordinates().left,
+          width:    this.openOptions.startElement.getStyle('width'),
+          height:   this.openOptions.startElement.getStyle('height')
+        };
+      }
+      else {
+        var startStyles = {
+          top:    '0px',
+          left:   '0px',
+          width:  '0px',
+          height: '0px'
+        };
+      }
+      return startStyles;
     },
     
-    openURL: function(href,el) {
-      this.refreshElement = el;
-
-      this.over.setStyle('top',Window.getScrollTop());
+    getEndStyles: function() {
+      if (this.openOptions.width) {
+        w = this.openOptions.width;
+      }
+      else {
+        w = window.getWidth() * 0.9;
+      }
+      if (this.openOptions.height) {
+        h = this.openOptions.height;
+      }
+      else {
+        h = window.getHeight() * 0.8;
+      }
       
-      var winTop = Window.getScrollTop() + ((window.getHeight() - (window.getHeight()*0.8)) /2);
-      this.win.setStyles({
-        width:        '80%',
-        height:       '80%',
-        position:     'absolute',
-        top:          winTop,
-        left:         '10%',
-        visibility:   'hidden'
-      });
+      var endStyles = {
+        width:    w.toInt(),
+        height:   h.toInt(),
+        top:      ((window.getHeight()/2)-(h/2)-this.win.getStyle('border').toInt()+window.getScrollTop()).toInt(),
+        left:     ((window.getWidth()/2)-(w/2)-this.win.getStyle('border').toInt()).toInt()
+      };
+      return endStyles;
+    },
+    
+    
+    open: function() {
+      this._open=1;
+      this.overPosition();
+      this.fx.over.start(0.7);
+      var startStyles = this.getStartStyles();
+      var endStyles = this.getEndStyles();  
       
-      this.frame.setStyles({
-        postion:      'absolute',
-        width:        '100%',
-        height:       '95%',
-        border:       'none'
-      });
       
-      this.pnav.setStyles({
-        width:        '100%',
-        height:       '5%',
-        cursor:       'pointer'
+      this.closeStyles = startStyles;
+      this.win.setStyles(startStyles);
+
+      this.fx.winOpen.setOptions({onComplete: this.displayContent.bind(this)});
+      this.win.setStyle('display','block');
+      this.fx.winOpen.start({
+        width:    endStyles.width,
+        height:   endStyles.height,
+        top:      endStyles.top,
+        left:     endStyles.left,
+        opacity:  [0, 1]
       });
+      [this.validBtn,this.closeBtn,this.frame].each(function(el){
+        el.setStyle('display','block');
+      },this);
+    },
+    
+    hideContent: function() {
+      this.validBtn.setStyle('visibility','hidden');
+      this.frame.setStyle('visibility','hidden');
+      this.closeBtn.setStyle('visibility','hidden');
+    },
+    
+    displayContent: function() {
+      if (this._displayValidBtn) {
+        this.validBtn.setStyle('visibility','visible'); 
+      }
+      this.frame.setStyle('visibility','visible');
+      this.closeBtn.setStyle('visibility','visible');
+    },
+    
+    closeConfirm: function(refresh) {
+      if (this._closeConfirm && this._displayValidBtn) {
+        this.confirmBox = new LSconfirmBox({
+          text:         'Etês-vous sur de vouloir fermer cette fênetre et perdre toute les modifications apportées ?',
+          startElement: this.closeBtn,
+          onConfirm:    this.close.bind(this)
+        });
+      }
+      else {
+        this.close();
+      }
+    },
+    
+    close: function(refresh) {
+      if (typeof(refresh)=='undefined') {
+        refresh=false;
+      }
+      else {
+        refresh=true;
+      }
       
-      this.pnav.empty();
-      this.cancelBtn = new Element('span');
-      this.cancelBtn.setHTML('Annuler');
-      this.cancelBtn.addEvent('click',this.close.bindWithEvent(this,false));
-      this.cancelBtn.injectInside(this.pnav);
-      
-      this.closeBtn = new Element('span');
-      this.closeBtn.setHTML('Valider');
-      this.closeBtn.addEvent('click',this.close.bindWithEvent(this,true));
-      this.closeBtn.injectInside(this.pnav);
+      if (this._closeConfirm) {
+        delete this.confirmBox;
+      }
       
-      var options = {
-          method:     'post',
-          update:     this.frame,
-          evalScripts: true
-      };
+      this.fx.over.cancel();
+      this.fx.over.start(0);
+      this.hideContent();
+      this.fx.winClose.start({
+        width:    this.closeStyles.width,
+        height:   this.closeStyles.height,
+        top:      this.closeStyles.top,
+        left:     this.closeStyles.left,
+        opacity:  [1, 0]
+      });
+      this._open=0;
+      [this.validBtn,this.closeBtn,this.frame].each(function(el){
+        el.setStyle('display','none');
+      },this);
+      if (refresh) {
+        try {
+          this.refreshElement.refresh();
+        }
+        catch (e){
+          console.log('rater');
+        }
+      }
+    },
+    
+    resetWin: function() {
+      this.hideContent();
+      this.win.setStyles(this.getStartStyles());
       
-      new Ajax(href, options).request();
-      this.display();
     },
     
-    openImg: function(src) {
-      var margin = 25
-      this.img = new Element('img');
-      this.img.setProperty('src',src);
-      if (((this.img.height+margin) > window.getHeight())||(this.img.width>window.getWidth())) {
-        var rH = window.getHeight() / (this.img.height+margin);
-        var rW = window.getWidth() / (this.img.width);
+    clickA: function(event,a) {
+      new Event(event).stop();
+      this.openURL(a.href,{startElement: a});
+    },
+    
+    clickImg: function(event,img) {
+      new Event(event).stop();
+      this.openImg(img.src,{startElement: img});
+    },
+    
+    resize: function() {
+      var endStyles = this.getEndStyles();
+      this.fx.winOpen.cancel();
+      this.fx.winOpen.start({
+        width:    endStyles.width,
+        height:   endStyles.height,
+        top:      endStyles.top,
+        left:     endStyles.left,
+        opacity:  [0, 1]
+      });
+    },
+    
+    load: function() {
+      this.frame.empty();
+      this.loadingImage = new Element('img');
+      this.loadingImage.setProperty('src','templates/images/loading.gif');
+      this.loadingImage.setProperty('id','loadingImage-LSsmoothbox');
+      this.openOptions.width = 120;
+      this.openOptions.height = 120;
+      this.resize();
+      this.loadingImage.injectInside(this.frame);
+    },
+    
+    endLoad: function() {
+      this.frame.empty();
+    },
+    
+    openImg: function(src,openOptions) {
+      this.hideValidBtn();
+      this.openOptions=openOptions;
+      this.open();
+      this.load();
+      this.img = new Asset.image(src, {onload: this.resizeToImage.bind(this)});
+    },
+    
+    resizeToImage: function() {
+      if ((this.img.height > this.win.height)||(this.img.width>this.win.width)) {
+        var rH = this.win.height / this.img.height;
+        var rW = this.win.width / this.img.width;
         if (rH > rW) {
           // W
-          this.img.height = Math.floor(this.img.height*window.getWidth()/this.img.width);
-          this.img.width  = window.getWidth();
+          this.img.height = Math.floor(this.img.height*this.win.width/this.img.width);
+          this.img.width  = this.win.width;
         }
         else {
           // H
-          this.img.width  = Math.floor(this.img.width*(window.getHeight()-margin)/this.img.height);
-          this.img.height = window.getHeight() - margin;
+          this.img.width  = Math.floor(this.img.width * this.win.height/this.img.height);
+          this.img.height = this.win.height;
         }
       }
-      
-      var winTop  = Window.getScrollTop() + ((window.getHeight() - (this.img.height+margin)) /2);
-      var winLeft = (window.getWidth() - this.img.width) /2;
-      this.win.setStyles({
-        width:        this.img.width,
-        height:       this.img.height+margin-5,
-        position:     'absolute',
-        top:          winTop,
-        left:         winLeft,
-        visibility:   'hidden'
-      });
-      
-      this.frame.setStyles({
-        postion:      'absolute',
-        width:        '100%',
-        height:       this.img.height,
-        border:       'none'
-      });
-      
-      this.pnav.setStyles({
-        width:        '100%',
-        height:       margin-5,
-        cursor:       'pointer'
-      });
-      
-      
-      this.frame.empty();
+      this.endLoad();
+      this.openOptions.width = this.img.width;
+      this.openOptions.height = this.img.height;
+      this.resize();
       this.img.injectInside(this.frame);
-      
-      this.pnav.empty();
-      this.closeBtn = new Element('span');
-      this.closeBtn.setHTML('Fermer');
-      this.closeBtn.addEvent('click',this.close.bindWithEvent(this,false));
-      this.closeBtn.injectInside(this.pnav);
-      
-      this.display();
+    },
+
+    setRefreshElement: function(el) {
+      this.refreshElement = el;
     },
     
-    close: function(event,refresh) {
-      new Event(event).stop();
-      this.fx.win.start(0);
-      this.fx.over.start(0);
-      if (refresh) {
-        try {
-          this.refreshElement.refresh();
-        }
-        catch (e){
-          console.log('rater');
-        }
-      }
-      return true;
+    displayValidBtn: function() {
+      this._displayValidBtn = true;
+    },
+
+    hideValidBtn: function() {
+      this._displayValidBtn = false;
+    },
+
+    openURL: function(href,openOptions) {
+      var options = {
+          method:       'post',
+          update:       this.frame,
+          url:          href,
+          evalScripts:  true,
+          onComplete:   varLSdefault.ajaxDisplayDebugAndError()
+      };
+      this.displayValidBtn();
+      new Request.HTML(options).send();
+      this.openOptions = openOptions;
+      this.open();
     }
-    
 });
 window.addEvent(window.ie ? 'load' : 'domready', function() {
   varLSsmoothbox = new LSsmoothbox();
index 642fa9c..1ff699f 100644 (file)
@@ -22,7 +22,7 @@ var LSview = new Class({
     },
     
     onTdLSobjectListNamesOut: function(td) {
-      td.imgEdit.remove();
+      td.imgEdit.destroy();
     }
 
 });
diff --git a/trunk/includes/js/mootools-core.js b/trunk/includes/js/mootools-core.js
new file mode 100644 (file)
index 0000000..b120ec5
--- /dev/null
@@ -0,0 +1,3816 @@
+/*
+Script: Core.js
+       MooTools - My Object Oriented JavaScript Tools.
+
+License:
+       MIT-style license.
+
+Copyright:
+       Copyright (c) 2006-2007 [Valerio Proietti](http://mad4milk.net/).
+
+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.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);
+       }
+
+       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;
+       };
+
+       return object;
+};
+
+Native.implement = function(objects, properties){
+       for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties);
+};
+
+Native.genericize = function(object, property, check){
+       if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){
+               var args = Array.prototype.slice.call(arguments);
+               return object.prototype[property].apply(args.shift(), args);
+       };
+};
+
+Native.typize = function(object, family){
+       if (!object.type) object.type = function(item){
+               return ($type(item) === family);
+       };
+};
+
+Native.alias = function(objects, a1, a2, a3){
+       for (var i = 0, j = objects.length; i < j; i++) objects[i].alias(a1, a2, a3);
+};
+
+(function(objects){
+       for (var name in objects) Native.typize(objects[name], name);
+})({'boolean': Boolean, 'native': Native, 'object': Object});
+
+(function(objects){
+       for (var name in objects) new Native({name: name, initialize: objects[name], protect: true});
+})({'String': String, 'Function': Function, 'Number': Number, 'Array': Array, 'RegExp': RegExp, 'Date': Date});
+
+(function(object, methods){
+       for (var i = 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']);
+
+function $chk(obj){
+       return !!(obj || obj === 0);
+};
+
+function $clear(timer){
+       clearTimeout(timer);
+       clearInterval(timer);
+       return null;
+};
+
+function $defined(obj){
+       return (obj != undefined);
+};
+
+function $empty(){};
+
+function $arguments(i){
+       return function(){
+               return arguments[i];
+       };
+};
+
+function $lambda(value){
+       return (typeof value == 'function') ? value : function(){
+               return value;
+       };
+};
+
+function $extend(original, extended){
+       for (var key in (extended || {})) original[key] = extended[key];
+       return original;
+};
+
+function $unlink(object){
+       var unlinked;
+       
+       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;
+};
+
+function $merge(){
+       var mix = {};
+       for (var i = 0, l = arguments.length; i < l; i++){
+               var object = arguments[i];
+               if ($type(object) != 'object') continue;
+               for (var key in object){
+                       var op = object[key], mp = mix[key];
+                       mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $merge(mp, op) : $unlink(op);
+               }
+       }
+       return mix;
+};
+
+function $pick(){
+       for (var i = 0, l = arguments.length; i < l; i++){
+               if (arguments[i] != undefined) return arguments[i];
+       }
+       return null;
+};
+
+function $random(min, max){
+       return Math.floor(Math.random() * (max - min + 1) + min);
+};
+
+function $splat(obj){
+       var type = $type(obj);
+       return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : [];
+};
+
+var $time = Date.now || function(){
+       return new Date().getTime();
+};
+
+function $try(){
+       for (var i = 0, l = arguments.length; i < l; i++){
+               try {
+                       return arguments[i]();
+               } catch(e){}
+       }
+       return null;
+};
+
+function $type(obj){
+       if (obj == undefined) return false;
+       if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name;
+       if (obj.nodeName){
+               switch (obj.nodeType){
+                       case 1: return 'element';
+                       case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';
+               }
+       } else if (typeof obj.length == 'number'){
+               if (obj.callee) return 'arguments';
+               else if (obj.item) return 'collection';
+       }
+       return typeof obj;
+};
+
+var Hash = new Native({
+
+       name: 'Hash',
+
+       initialize: function(object){
+               if ($type(object) == 'hash') object = $unlink(object.getClean());
+               for (var key in object) this[key] = object[key];
+               return this;
+       }
+
+});
+
+Hash.implement({
+       
+       getLength: function(){
+               var length = 0;
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) length++;
+               }
+               return length;
+       },
+
+       forEach: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this);
+               }
+       },
+       
+       getClean: function(){
+               var clean = {};
+               for (var key in this){
+                       if (this.hasOwnProperty(key)) clean[key] = this[key];
+               }
+               return clean;
+       }
+
+});
+
+Hash.alias('forEach', 'each');
+
+function $H(object){
+       return new Hash(object);
+};
+
+Array.implement({
+
+       forEach: function(fn, bind){
+               for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this);
+       }
+
+});
+
+Array.alias('forEach', 'each');
+
+function $A(iterable){
+       if (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);
+};
+
+function $each(iterable, fn, bind){
+       var type = $type(iterable);
+       ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind);
+};
+
+
+/*
+Script: Browser.js
+       The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash.
+
+License:
+       MIT-style license.
+*/
+
+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: {}
+});
+
+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;
+
+if (window.orientation != undefined) Browser.Platform.name = 'ipod';
+
+Browser.Platform[Browser.Platform.name] = true;
+
+Browser.Request = function(){
+       return $try(function(){
+               return new XMLHttpRequest();
+       }, function(){
+               return new ActiveXObject('MSXML2.XMLHTTP');
+       });
+};
+
+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;
+};
+
+Native.UID = 1;
+
+var $uid = (Browser.Engine.trident) ? function(item){
+       return (item.uid || (item.uid = [Native.UID++]))[0];
+} : function(item){
+       return item.uid || (item.uid = Native.UID++);
+};
+
+var Window = new Native({
+
+       name: 'Window',
+
+       legacy: (Browser.Engine.trident) ? null: window.Window,
+
+       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 $extend(win, Window.Prototype);
+       },
+
+       afterImplement: function(property, value){
+               window[property] = Window.Prototype[property] = value;
+       }
+
+});
+
+Window.Prototype = {$family: {name: 'window'}};
+
+new Window(window);
+
+var Document = new Native({
+
+       name: 'Document',
+
+       legacy: (Browser.Engine.trident) ? null: window.Document,
+
+       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);
+       },
+
+       afterImplement: function(property, value){
+               document[property] = Document.Prototype[property] = value;
+       }
+
+});
+
+Document.Prototype = {$family: {name: 'document'}};
+
+new Document(document);
+
+/*
+Script: Array.js
+       Contains Array Prototypes like copy, each, contains, and remove.
+
+License:
+       MIT-style license.
+*/
+
+Array.implement({
+
+       every: function(fn, bind){
+               for (var i = 0, l = this.length; i < l; i++){
+                       if (!fn.call(bind, this[i], i, this)) return false;
+               }
+               return true;
+       },
+
+       filter: function(fn, bind){
+               var results = [];
+               for (var i = 0, l = this.length; i < l; i++){
+                       if (fn.call(bind, this[i], i, this)) results.push(this[i]);
+               }
+               return results;
+       },
+       
+       clean: function() {
+               return this.filter($defined);
+       },
+
+       indexOf: function(item, from){
+               var len = this.length;
+               for (var i = (from < 0) ? Math.max(0, len + from) : from || 0; i < len; i++){
+                       if (this[i] === item) return i;
+               }
+               return -1;
+       },
+
+       map: function(fn, bind){
+               var results = [];
+               for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this);
+               return results;
+       },
+
+       some: function(fn, bind){
+               for (var i = 0, l = this.length; i < l; i++){
+                       if (fn.call(bind, this[i], i, this)) return true;
+               }
+               return false;
+       },
+
+       associate: function(keys){
+               var obj = {}, length = Math.min(this.length, keys.length);
+               for (var i = 0; i < length; i++) obj[keys[i]] = this[i];
+               return obj;
+       },
+
+       link: function(object){
+               var result = {};
+               for (var i = 0, l = this.length; i < l; i++){
+                       for (var key in object){
+                               if (object[key](this[i])){
+                                       result[key] = this[i];
+                                       delete object[key];
+                                       break;
+                               }
+                       }
+               }
+               return result;
+       },
+
+       contains: function(item, from){
+               return this.indexOf(item, from) != -1;
+       },
+
+       extend: function(array){
+               for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
+               return this;
+       },
+
+       getLast: function(){
+               return (this.length) ? this[this.length - 1] : null;
+       },
+
+       getRandom: function(){
+               return (this.length) ? this[$random(0, this.length - 1)] : null;
+       },
+
+       include: function(item){
+               if (!this.contains(item)) this.push(item);
+               return this;
+       },
+
+       combine: function(array){
+               for (var i = 0, l = array.length; i < l; i++) this.include(array[i]);
+               return this;
+       },
+
+       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: Number.js
+       Contains Number Prototypes like limit, round, times, and ceil.
+
+License:
+       MIT-style license.
+*/
+
+Number.implement({
+
+       limit: function(min, max){
+               return Math.min(max, Math.max(min, this));
+       },
+
+       round: function(precision){
+               precision = Math.pow(10, precision || 0);
+               return Math.round(this * precision) / precision;
+       },
+
+       times: function(fn, bind){
+               for (var i = 0; i < this; i++) fn.call(bind, i, this);
+       },
+
+       toFloat: function(){
+               return parseFloat(this);
+       },
+
+       toInt: function(base){
+               return parseInt(this, base || 10);
+       }
+
+});
+
+Number.alias('times', 'each');
+
+(function(math){
+       var methods = {};
+       math.each(function(name){
+               if (!Number[name]) methods[name] = function(){
+                       return Math[name].apply(null, [this].concat($A(arguments)));
+               };
+       });
+       Number.implement(methods);
+})(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']);
+
+/*
+Script: String.js
+       Contains String Prototypes like camelCase, capitalize, test, and toInt.
+
+License:
+       MIT-style license.
+*/
+
+String.implement({
+
+       test: function(regex, params){
+               return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this);
+       },
+
+       contains: function(string, separator){
+               return (separator) ? (separator + this + separator).indexOf(separator + string + separator) > -1 : this.indexOf(string) > -1;
+       },
+
+       trim: function(){
+               return this.replace(/^\s+|\s+$/g, '');
+       },
+
+       clean: function(){
+               return this.replace(/\s+/g, ' ').trim();
+       },
+
+       camelCase: function(){
+               return this.replace(/-\D/g, function(match){
+                       return match.charAt(1).toUpperCase();
+               });
+       },
+
+       hyphenate: function(){
+               return this.replace(/[A-Z]/g, function(match){
+                       return ('-' + match.charAt(0).toLowerCase());
+               });
+       },
+
+       capitalize: function(){
+               return this.replace(/\b[a-z]/g, function(match){
+                       return match.toUpperCase();
+               });
+       },
+
+       escapeRegExp: function(){
+               return this.replace(/([-.*+?^${}()|[\]\/\\])/g, '\\$1');
+       },
+
+       toInt: function(base){
+               return parseInt(this, base || 10);
+       },
+
+       toFloat: function(){
+               return parseFloat(this);
+       },
+
+       hexToRgb: function(array){
+               var hex = this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);
+               return (hex) ? hex.slice(1).hexToRgb(array) : null;
+       },
+
+       rgbToHex: function(array){
+               var rgb = this.match(/\d{1,3}/g);
+               return (rgb) ? rgb.rgbToHex(array) : null;
+       },
+
+       stripScripts: function(option){
+               var scripts = '';
+               var text = this.replace(/<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;
+       },
+
+       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] : '';
+               });
+       }
+
+});
+
+/*
+Script: Hash.js
+       Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects.
+
+License:
+       MIT-style license.
+*/
+
+Hash.implement({
+
+       has: Object.prototype.hasOwnProperty,
+
+       keyOf: function(value){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && this[key] === value) return key;
+               }
+               return null;
+       },
+
+       hasValue: function(value){
+               return (Hash.keyOf(this, value) !== null);
+       },
+
+       extend: function(properties){
+               Hash.each(properties, function(value, key){
+                       Hash.set(this, key, value);
+               }, this);
+               return this;
+       },
+
+       combine: function(properties){
+               Hash.each(properties, function(value, key){
+                       Hash.include(this, key, value);
+               }, this);
+               return this;
+       },
+
+       erase: function(key){
+               if (this.hasOwnProperty(key)) delete this[key];
+               return this;
+       },
+
+       get: function(key){
+               return (this.hasOwnProperty(key)) ? this[key] : null;
+       },
+
+       set: function(key, value){
+               if (!this[key] || this.hasOwnProperty(key)) this[key] = value;
+               return this;
+       },
+
+       empty: function(){
+               Hash.each(this, function(value, key){
+                       delete this[key];
+               }, this);
+               return this;
+       },
+
+       include: function(key, value){
+               var k = this[key];
+               if (k == undefined) this[key] = value;
+               return this;
+       },
+
+       map: function(fn, bind){
+               var results = new Hash;
+               Hash.each(this, function(value, key){
+                       results.set(key, fn.call(bind, value, key, this));
+               }, this);
+               return results;
+       },
+
+       filter: function(fn, bind){
+               var results = new Hash;
+               Hash.each(this, function(value, key){
+                       if (fn.call(bind, value, key, this)) results.set(key, value);
+               }, this);
+               return results;
+       },
+
+       every: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false;
+               }
+               return true;
+       },
+
+       some: function(fn, bind){
+               for (var key in this){
+                       if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true;
+               }
+               return false;
+       },
+
+       getKeys: function(){
+               var keys = [];
+               Hash.each(this, function(value, key){
+                       keys.push(key);
+               });
+               return keys;
+       },
+
+       getValues: function(){
+               var values = [];
+               Hash.each(this, function(value){
+                       values.push(value);
+               });
+               return values;
+       },
+       
+       toQueryString: function(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('&');
+       }
+
+});
+
+Hash.alias({keyOf: 'indexOf', hasValue: 'contains'});
+
+/*
+Script: Event.js
+       Contains the Event Native, to make the event object completely crossbrowser.
+
+License:
+       MIT-style license.
+*/
+
+var Event = new Native({
+
+       name: 'Event',
+
+       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;
+                       }
+               }
+
+               return $extend(this, {
+                       event: event,
+                       type: type,
+                       
+                       page: page,
+                       client: client,
+                       rightClick: rightClick,
+                       
+                       wheel: wheel,
+                       
+                       relatedTarget: related,
+                       target: target,
+                       
+                       code: code,
+                       key: key,
+                       
+                       shift: event.shiftKey,
+                       control: event.ctrlKey,
+                       alt: event.altKey,
+                       meta: event.metaKey
+               });
+       }
+
+});
+
+Event.Keys = new Hash({
+       'enter': 13,
+       'up': 38,
+       'down': 40,
+       'left': 37,
+       'right': 39,
+       'esc': 27,
+       'space': 32,
+       'backspace': 8,
+       'tab': 9,
+       'delete': 46
+});
+
+Event.implement({
+
+       stop: function(){
+               return this.stopPropagation().preventDefault();
+       },
+
+       stopPropagation: function(){
+               if (this.event.stopPropagation) this.event.stopPropagation();
+               else this.event.cancelBubble = true;
+               return this;
+       },
+
+       preventDefault: function(){
+               if (this.event.preventDefault) this.event.preventDefault();
+               else this.event.returnValue = false;
+               return this;
+       }
+
+});
+
+/*
+Script: Class.js
+       Contains the Class Function for easily creating, extending, and implementing reusable Classes.
+
+License:
+       MIT-style license.
+*/
+
+var Class = new Native({
+
+       name: 'Class',
+
+       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];
+                       }
+
+                       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;
+               };
+
+               $extend(klass, this);
+               klass.constructor = Class;
+               klass.prototype = properties;
+               return klass;
+       }
+
+});
+
+Class.implement({
+
+       implement: function(){
+               Class.Mutators.Implements(this.prototype, Array.slice(arguments));
+               return this;
+       }
+
+});
+
+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));
+       };
+  }
+  
+};
+
+
+/*
+Script: Class.Extras.js
+       Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.
+
+License:
+       MIT-style license.
+*/
+
+var Chain = new Class({
+
+       chain: function(){
+               this.$chain = (this.$chain || []).extend(arguments);
+               return this;
+       },
+
+       callChain: function(){
+               return (this.$chain && this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false;
+       },
+
+       clearChain: function(){
+               if (this.$chain) this.$chain.empty();
+               return this;
+       }
+
+});
+
+var Events = new Class({
+
+       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;
+       },
+
+       addEvents: function(events){
+               for (var type in events) this.addEvent(type, events[type]);
+               return this;
+       },
+
+       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;
+       },
+
+       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;
+       },
+
+       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;
+       }
+
+});
+
+Events.removeOn = function(string){
+       return string.replace(/^on([A-Z])/, function(full, first) {
+               return first.toLowerCase();
+       });
+};
+
+var Options = new Class({
+
+       setOptions: function(){
+               this.options = $merge.run([this.options].extend(arguments));
+               if (!this.addEvent) return this;
+               for (var option in this.options){
+                       if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue;
+                       this.addEvent(option, this.options[option]);
+                       delete this.options[option];
+               }
+               return this;
+       }
+
+});
+
+/*
+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.
+
+License:
+       MIT-style license.
+*/
+
+Document.implement({
+
+       newElement: function(tag, props){
+               if (Browser.Engine.trident && props){
+                       ['name', 'type', 'checked'].each(function(attribute){
+                               if (!props[attribute]) return;
+                               tag += ' ' + attribute + '="' + props[attribute] + '"';
+                               if (attribute != 'checked') delete props[attribute];
+                       });
+                       tag = '<' + tag + '>';
+               }
+               return $.element(this.createElement(tag)).set(props);
+       },
+
+       newTextNode: function(text){
+               return this.createTextNode(text);
+       },
+
+       getDocument: function(){
+               return this;
+       },
+
+       getWindow: function(){
+               return this.defaultView || this.parentWindow;
+       },
+
+       purge: function(){
+               var elements = this.getElementsByTagName('*');
+               for (var i = 0, l = elements.length; i < l; i++) Browser.freeMem(elements[i]);
+       }
+
+});
+
+var Element = new Native({
+
+       name: 'Element',
+
+       legacy: window.Element,
+
+       initialize: function(tag, props){
+               var konstructor = Element.Constructors.get(tag);
+               if (konstructor) return konstructor(props);
+               if (typeof tag == 'string') return document.newElement(tag, props);
+               return $(tag).set(props);
+       },
+
+       afterImplement: function(key, value){
+               if (!Array[key]) Elements.implement(key, Elements.multi(key));
+               Element.Prototype[key] = value;
+       }
+
+});
+
+Element.Prototype = {$family: {name: 'element'}};
+
+Element.Constructors = new Hash;
+
+var IFrame = new Native({
+
+       name: 'IFrame',
+
+       generics: false,
+
+       initialize: function(){
+               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;
+       }
+
+});
+
+var Elements = new Native({
+
+       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 (options.cash) ? $extend(elements, this) : elements;
+       }
+
+});
+
+Elements.implement({
+
+       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));
+       }
+
+});
+
+Elements.multi = function(property){
+       return function(){
+               var items = [];
+               var elements = true;
+               for (var i = 0, j = this.length; i < j; i++){
+                       var returns = this[i][property].apply(this[i], arguments);
+                       items.push(returns);
+                       if (elements) elements = ($type(returns) == 'element');
+               }
+               return (elements) ? new Elements(items) : items;
+       };
+};
+
+Window.implement({
+
+       $: function(el, nocash){
+               if (el && el.$family && el.uid) return el;
+               var type = $type(el);
+               return ($[type]) ? $[type](el, nocash, this.document) : null;
+       },
+
+       $$: function(selector){
+               if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector);
+               var elements = [];
+               var args = Array.flatten(arguments);
+               for (var i = 0, l = args.length; i < l; i++){
+                       var item = args[i];
+                       switch ($type(item)){
+                               case 'element': item = [item]; break;
+                               case 'string': item = this.document.getElements(item, true); break;
+                               default: item = false;
+                       }
+                       if (item) elements.extend(item);
+               }
+               return new Elements(elements);
+       },
+
+       getDocument: function(){
+               return this.document;
+       },
+
+       getWindow: function(){
+               return this;
+       }
+
+});
+
+$.string = function(id, nocash, doc){
+       id = doc.getElementById(id);
+       return (id) ? $.element(id, nocash) : null;
+};
+
+$.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;
+};
+
+$.object = function(obj, nocash, doc){
+       if (obj.toElement) return $.element(obj.toElement(doc), nocash);
+       return null;
+};
+
+$.textnode = $.whitespace = $.window = $.document = $arguments(0);
+
+Native.implement([Element, Document], {
+
+       getElement: function(selector, nocash){
+               return $(this.getElements(selector, true)[0] || null, nocash);
+       },
+
+       getElements: function(tags, nocash){
+               tags = tags.split(',');
+               var elements = [];
+               var ddup = (tags.length > 1);
+               tags.each(function(tag){
+                       var partial = this.getElementsByTagName(tag.trim());
+                       (ddup) ? elements.extend(partial) : elements = partial;
+               }, this);
+               return new Elements(elements, {ddup: ddup, cash: !nocash});
+       }
+
+});
+
+Element.Storage = {
+
+       get: function(uid){
+               return (this[uid] || (this[uid] = {}));
+       }
+
+};
+
+Element.Inserters = new Hash({
+
+       before: function(context, element){
+               if (element.parentNode) element.parentNode.insertBefore(context, element);
+       },
+
+       after: function(context, element){
+               if (!element.parentNode) return;
+               var next = element.nextSibling;
+               (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context);
+       },
+
+       bottom: function(context, element){
+               element.appendChild(context);
+       },
+
+       top: function(context, element){
+               var first = element.firstChild;
+               (first) ? element.insertBefore(context, first) : element.appendChild(context);
+       }
+
+});
+
+Element.Inserters.inside = Element.Inserters.bottom;
+
+Element.Inserters.each(function(value, key){
+
+       var Key = key.capitalize();
+
+       Element.implement('inject' + Key, function(el){
+               value(this, $(el, true));
+               return this;
+       });
+
+       Element.implement('grab' + Key, function(el){
+               value($(el, true), this);
+               return this;
+       });
+
+});
+
+Element.implement({
+
+       getDocument: function(){
+               return this.ownerDocument;
+       },
+
+       getWindow: function(){
+               return this.ownerDocument.getWindow();
+       },
+
+       getElementById: function(id, nocash){
+               var el = this.ownerDocument.getElementById(id);
+               if (!el) return null;
+               for (var parent = el.parentNode; parent != this; parent = parent.parentNode){
+                       if (!parent) return null;
+               }
+               return $.element(el, nocash);
+       },
+
+       set: function(prop, value){
+               switch ($type(prop)){
+                       case 'object':
+                               for (var p in prop) this.set(p, prop[p]);
+                               break;
+                       case 'string':
+                               var property = Element.Properties.get(prop);
+                               (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value);
+               }
+               return this;
+       },
+
+       get: function(prop){
+               var property = Element.Properties.get(prop);
+               return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop);
+       },
+
+       erase: function(prop){
+               var property = Element.Properties.get(prop);
+               (property && property.erase) ? property.erase.apply(this, Array.slice(arguments, 1)) : this.removeProperty(prop);
+               return this;
+       },
+
+       match: function(tag){
+               return (!tag || Element.get(this, 'tag') == tag);
+       },
+
+       inject: function(el, where){
+               Element.Inserters.get(where || 'bottom')(this, $(el, true));
+               return this;
+       },
+
+       wraps: function(el, where){
+               el = $(el, true);
+               return this.replaces(el).grab(el, where);
+       },
+
+       grab: function(el, where){
+               Element.Inserters.get(where || 'bottom')($(el, true), this);
+               return this;
+       },
+
+       appendText: function(text, where){
+               return this.grab(this.getDocument().newTextNode(text), where);
+       },
+
+       adopt: function(){
+               Array.flatten(arguments).each(function(element){
+                       element = $(element, true);
+                       if (element) this.appendChild(element);
+               }, this);
+               return this;
+       },
+
+       dispose: function(){
+               return (this.parentNode) ? this.parentNode.removeChild(this) : this;
+       },
+
+       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;
+                               }
+                               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);
+               }
+               return null;
+       },
+
+       replaces: function(el){
+               el = $(el, true);
+               el.parentNode.replaceChild(this, el);
+               return this;
+       },
+
+       hasClass: function(className){
+               return this.className.contains(className, ' ');
+       },
+
+       addClass: function(className){
+               if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
+               return this;
+       },
+
+       removeClass: function(className){
+               this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
+               return this;
+       },
+
+       toggleClass: function(className){
+               return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
+       },
+
+       getComputedStyle: function(property){
+               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;
+       },
+
+       destroy: function(){
+               Browser.freeMem(this.empty().dispose());
+               return null;
+       },
+
+       getSelected: function(){
+               return new Elements($A(this.options).filter(function(option){
+                       return option.selected;
+               }));
+       },
+
+       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('&');
+       },
+
+       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;
+       },
+
+       getProperties: function(){
+               var args = $A(arguments);
+               return args.map(function(attr){
+                       return this.getProperty(attr);
+               }, this).associate(args);
+       },
+
+       setProperty: function(attribute, value){
+               var EA = Element.Attributes, key = EA.Props[attribute], hasValue = $defined(value);
+               if (key && EA.Bools[attribute]) value = (value || !hasValue) ? true : false;
+               else if (!hasValue) return this.removeProperty(attribute);
+               (key) ? this[key] = value : this.setAttribute(attribute, value);
+               return this;
+       },
+
+       setProperties: function(attributes){
+               for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]);
+               return this;
+       },
+
+       removeProperty: function(attribute){
+               var EA = Element.Attributes, key = EA.Props[attribute], isBool = (key && EA.Bools[attribute]);
+               (key) ? this[key] = (isBool) ? false : '' : this.removeAttribute(attribute);
+               return this;
+       },
+
+       removeProperties: function(){
+               Array.each(arguments, this.removeProperty, this);
+               return this;
+       }
+
+});
+
+(function(){
+
+var walk = function(element, walk, start, match, all, nocash){
+       var el = element[start || walk];
+       var elements = [];
+       while (el){
+               if (el.nodeType == 1 && (!match || Element.match(el, match))){
+                       elements.push(el);
+                       if (!all) break;
+               }
+               el = el[walk];
+       }
+       return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : $(elements[0], nocash);
+};
+
+Element.implement({
+
+       getPrevious: function(match, nocash){
+               return walk(this, 'previousSibling', null, match, false, nocash);
+       },
+
+       getAllPrevious: function(match, nocash){
+               return walk(this, 'previousSibling', null, match, true, nocash);
+       },
+
+       getNext: function(match, nocash){
+               return walk(this, 'nextSibling', null, match, false, nocash);
+       },
+
+       getAllNext: function(match, nocash){
+               return walk(this, 'nextSibling', null, match, true, nocash);
+       },
+
+       getFirst: function(match, nocash){
+               return walk(this, 'nextSibling', 'firstChild', match, false, nocash);
+       },
+
+       getLast: function(match, nocash){
+               return walk(this, 'previousSibling', 'lastChild', match, false, nocash);
+       },
+
+       getParent: function(match, nocash){
+               return walk(this, 'parentNode', null, match, false, nocash);
+       },
+
+       getParents: function(match, nocash){
+               return walk(this, 'parentNode', null, match, true, nocash);
+       },
+
+       getChildren: function(match, nocash){
+               return walk(this, 'nextSibling', 'firstChild', match, true, nocash);
+       },
+
+       hasChild: function(el){
+               el = $(el, true);
+               return (!!el && $A(this.getElementsByTagName(el.tagName)).contains(el));
+       }
+
+});
+
+})();
+
+Element.Properties = new Hash;
+
+Element.Properties.style = {
+
+       set: function(style){
+               this.style.cssText = style;
+       },
+
+       get: function(){
+               return this.style.cssText;
+       },
+
+       erase: function(){
+               this.style.cssText = '';
+       }
+
+};
+
+Element.Properties.tag = {get: function(){
+       return this.tagName.toLowerCase();
+}};
+
+Element.Properties.href = {get: function(){
+       return (!this.href) ? null : this.href.replace(new RegExp('^' + document.location.protocol + '\/\/' + document.location.host), '');
+}};
+
+Element.Properties.html = {set: function(){
+       return this.innerHTML = Array.flatten(arguments).join('');
+}};
+
+Native.implement([Element, Window, Document], {
+
+       addListener: function(type, fn){
+               if (this.addEventListener) this.addEventListener(type, fn, false);
+               else this.attachEvent('on' + type, fn);
+               return this;
+       },
+
+       removeListener: function(type, fn){
+               if (this.removeEventListener) this.removeEventListener(type, fn, false);
+               else this.detachEvent('on' + type, fn);
+               return this;
+       },
+
+       retrieve: function(property, dflt){
+               var storage = Element.Storage.get(this.uid);
+               var prop = storage[property];
+               if ($defined(dflt) && !$defined(prop)) prop = storage[property] = dflt;
+               return $pick(prop);
+       },
+
+       store: function(property, value){
+               var storage = Element.Storage.get(this.uid);
+               storage[property] = value;
+               return this;
+       },
+
+       eliminate: function(property){
+               var storage = Element.Storage.get(this.uid);
+               delete storage[property];
+               return this;
+       }
+
+});
+
+Element.Attributes = new Hash({
+       Props: {'html': 'innerHTML', 'class': 'className', 'for': 'htmlFor', 'text': (Browser.Engine.trident) ? 'innerText' : 'textContent'},
+       Bools: ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer'],
+       Camels: ['value', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap']
+});
+
+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;
+               }
+               Element.dispose(item);
+       }
+       if (item.uid && item.removeEvents) item.removeEvents();
+};
+
+(function(EA){
+
+       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');
+
+})(Element.Attributes);
+
+window.addListener('unload', function(){
+       window.removeListener('unload', arguments.callee);
+       document.purge();
+       if (Browser.Engine.trident) CollectGarbage();
+});
+
+/*\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
+})();
+
+/*
+Script: Element.Style.js
+       Contains methods for interacting with the styles of Elements in a fashionable way.
+
+License:
+       MIT-style license.
+*/
+
+Element.Properties.styles = {set: function(styles){
+       this.setStyles(styles);
+}};
+
+Element.Properties.opacity = {
+
+       set: function(opacity, novisibility){
+               if (!novisibility){
+                       if (opacity == 0){
+                               if (this.style.visibility != 'hidden') this.style.visibility = 'hidden';
+                       } else {
+                               if (this.style.visibility != 'visible') this.style.visibility = 'visible';
+                       }
+               }
+               if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;
+               if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')';
+               this.style.opacity = opacity;
+               this.store('opacity', opacity);
+       },
+
+       get: function(){
+               return this.retrieve('opacity', 1);
+       }
+
+};
+
+Element.implement({
+       
+       setOpacity: function(value){
+               return this.set('opacity', value, true);
+       },
+       
+       getOpacity: function(){
+               return this.get('opacity');
+       },
+
+       setStyle: function(property, value){
+               switch (property){
+                       case 'opacity': return this.set('opacity', parseFloat(value));
+                       case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
+               }
+               property = property.camelCase();
+               if ($type(value) != 'string'){
+                       var map = (Element.Styles.get(property) || '@').split(' ');
+                       value = $splat(value).map(function(val, i){
+                               if (!map[i]) return '';
+                               return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val;
+                       }).join(' ');
+               } else if (value == String(Number(value))){
+                       value = Math.round(value);
+               }
+               this.style[property] = value;
+               return this;
+       },
+
+       getStyle: function(property){
+               switch (property){
+                       case 'opacity': return this.get('opacity');
+                       case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
+               }
+               property = property.camelCase();
+               var result = this.style[property];
+               if (!$chk(result)){
+                       result = [];
+                       for (var style in Element.ShortStyles){
+                               if (property != style) continue;
+                               for (var s in Element.ShortStyles[style]) result.push(this.getStyle(s));
+                               return result.join(' ');
+                       }
+                       result = this.getComputedStyle(property);
+               }
+               if (result){
+                       result = String(result);
+                       var color = result.match(/rgba?\([\d\s,]+\)/);
+                       if (color) result = result.replace(color[0], color[0].rgbToHex());
+               }
+               if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result)))){
+                       if (property.test(/^(height|width)$/)){
+                               var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0;
+                               values.each(function(value){
+                                       size += this.getStyle('border-' + value + '-width').toInt() + this.getStyle('padding-' + value).toInt();
+                               }, this);
+                               return this['offset' + property.capitalize()] - size + 'px';
+                       }
+                       if (Browser.Engine.presto && String(result).test('px')) return result;
+                       if (property.test(/(border(.+)Width|margin|padding)/)) return '0px';
+               }
+               return result;
+       },
+
+       setStyles: function(styles){
+               for (var style in styles) this.setStyle(style, styles[style]);
+               return this;
+       },
+
+       getStyles: function(){
+               var result = {};
+               Array.each(arguments, function(key){
+                       result[key] = this.getStyle(key);
+               }, this);
+               return result;
+       }
+
+});
+
+Element.Styles = new Hash({
+       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: '@'
+});
+
+Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}};
+
+['Top', 'Right', 'Bottom', 'Left'].each(function(direction){
+       var Short = Element.ShortStyles;
+       var All = Element.Styles;
+       ['margin', 'padding'].each(function(style){
+               var sd = style + direction;
+               Short[style][sd] = All[sd] = '@px';
+       });
+       var bd = 'border' + direction;
+       Short.border[bd] = All[bd] = '@px @ rgb(@, @, @)';
+       var bdw = bd + 'Width', bds = bd + 'Style', bdc = bd + 'Color';
+       Short[bd] = {};
+       Short.borderWidth[bdw] = Short[bd][bdw] = All[bdw] = '@px';
+       Short.borderStyle[bds] = Short[bd][bds] = All[bds] = '@';
+       Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)';
+});
+
+
+/*
+Script: Element.Dimensions.js
+       Contains methods to work with size, scroll, or positioning of Elements and the window object.
+
+License:
+       MIT-style license.
+
+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).
+*/
+
+(function(){
+
+Element.implement({
+
+       scrollTo: function(x, y){
+               if (isBody(this)){
+                       this.getWindow().scrollTo(x, y);
+               } else {
+                       this.scrollLeft = x;
+                       this.scrollTop = y;
+               }
+               return this;
+       },
+
+       getSize: function(){
+               if (isBody(this)) return this.getWindow().getSize();
+               return {x: this.offsetWidth, y: this.offsetHeight};
+       },
+
+       getScrollSize: function(){
+               if (isBody(this)) return this.getWindow().getScrollSize();
+               return {x: this.scrollWidth, y: this.scrollHeight};
+       },
+
+       getScroll: function(){
+               if (isBody(this)) return this.getWindow().getScroll();
+               return {x: this.scrollLeft, y: this.scrollTop};
+       },
+
+       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;
+       },
+       
+       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;
+       },
+
+       getOffsets: function(){
+               var element = this, position = {x: 0, y: 0};
+               if (isBody(this)) return position;
+
+               while (element && !isBody(element)){
+                       position.x += element.offsetLeft;
+                       position.y += element.offsetTop;
+
+                       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);
+                       }
+
+                       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;
+       },
+
+       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};
+       },
+
+       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;
+       },
+
+       computePosition: function(obj){
+               return {left: obj.x - styleNumber(this, 'margin-left'), top: obj.y - styleNumber(this, 'margin-top')};
+       },
+
+       position: function(obj){
+               return this.setStyles(this.computePosition(obj));
+       }
+
+});
+
+Native.implement([Document, Window], {
+
+       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};
+       },
+
+       getScroll: function(){
+               var win = this.getWindow();
+               var doc = getCompatElement(this);
+               return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop};
+       },
+
+       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)};
+       },
+
+       getPosition: function(){
+               return {x: 0, y: 0};
+       },
+
+       getCoordinates: function(){
+               var size = this.getSize();
+               return {top: 0, left: 0, bottom: size.y, right: size.x, height: size.y, width: size.x};
+       }
+
+});
+
+// private methods
+
+var styleString = Element.getComputedStyle;
+
+function styleNumber(element, style){
+       return styleString(element, style).toInt() || 0;
+};
+
+function borderBox(element){
+       return styleString(element, '-moz-box-sizing') == 'border-box';
+};
+
+function topBorder(element){
+       return styleNumber(element, 'border-top-width');
+};
+
+function leftBorder(element){
+       return styleNumber(element, 'border-left-width');
+};
+
+function isBody(element){
+       return (/^(?:body|html)$/i).test(element.tagName);
+};
+
+function getCompatElement(element){
+       var doc = element.getDocument();
+       return (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
+};
+
+})();
+
+//aliases
+
+Native.implement([Window, Document, Element], {
+
+       getHeight: function(){
+               return this.getSize().y;
+       },
+
+       getWidth: function(){
+               return this.getSize().x;
+       },
+
+       getScrollTop: function(){
+               return this.getScroll().y;
+       },
+
+       getScrollLeft: function(){
+               return this.getScroll().x;
+       },
+
+       getScrollHeight: function(){
+               return this.getScrollSize().y;
+       },
+
+       getScrollWidth: function(){
+               return this.getScrollSize().x;
+       },
+
+       getTop: function(){
+               return this.getPosition().y;
+       },
+
+       getLeft: function(){
+               return this.getPosition().x;
+       }
+
+});
+
+/*
+Script: Selectors.js
+       Adds advanced CSS Querying capabilities for targeting elements. Also includes pseudoselectors support.
+
+License:
+       MIT-style license.
+*/
+
+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});
+       }
+       
+});
+
+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;
+       }
+       
+});
+
+var Selectors = {Cache: {nth: {}, parsed: {}}};
+
+Selectors.RegExps = {
+       id: (/#([\w-]+)/),
+       tag: (/^(\w+|\*)/),
+       quick: (/^(\w+|\*)$/),
+       splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),
+       combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)["']?(.*?)["']?)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)
+};
+
+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';
+               }
+               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;
+       },
+       
+       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});
+                       }
+               }
+               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;
+       },
+       
+       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];
+       },
+       
+       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;
+                       }
+               }
+               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;
+       },
+       
+       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);
+               }
+       },
+       
+       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];
+
+                       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 items;
+               
+       }
+       
+};
+
+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;
+       },
+       
+       '>': 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;
+       },
+       
+       '+': 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;
+       },
+       
+       '~': 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 = {
+       
+       byTag: function(self, tag){
+               return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag));
+       },
+       
+       byID: function(self, id){
+               return (!id || (self.id && self.id == id));
+       },
+       
+       byClass: function(self, klass){
+               return (self.className && self.className.contains(klass, ' '));
+       },
+       
+       byPseudo: function(self, parser, argument, local){
+               return parser.call(self, argument, local);
+       },
+       
+       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;
+       }
+       
+};
+
+Selectors.Pseudo = new Hash({
+       
+       // 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;
+       },
+       
+       '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;
+                               }
+                       }
+                       local.positions[uid] = count;
+               }
+               return (local.positions[uid] % parsed.a == parsed.b);
+       },
+       
+       // 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);
+       },
+
+       odd: function(argument, local){
+               return Selectors.Pseudo['nth-child'].call(this, '2n', local);
+       }
+       
+});
+
+/*
+Script: Domready.js
+       Contains the domready custom event.
+
+License:
+       MIT-style license.
+*/
+
+Element.Events.domready = {
+
+       onAdd: function(fn){
+               if (Browser.loaded) fn.call(this);
+       }
+
+};
+
+(function(){
+       
+       var domready = function(){
+               if (Browser.loaded) return;
+               Browser.loaded = true;
+               window.fireEvent('domready');
+               document.fireEvent('domready');
+       };
+       
+       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);
+
+       }
+       
+})();
+
+/*
+Script: JSON.js
+       JSON encoder and decoder.
+
+License:
+       MIT-style license.
+
+See Also:
+       <http://www.json.org/>
+*/
+
+var JSON = new Hash({
+
+       encode: function(obj){
+               switch ($type(obj)){
+                       case 'string':
+                               return '"' + obj.replace(/[\x00-\x1f\\"]/g, JSON.$replaceChars) + '"';
+                       case 'array':
+                               return '[' + String(obj.map(JSON.encode).filter($defined)) + ']';
+                       case 'object': case 'hash':
+                               var string = [];
+                               Hash.each(obj, function(value, key){
+                                       var json = JSON.encode(value);
+                                       if (json) string.push(JSON.encode(key) + ':' + json);
+                               });
+                               return '{' + string + '}';
+                       case 'number': case 'boolean': return String(obj);
+                       case false: return 'null';
+               }
+               return null;
+       },
+
+       $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'},
+
+       $replaceChars: function(chr){
+               return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16);
+       },
+
+       decode: function(string, secure){
+               if ($type(string) != 'string' || !string.length) return null;
+               if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null;
+               return eval('(' + string + ')');
+       }
+
+});
+
+Native.implement([Hash, Array, String, Number], {
+
+       toJSON: function(){
+               return JSON.encode(this);
+       }
+
+});
+
+
+/*
+Script: Cookie.js
+       Class for creating, loading, and saving browser Cookies.
+
+License:
+       MIT-style license.
+
+Credits:
+       Based on the functions by Peter-Paul Koch (http://quirksmode.org).
+*/
+
+var Cookie = new Class({
+
+       Implements: Options,
+
+       options: {
+               path: false,
+               domain: false,
+               duration: false,
+               secure: false,
+               document: document
+       },
+
+       initialize: function(key, options){
+               this.key = key;
+               this.setOptions(options);
+       },
+
+       write: function(value){
+               value = encodeURIComponent(value);
+               if (this.options.domain) value += '; domain=' + this.options.domain;
+               if (this.options.path) value += '; path=' + this.options.path;
+               if (this.options.duration){
+                       var date = new Date();
+                       date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000);
+                       value += '; expires=' + date.toGMTString();
+               }
+               if (this.options.secure) value += '; secure';
+               this.options.document.cookie = this.key + '=' + value;
+               return this;
+       },
+
+       read: function(){
+               var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)');
+               return (value) ? decodeURIComponent(value[1]) : null;
+       },
+
+       dispose: function(){
+               new Cookie(this.key, $merge(this.options, {duration: -1})).write('');
+               return this;
+       }
+
+});
+
+Cookie.write = function(key, value, options){
+       return new Cookie(key, options).write(value);
+};
+
+Cookie.read = function(key){
+       return new Cookie(key).read();
+};
+
+Cookie.dispose = function(key, options){
+       return new Cookie(key, options).dispose();
+};
+
+/*
+Script: Swiff.js
+       Wrapper for embedding SWF movies. Supports (and fixes) External Interface Communication.
+
+License:
+       MIT-style license.
+
+Credits:
+       Flash detection & Internet Explorer + Flash Player 9 fix inspired by SWFObject.
+*/
+
+var Swiff = new Class({
+
+       Implements: [Options],
+
+       options: {
+               id: null,
+               height: 1,
+               width: 1,
+               container: null,
+               properties: {},
+               params: {
+                       quality: 'high',
+                       allowScriptAccess: 'always',
+                       wMode: 'transparent',
+                       swLiveConnect: true
+               },
+               callBacks: {},
+               vars: {}
+       },
+
+       toElement: function(){
+               return this.object;
+       },
+
+       initialize: function(path, options){
+               this.instance = 'Swiff_' + $time();
+
+               this.setOptions(options);
+               options = this.options;
+               var id = this.id = options.id || this.instance;
+               var container = $(options.container);
+
+               Swiff.CallBacks[this.instance] = {};
+
+               var params = options.params, vars = options.vars, callBacks = options.callBacks;
+               var properties = $extend({height: options.height, width: options.width}, options.properties);
+
+               var self = this;
+
+               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;
+               }
+
+               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;
+       },
+
+       replaces: function(element){
+               element = $(element, true);
+               element.parentNode.replaceChild(this.toElement(), element);
+               return this;
+       },
+
+       inject: function(element){
+               $(element, true).appendChild(this.toElement());
+               return this;
+       },
+
+       remote: function(){
+               return Swiff.remote.apply(Swiff, [this.toElement()].extend(arguments));
+       }
+
+});
+
+Swiff.CallBacks = {};
+
+Swiff.remote = function(obj, fn){
+       var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' + __flash__argumentsToXML(arguments, 2) + '</invoke>');
+       return eval(rs);
+};
+
+/*\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.CSS.js
+       Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.
+
+License:
+       MIT-style license.
+*/
+
+Fx.CSS = new Class({
+
+       Extends: Fx,
+
+       //prepares the base from/to object
+
+       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]};
+       },
+
+       //parses a value into an array
+
+       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;
+               });
+       },
+
+       //computes by a from and to prepared objects, using their parsers.
+
+       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;
+       },
+
+       //serves the value as settable
+
+       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;
+       }
+
+});
+
+Fx.CSS.Cache = {};
+
+Fx.CSS.Parsers = new Hash({
+
+       Color: {
+               parse: function(value){
+                       if (value.match(/^#[0-9a-f]{3,6}$/i)) return value.hexToRgb(true);
+                       return ((value = value.match(/(\d+),\s*(\d+),\s*(\d+)/))) ? [value[1], value[2], value[3]] : false;
+               },
+               compute: function(from, to, delta){
+                       return from.map(function(value, i){
+                               return Math.round(Fx.compute(from[i], to[i], delta));
+                       });
+               },
+               serve: function(value){
+                       return value.map(Number);
+               }
+       },
+
+       Number: {
+               parse: parseFloat,
+               compute: Fx.compute,
+               serve: function(value, unit){
+                       return (unit) ? value + unit : value;
+               }
+       },
+
+       String: {
+               parse: $lambda(false),
+               compute: $arguments(1),
+               serve: $arguments(0)
+       }
+
+});
+
+
+/*
+Script: Fx.Tween.js
+       Formerly Fx.Style, effect to transition any CSS property for an element.
+
+License:
+       MIT-style license.
+*/
+
+Fx.Tween = new Class({
+
+       Extends: Fx.CSS,
+
+       initialize: function(element, options){
+               this.element = this.subject = $(element);
+               this.parent(options);
+       },
+
+       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;
+       },
+
+       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);
+       }
+
+});
+
+Element.Properties.tween = {
+
+       set: function(options){
+               var tween = this.retrieve('tween');
+               if (tween) tween.cancel();
+               return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options));
+       },
+
+       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');
+       }
+
+};
+
+Element.implement({
+
+       tween: function(property, from, to){
+               this.get('tween').start(arguments);
+               return this;
+       },
+
+       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;
+       },
+
+       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.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.
+*/
+
+Fx.Morph = new Class({
+
+       Extends: Fx.CSS,
+
+       initialize: function(element, options){
+               this.element = this.subject = $(element);
+               this.parent(options);
+       },
+
+       set: function(now){
+               if (typeof now == 'string') now = this.search(now);
+               for (var p in now) this.render(this.element, p, now[p], this.options.unit);
+               return this;
+       },
+
+       compute: function(from, to, delta){
+               var now = {};
+               for (var p in from) now[p] = this.parent(from[p], to[p], delta);
+               return now;
+       },
+
+       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);
+       }
+
+});
+
+Element.Properties.morph = {
+
+       set: function(options){
+               var morph = this.retrieve('morph');
+               if (morph) morph.cancel();
+               return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options));
+       },
+
+       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');
+       }
+
+};
+
+Element.implement({
+
+       morph: function(props){
+               this.get('morph').start(props);
+               return this;
+       }
+
+});
+
+/*
+Script: Fx.Transitions.js
+       Contains a set of advanced transitions to be used with any of the Fx Classes.
+
+License:
+       MIT-style license.
+
+Credits:
+       Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.
+*/
+
+(function(){
+
+       var old = Fx.prototype.initialize;
+
+       Fx.prototype.initialize = function(options){
+               old.call(this, options);
+               var trans = this.options.transition;
+               if (typeof trans == 'string' && (trans = trans.split(':'))){
+                       var base = Fx.Transitions;
+                       base = base[trans[0]] || base[trans[0].capitalize()];
+                       if (trans[1]) base = base['ease' + trans[1].capitalize() + (trans[2] ? trans[2].capitalize() : '')];
+                       this.options.transition = base;
+               }
+       };
+
+})();
+
+Fx.Transition = function(transition, params){
+       params = $splat(params);
+       return $extend(transition, {
+               easeIn: function(pos){
+                       return transition(pos, params);
+               },
+               easeOut: function(pos){
+                       return 1 - transition(1 - pos, params);
+               },
+               easeInOut: function(pos){
+                       return (pos <= 0.5) ? transition(2 * pos, params) / 2 : (2 - transition(2 * (1 - pos), params)) / 2;
+               }
+       });
+};
+
+Fx.Transitions = new Hash({
+
+       linear: $arguments(0)
+
+});
+
+Fx.Transitions.extend = function(transitions){
+       for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
+};
+
+Fx.Transitions.extend({
+
+       Pow: function(p, x){
+               return Math.pow(p, x[0] || 6);
+       },
+
+       Expo: function(p){
+               return Math.pow(2, 8 * (p - 1));
+       },
+
+       Circ: function(p){
+               return 1 - Math.sin(Math.acos(p));
+       },
+
+       Sine: function(p){
+               return 1 - Math.sin((1 - p) * Math.PI / 2);
+       },
+
+       Back: function(p, x){
+               x = x[0] || 1.618;
+               return Math.pow(p, 2) * ((x + 1) * p - x);
+       },
+
+       Bounce: function(p){
+               var value;
+               for (var a = 0, b = 1; 1; a += b, b /= 2){
+                       if (p >= (7 - 4 * a) / 11){
+                               value = - Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b;
+                               break;
+                       }
+               }
+               return value;
+       },
+
+       Elastic: function(p, x){
+               return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3);
+       }
+
+});
+
+['Quad', 'Cubic', 'Quart', 'Quint'].each(function(transition, i){
+       Fx.Transitions[transition] = new Fx.Transition(function(p){
+               return Math.pow(p, [i + 2]);
+       });
+});
+
+
+/*
+Script: Request.js
+       Powerful all purpose Request Class. Uses XMLHTTPRequest.
+
+License:
+       MIT-style license.
+*/
+
+var Request = new Class({
+
+       Implements: [Chain, Events, 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
+       },
+
+       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);
+       },
+
+       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();
+               }
+               this.xhr.onreadystatechange = $empty;
+       },
+
+       isSuccess: function(){
+               return ((this.status >= 200) && (this.status < 300));
+       },
+
+       processScripts: function(text){
+               if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text);
+               return text.stripScripts(this.options.evalScripts);
+       },
+
+       success: function(text, xml){
+               this.onSuccess(this.processScripts(text), xml);
+       },
+       
+       onSuccess: function(){
+               this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain();
+       },
+       
+       failure: function(){
+               this.onFailure();
+       },
+
+       onFailure: function(){
+               this.fireEvent('complete').fireEvent('failure', this.xhr);
+       },
+
+       setHeader: function(name, value){
+               this.headers.set(name, value);
+               return this;
+       },
+
+       getHeader: function(name){
+               return $try(function(){
+                       return this.xhr.getResponseHeader(name);
+               }.bind(this));
+       },
+
+       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;
+       },
+
+       send: function(options){
+               if (!this.check(arguments.callee, options)) return this;
+               this.running = true;
+
+               var type = $type(options);
+               if (type == 'string' || type == 'element') options = {data: options};
+
+               var old = this.options;
+               options = $extend({data: old.data, url: old.url, method: old.method}, options);
+               var data = options.data, url = options.url, method = options.method;
+
+               switch ($type(data)){
+                       case 'element': data = $(data).toQueryString(); break;
+                       case 'object': case 'hash': data = Hash.toQueryString(data);
+               }
+
+               if (this.options.format){
+                       var format = 'format=' + this.options.format;
+                       data = (data) ? format + '&' + data : format;
+               }
+
+               if (this.options.emulation && ['put', 'delete'].contains(method)){
+                       var _method = '_method=' + method;
+                       data = (data) ? _method + '&' + data : _method;
+                       method = 'post';
+               }
+
+               if (this.options.urlEncoded && method == 'post'){
+                       var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : '';
+                       this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding);
+               }
+
+               if (data && method == 'get'){
+                       url = url + (url.contains('?') ? '&' : '?') + data;
+                       data = null;
+               }
+
+               this.xhr.open(method.toUpperCase(), url, this.options.async);
+
+               this.xhr.onreadystatechange = this.onStateChange.bind(this);
+
+               this.headers.each(function(value, key){
+                       if (!$try(function(){
+                               this.xhr.setRequestHeader(key, value);
+                               return true;
+                       }.bind(this))) this.fireEvent('exception', [key, value]);
+               }, this);
+
+               this.fireEvent('request');
+               this.xhr.send(data);
+               if (!this.options.async) this.onStateChange();
+               return this;
+       },
+
+       cancel: function(){
+               if (!this.running) return this;
+               this.running = false;
+               this.xhr.abort();
+               this.xhr.onreadystatechange = $empty;
+               this.xhr = new Browser.Request();
+               this.fireEvent('cancel');
+               return this;
+       }
+
+});
+
+(function(){
+
+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()}));
+       };
+});
+
+Request.implement(methods);
+
+})();
+
+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');
+       }
+
+};
+
+Element.implement({
+
+       send: function(url){
+               var sender = this.get('send');
+               sender.send({data: this, url: url || sender.options.url});
+               return this;
+       }
+
+});
+
+
+/*
+Script: Request.HTML.js
+       Extends the basic Request Class with additional methods for interacting with HTML responses.
+
+License:
+       MIT-style license.
+*/
+
+Request.HTML = new Class({
+
+       Extends: Request,
+
+       options: {
+               update: false,
+               evalScripts: true,
+               filter: false
+       },
+
+       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);
+       },
+
+       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);
+       }
+
+});
+
+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));
+       },
+
+       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');
+       }
+
+};
+
+Element.implement({
+       
+       load: function(){
+               this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type}));
+               return this;
+       }
+
+});
+
+
+/*
+Script: Request.JSON.js
+       Extends the basic Request Class with additional methods for sending and receiving JSON data.
+
+License:
+       MIT-style license.
+*/
+
+Request.JSON = new Class({
+
+       Extends: Request,
+
+       options: {
+               secure: true
+       },
+
+       initialize: function(options){
+               this.parent(options);
+               this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'});
+       },
+
+       success: function(text){
+               this.response.json = JSON.decode(text, this.options.secure);
+               this.onSuccess(this.response.json, text);
+       }
+
+});
\ No newline at end of file
diff --git a/trunk/includes/js/mootools-more.js b/trunk/includes/js/mootools-more.js
new file mode 100644 (file)
index 0000000..d0fd9f2
--- /dev/null
@@ -0,0 +1,1491 @@
+//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
+               if (options || !this.retrieve('slide')){\r
+                       if (options || !this.retrieve('slide:options')) this.set('slide', options);\r
+                       this.store('slide', new Fx.Slide(this, this.retrieve('slide:options')));\r
+               }\r
+               return this.retrieve('slide');\r
+       }\r
+\r
+};\r
+\r
+Element.implement({\r
+\r
+       slide: function(how, mode){\r
+               how = how || 'toggle';\r
+               var slide = this.get('slide'), toggle;\r
+               switch (how){\r
+                       case 'hide': slide.hide(mode); break;\r
+                       case 'show': slide.show(mode); break;\r
+                       case 'toggle':\r
+                               var flag = this.retrieve('slide:flag', slide.open);\r
+                               slide[(flag) ? 'slideOut' : 'slideIn'](mode);\r
+                               this.store('slide:flag', !flag);\r
+                               toggle = true;\r
+                       break;\r
+                       default: slide.start(how, mode);\r
+               }\r
+               if (!toggle) this.eliminate('slide:flag');\r
+               return this;\r
+       }\r
+\r
+});\r
+
+
+/*
+Script: Fx.Scroll.js
+       Effect to smoothly scroll any element, including the window.
+
+License:
+       MIT-style license.
+*/
+
+Fx.Scroll = new Class({
+
+       Extends: Fx,
+
+       options: {
+               offset: {'x': 0, 'y': 0},
+               wheelStops: true
+       },
+
+       initialize: function(element, options){
+               this.element = this.subject = $(element);
+               this.parent(options);
+               var cancel = this.cancel.bind(this, false);
+
+               if ($type(this.element) != 'element') this.element = $(this.element.getDocument().body);
+
+               var stopper = this.element;
+
+               if (this.options.wheelStops){
+                       this.addEvent('start', function(){
+                               stopper.addEvent('mousewheel', cancel);
+                       }, true);
+                       this.addEvent('complete', function(){
+                               stopper.removeEvent('mousewheel', cancel);
+                       }, true);
+               }
+       },
+
+       set: function(){
+               var now = Array.flatten(arguments);
+               this.element.scrollTo(now[0], now[1]);
+       },
+
+       compute: function(from, to, delta){
+               var now = [];
+               var x = 2;
+               x.times(function(i){
+                       now.push(Fx.compute(from[i], to[i], delta));
+               });
+               return now;
+       },
+
+       start: function(x, y){
+               if (!this.check(arguments.callee, x, y)) return this;
+               var offsetSize = this.element.getSize(), scrollSize = this.element.getScrollSize();
+               var scroll = this.element.getScroll(), values = {x: x, y: y};
+               for (var z in values){
+                       var max = scrollSize[z] - offsetSize[z];
+                       if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max;
+                       else values[z] = scroll[z];
+                       values[z] += this.options.offset[z];
+               }
+               return this.parent([scroll.x, scroll.y], [values.x, values.y]);
+       },
+
+       toTop: function(){
+               return this.start(false, 0);
+       },
+
+       toLeft: function(){
+               return this.start(0, false);
+       },
+
+       toRight: function(){
+               return this.start('right', false);
+       },
+
+       toBottom: function(){
+               return this.start(false, 'bottom');
+       },
+
+       toElement: function(el){
+               var position = $(el).getPosition(this.element);
+               return this.start(position.x, position.y);
+       }
+
+});
+
+
+/*
+Script: Fx.Elements.js
+       Effect to change any number of CSS properties of any number of Elements.
+
+License:
+       MIT-style license.
+*/
+
+Fx.Elements = new Class({
+
+       Extends: Fx.CSS,
+
+       initialize: function(elements, options){
+               this.elements = this.subject = $$(elements);
+               this.parent(options);
+       },
+
+       compute: function(from, to, delta){
+               var now = {};
+               for (var i in from){
+                       var iFrom = from[i], iTo = to[i], iNow = now[i] = {};
+                       for (var p in iFrom) iNow[p] = this.parent(iFrom[p], iTo[p], delta);
+               }
+               return now;
+       },
+
+       set: function(now){
+               for (var i in now){
+                       var iNow = now[i];
+                       for (var p in iNow) this.render(this.elements[i], p, iNow[p], this.options.unit);
+               }
+               return this;
+       },
+
+       start: function(obj){
+               if (!this.check(arguments.callee, obj)) return this;
+               var from = {}, to = {};
+               for (var i in obj){
+                       var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {};
+                       for (var p in iProps){
+                               var parsed = this.prepare(this.elements[i], p, iProps[p]);
+                               iFrom[p] = parsed.from;
+                               iTo[p] = parsed.to;
+                       }
+               }
+               return this.parent(from, to);
+       }
+
+});
+
+/*
+Script: Drag.js
+       The base Drag Class. Can be used to drag and resize Elements using mouse events.
+
+License:
+       MIT-style license.
+*/
+
+var Drag = new Class({
+
+       Implements: [Events, Options],
+
+       options: {/*
+               onBeforeStart: $empty,
+               onStart: $empty,
+               onDrag: $empty,
+               onCancel: $empty,
+               onComplete: $empty,*/
+               snap: 6,
+               unit: 'px',
+               grid: false,
+               style: true,
+               limit: false,
+               handle: false,
+               invert: false,
+               preventDefault: false,
+               modifiers: {x: 'left', y: 'top'}
+       },
+
+       initialize: function(){
+               var params = Array.link(arguments, {'options': Object.type, 'element': $defined});
+               this.element = $(params.element);
+               this.document = this.element.getDocument();
+               this.setOptions(params.options || {});
+               var htype = $type(this.options.handle);
+               this.handles = (htype == 'array' || htype == 'collection') ? $$(this.options.handle) : $(this.options.handle) || this.element;
+               this.mouse = {'now': {}, 'pos': {}};
+               this.value = {'start': {}, 'now': {}};
+               
+               this.selection = (Browser.Engine.trident) ? 'selectstart' : 'mousedown';
+               
+               this.bound = {
+                       start: this.start.bind(this),
+                       check: this.check.bind(this),
+                       drag: this.drag.bind(this),
+                       stop: this.stop.bind(this),
+                       cancel: this.cancel.bind(this),
+                       eventStop: $lambda(false)
+               };
+               this.attach();
+       },
+
+       attach: function(){
+               this.handles.addEvent('mousedown', this.bound.start);
+               return this;
+       },
+
+       detach: function(){
+               this.handles.removeEvent('mousedown', this.bound.start);
+               return this;
+       },
+
+       start: function(event){
+               if (this.options.preventDefault) event.preventDefault();
+               this.fireEvent('beforeStart', this.element);
+               this.mouse.start = event.page;
+               var limit = this.options.limit;
+               this.limit = {'x': [], 'y': []};
+               for (var z in this.options.modifiers){
+                       if (!this.options.modifiers[z]) continue;
+                       if (this.options.style) this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt();
+                       else this.value.now[z] = this.element[this.options.modifiers[z]];
+                       if (this.options.invert) this.value.now[z] *= -1;
+                       this.mouse.pos[z] = event.page[z] - this.value.now[z];
+                       if (limit && limit[z]){
+                               for (var i = 2; i--; i){
+                                       if ($chk(limit[z][i])) this.limit[z][i] = $lambda(limit[z][i])();
+                               }
+                       }
+               }
+               if ($type(this.options.grid) == 'number') this.options.grid = {'x': this.options.grid, 'y': this.options.grid};
+               this.document.addEvents({mousemove: this.bound.check, mouseup: this.bound.cancel});
+               this.document.addEvent(this.selection, this.bound.eventStop);
+       },
+
+       check: function(event){
+               if (this.options.preventDefault) event.preventDefault();
+               var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2)));
+               if (distance > this.options.snap){
+                       this.cancel();
+                       this.document.addEvents({
+                               mousemove: this.bound.drag,
+                               mouseup: this.bound.stop
+                       });
+                       this.fireEvent('start', this.element).fireEvent('snap', this.element);
+               }
+       },
+
+       drag: function(event){
+               if (this.options.preventDefault) event.preventDefault();
+               this.mouse.now = event.page;
+               for (var z in this.options.modifiers){
+                       if (!this.options.modifiers[z]) continue;
+                       this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z];
+                       if (this.options.invert) this.value.now[z] *= -1;
+                       if (this.options.limit && this.limit[z]){
+                               if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])){
+                                       this.value.now[z] = this.limit[z][1];
+                               } else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])){
+                                       this.value.now[z] = this.limit[z][0];
+                               }
+                       }
+                       if (this.options.grid[z]) this.value.now[z] -= (this.value.now[z] % this.options.grid[z]);
+                       if (this.options.style) this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit);
+                       else this.element[this.options.modifiers[z]] = this.value.now[z];
+               }
+               this.fireEvent('drag', this.element);
+       },
+
+       cancel: function(event){
+               this.document.removeEvent('mousemove', this.bound.check);
+               this.document.removeEvent('mouseup', this.bound.cancel);
+               if (event){
+                       this.document.removeEvent(this.selection, this.bound.eventStop);
+                       this.fireEvent('cancel', this.element);
+               }
+       },
+
+       stop: function(event){
+               this.document.removeEvent(this.selection, this.bound.eventStop);
+               this.document.removeEvent('mousemove', this.bound.drag);
+               this.document.removeEvent('mouseup', this.bound.stop);
+               if (event) this.fireEvent('complete', this.element);
+       }
+
+});
+
+Element.implement({
+       
+       makeResizable: function(options){
+               return new Drag(this, $merge({modifiers: {'x': 'width', 'y': 'height'}}, options));
+       }
+
+});
+
+/*
+Script: Drag.Move.js
+       A Drag extension that provides support for the constraining of draggables to containers and droppables.
+
+License:
+       MIT-style license.
+*/
+
+Drag.Move = new Class({
+
+       Extends: Drag,
+
+       options: {
+               droppables: [],
+               container: false
+       },
+
+       initialize: function(element, options){
+               this.parent(element, options);
+               this.droppables = $$(this.options.droppables);
+               this.container = $(this.options.container);
+               if (this.container && $type(this.container) != 'element') this.container = $(this.container.getDocument().body);
+               element = this.element;
+               
+               var current = element.getStyle('position');
+               var position = (current != 'static') ? current : 'absolute';
+               if (element.getStyle('left') == 'auto' || element.getStyle('top') == 'auto') element.position(element.getPosition(element.offsetParent));
+               
+               element.setStyle('position', position);
+               
+               this.addEvent('start', function(){
+                       this.checkDroppables();
+               }, true);
+       },
+
+       start: function(event){
+               if (this.container){
+                       var el = this.element, cont = this.container, ccoo = cont.getCoordinates(el.offsetParent), cps = {}, ems = {};
+
+                       ['top', 'right', 'bottom', 'left'].each(function(pad){
+                               cps[pad] = cont.getStyle('padding-' + pad).toInt();
+                               ems[pad] = el.getStyle('margin-' + pad).toInt();
+                       }, this);
+
+                       var width = el.offsetWidth + ems.left + ems.right, height = el.offsetHeight + ems.top + ems.bottom;
+                       var x = [ccoo.left + cps.left, ccoo.right - cps.right - width];
+                       var y = [ccoo.top + cps.top, ccoo.bottom - cps.bottom - height];
+
+                       this.options.limit = {x: x, y: y};
+               }
+               this.parent(event);
+       },
+
+       checkAgainst: function(el){
+               el = el.getCoordinates();
+               var now = this.mouse.now;
+               return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top);
+       },
+
+       checkDroppables: function(){
+               var overed = this.droppables.filter(this.checkAgainst, this).getLast();
+               if (this.overed != overed){
+                       if (this.overed) this.fireEvent('leave', [this.element, this.overed]);
+                       if (overed){
+                               this.overed = overed;
+                               this.fireEvent('enter', [this.element, overed]);
+                       } else {
+                               this.overed = null;
+                       }
+               }
+       },
+
+       drag: function(event){
+               this.parent(event);
+               if (this.droppables.length) this.checkDroppables();
+       },
+
+       stop: function(event){
+               this.checkDroppables();
+               this.fireEvent('drop', [this.element, this.overed]);
+               this.overed = null;
+               return this.parent(event);
+       }
+
+});
+
+Element.implement({
+
+       makeDraggable: function(options){
+               return new Drag.Move(this, options);
+       }
+
+});
+
+
+/*\r
+Script: Hash.Cookie.js\r
+       Class for creating, reading, and deleting Cookies in JSON format.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+Hash.Cookie = new Class({\r
+\r
+       Extends: Cookie,\r
+\r
+       options: {\r
+               autoSave: true\r
+       },\r
+\r
+       initialize: function(name, options){\r
+               this.parent(name, options);\r
+               this.load();\r
+       },\r
+\r
+       save: function(){\r
+               var value = JSON.encode(this.hash);\r
+               if (!value || value.length > 4096) return false; //cookie would be truncated!\r
+               if (value == '{}') this.dispose();\r
+               else this.write(value);\r
+               return true;\r
+       },\r
+\r
+       load: function(){\r
+               this.hash = new Hash(JSON.decode(this.read(), true));\r
+               return this;\r
+       }\r
+\r
+});\r
+\r
+Hash.Cookie.implement((function(){\r
+       \r
+       var methods = {};\r
+       \r
+       Hash.each(Hash.prototype, function(method, name){\r
+               methods[name] = function(){\r
+                       var value = method.apply(this.hash, arguments);\r
+                       if (this.options.autoSave) this.save();\r
+                       return value;\r
+               };\r
+       });\r
+       \r
+       return methods;\r
+       \r
+})());
+
+/*
+Script: Color.js
+       Class for creating and manipulating colors in JavaScript. Supports HSB -> RGB Conversions and vice versa.
+
+License:
+       MIT-style license.
+*/
+
+var Color = new Native({
+  
+       initialize: function(color, type){
+               if (arguments.length >= 3){
+                       type = "rgb"; color = Array.slice(arguments, 0, 3);
+               } else if (typeof color == 'string'){
+                       if (color.match(/rgb/)) color = color.rgbToHex().hexToRgb(true);
+                       else if (color.match(/hsb/)) color = color.hsbToRgb();
+                       else color = color.hexToRgb(true);
+               }
+               type = type || 'rgb';
+               switch (type){
+                       case 'hsb':
+                               var old = color;
+                               color = color.hsbToRgb();
+                               color.hsb = old;
+                       break;
+                       case 'hex': color = color.hexToRgb(true); break;
+               }
+               color.rgb = color.slice(0, 3);
+               color.hsb = color.hsb || color.rgbToHsb();
+               color.hex = color.rgbToHex();
+               return $extend(color, this);
+       }
+
+});
+
+Color.implement({
+
+       mix: function(){
+               var colors = Array.slice(arguments);
+               var alpha = ($type(colors.getLast()) == 'number') ? colors.pop() : 50;
+               var rgb = this.slice();
+               colors.each(function(color){
+                       color = new Color(color);
+                       for (var i = 0; i < 3; i++) rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha));
+               });
+               return new Color(rgb, 'rgb');
+       },
+
+       invert: function(){
+               return new Color(this.map(function(value){
+                       return 255 - value;
+               }));
+       },
+
+       setHue: function(value){
+               return new Color([value, this.hsb[1], this.hsb[2]], 'hsb');
+       },
+
+       setSaturation: function(percent){
+               return new Color([this.hsb[0], percent, this.hsb[2]], 'hsb');
+       },
+
+       setBrightness: function(percent){
+               return new Color([this.hsb[0], this.hsb[1], percent], 'hsb');
+       }
+
+});
+
+function $RGB(r, g, b){
+       return new Color([r, g, b], 'rgb');
+};
+
+function $HSB(h, s, b){
+       return new Color([h, s, b], 'hsb');
+};
+
+function $HEX(hex){
+       return new Color(hex, 'hex');
+};
+
+Array.implement({
+
+       rgbToHsb: function(){
+               var red = this[0], green = this[1], blue = this[2];
+               var hue, saturation, brightness;
+               var max = Math.max(red, green, blue), min = Math.min(red, green, blue);
+               var delta = max - min;
+               brightness = max / 255;
+               saturation = (max != 0) ? delta / max : 0;
+               if (saturation == 0){
+                       hue = 0;
+               } else {
+                       var rr = (max - red) / delta;
+                       var gr = (max - green) / delta;
+                       var br = (max - blue) / delta;
+                       if (red == max) hue = br - gr;
+                       else if (green == max) hue = 2 + rr - br;
+                       else hue = 4 + gr - rr;
+                       hue /= 6;
+                       if (hue < 0) hue++;
+               }
+               return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)];
+       },
+
+       hsbToRgb: function(){
+               var br = Math.round(this[2] / 100 * 255);
+               if (this[1] == 0){
+                       return [br, br, br];
+               } else {
+                       var hue = this[0] % 360;
+                       var f = hue % 60;
+                       var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255);
+                       var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255);
+                       var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255);
+                       switch (Math.floor(hue / 60)){
+                               case 0: return [br, t, p];
+                               case 1: return [q, br, p];
+                               case 2: return [p, br, t];
+                               case 3: return [p, q, br];
+                               case 4: return [t, p, br];
+                               case 5: return [br, p, q];
+                       }
+               }
+               return false;
+       }
+
+});
+
+String.implement({
+
+       rgbToHsb: function(){
+               var rgb = this.match(/\d{1,3}/g);
+               return (rgb) ? hsb.rgbToHsb() : null;
+       },
+       
+       hsbToRgb: function(){
+               var hsb = this.match(/\d{1,3}/g);
+               return (hsb) ? hsb.hsbToRgb() : null;
+       }
+
+});
+
+
+/*
+Script: Group.js
+       Class for monitoring collections of events
+
+License:
+       MIT-style license.
+*/
+
+var Group = new Class({
+
+       initialize: function(){
+               this.instances = Array.flatten(arguments);
+               this.events = {};
+               this.checker = {};
+       },
+
+       addEvent: function(type, fn){
+               this.checker[type] = this.checker[type] || {};
+               this.events[type] = this.events[type] || [];
+               if (this.events[type].contains(fn)) return false;
+               else this.events[type].push(fn);
+               this.instances.each(function(instance, i){
+                       instance.addEvent(type, this.check.bind(this, [type, instance, i]));
+               }, this);
+               return this;
+       },
+
+       check: function(type, instance, i){
+               this.checker[type][i] = true;
+               var every = this.instances.every(function(current, j){
+                       return this.checker[type][j] || false;
+               }, this);
+               if (!every) return;
+               this.checker[type] = {};
+               this.events[type].each(function(event){
+                       event.call(this, this.instances, instance);
+               }, this);
+       }
+
+});
+
+
+/*
+Script: Assets.js
+       Provides methods to dynamically load JavaScript, CSS, and Image files into the document.
+
+License:
+       MIT-style license.
+*/
+
+var Asset = new Hash({
+
+       javascript: function(source, properties){
+               properties = $extend({
+                       onload: $empty,
+                       document: document,
+                       check: $lambda(true)
+               }, properties);
+               
+               var script = new Element('script', {'src': source, 'type': 'text/javascript'});
+               
+               var load = properties.onload.bind(script), check = properties.check, doc = properties.document;
+               delete properties.onload; delete properties.check; delete properties.document;
+               
+               script.addEvents({
+                       load: load,
+                       readystatechange: function(){
+                               if (['loaded', 'complete'].contains(this.readyState)) load();
+                       }
+               }).setProperties(properties);
+               
+               
+               if (Browser.Engine.webkit419) var checker = (function(){
+                       if (!$try(check)) return;
+                       $clear(checker);
+                       load();
+               }).periodical(50);
+               
+               return script.inject(doc.head);
+       },
+
+       css: function(source, properties){
+               return new Element('link', $merge({
+                       'rel': 'stylesheet', 'media': 'screen', 'type': 'text/css', 'href': source
+               }, properties)).inject(document.head);
+       },
+
+       image: function(source, properties){
+               properties = $merge({
+                       'onload': $empty,
+                       'onabort': $empty,
+                       'onerror': $empty
+               }, properties);
+               var image = new Image();
+               var element = $(image) || new Element('img');
+               ['load', 'abort', 'error'].each(function(name){
+                       var type = 'on' + name;
+                       var event = properties[type];
+                       delete properties[type];
+                       image[type] = function(){
+                               if (!image) return;
+                               if (!element.parentNode){
+                                       element.width = image.width;
+                                       element.height = image.height;
+                               }
+                               image = image.onload = image.onabort = image.onerror = null;
+                               event.delay(1, element, element);
+                               element.fireEvent(name, element, 1);
+                       };
+               });
+               image.src = element.src = source;
+               if (image && image.complete) image.onload.delay(1);
+               return element.setProperties(properties);
+       },
+
+       images: function(sources, options){
+               options = $merge({
+                       onComplete: $empty,
+                       onProgress: $empty
+               }, options);
+               if (!sources.push) sources = [sources];
+               var images = [];
+               var counter = 0;
+               sources.each(function(source){
+                       var img = new Asset.image(source, {
+                               'onload': function(){
+                                       options.onProgress.call(this, counter, sources.indexOf(source));
+                                       counter++;
+                                       if (counter == sources.length) options.onComplete();
+                               }
+                       });
+                       images.push(img);
+               });
+               return new Elements(images);
+       }
+
+});
+
+/*
+Script: Sortables.js
+       Class for creating a drag and drop sorting interface for lists of items.
+
+License:
+       MIT-style license.
+*/
+
+var Sortables = new Class({
+
+       Implements: [Events, Options],
+
+       options: {/*
+               onSort: $empty,
+               onStart: $empty,
+               onComplete: $empty,*/
+               snap: 4,
+               opacity: 1,
+               clone: false,
+               revert: false,
+               handle: false,
+               constrain: false
+       },
+
+       initialize: function(lists, options){
+               this.setOptions(options);
+               this.elements = [];
+               this.lists = [];
+               this.idle = true;
+               
+               this.addLists($$($(lists) || lists));
+               if (!this.options.clone) this.options.revert = false;
+               if (this.options.revert) this.effect = new Fx.Morph(null, $merge({duration: 250, link: 'cancel'}, this.options.revert));
+       },
+
+       attach: function(){
+               this.addLists(this.lists);
+               return this;
+       },
+
+       detach: function(){
+               this.lists = this.removeLists(this.lists);
+               return this;
+       },
+
+       addItems: function(){
+               Array.flatten(arguments).each(function(element){
+                       this.elements.push(element);
+                       var start = element.retrieve('sortables:start', this.start.bindWithEvent(this, element));
+                       (this.options.handle ? element.getElement(this.options.handle) || element : element).addEvent('mousedown', start);
+               }, this);
+               return this;
+       },
+
+       addLists: function(){
+               Array.flatten(arguments).each(function(list){
+                       this.lists.push(list);
+                       this.addItems(list.getChildren());
+               }, this);
+               return this;
+       },
+
+       removeItems: function(){
+               var elements = [];
+               Array.flatten(arguments).each(function(element){
+                       elements.push(element);
+                       this.elements.erase(element);
+                       var start = element.retrieve('sortables:start');
+                       (this.options.handle ? element.getElement(this.options.handle) || element : element).removeEvent('mousedown', start);
+               }, this);
+               return $$(elements);
+       },
+
+       removeLists: function(){
+               var lists = [];
+               Array.flatten(arguments).each(function(list){
+                       lists.push(list);
+                       this.lists.erase(list);
+                       this.removeItems(list.getChildren());
+               }, this);
+               return $$(lists);
+       },
+
+       getClone: function(event, element){
+               if (!this.options.clone) return new Element('div').inject(document.body);
+               if ($type(this.options.clone) == 'function') return this.options.clone.call(this, event, element, this.list);
+               return element.clone(true).setStyles({
+                       'margin': '0px',
+                       'position': 'absolute',
+                       'visibility': 'hidden',
+                       'width': element.getStyle('width')
+               }).inject(this.list).position(element.getPosition(element.getOffsetParent()));
+       },
+
+       getDroppables: function(){
+               var droppables = this.list.getChildren();
+               if (!this.options.constrain) droppables = this.lists.concat(droppables).erase(this.list);
+               return droppables.erase(this.clone).erase(this.element);
+       },
+
+       insert: function(dragging, element){
+               var where = 'inside';
+               if (this.lists.contains(element)){
+                       this.list = element;
+                       this.drag.droppables = this.getDroppables();
+               } else {
+                       where = this.element.getAllPrevious().contains(element) ? 'before' : 'after';
+               }
+               this.element.inject(element, where);
+               this.fireEvent('sort', [this.element, this.clone]);
+       },
+
+       start: function(event, element){
+               if (!this.idle) return;
+               this.idle = false;
+               this.element = element;
+               this.opacity = element.get('opacity');
+               this.list = element.getParent();
+               this.clone = this.getClone(event, element);
+               
+               this.drag = new Drag.Move(this.clone, {
+                       snap: this.options.snap,
+                       container: this.options.constrain && this.element.getParent(),
+                       droppables: this.getDroppables(),
+                       onSnap: function(){
+                               event.stop();
+                               this.clone.setStyle('visibility', 'visible');
+                               this.element.set('opacity', this.options.opacity || 0);
+                               this.fireEvent('start', [this.element, this.clone]);
+                       }.bind(this),
+                       onEnter: this.insert.bind(this),
+                       onCancel: this.reset.bind(this),
+                       onComplete: this.end.bind(this)
+               });
+               
+               this.clone.inject(this.element, 'before');
+               this.drag.start(event);
+       },
+
+       end: function(){
+               this.drag.detach();
+               this.element.set('opacity', this.opacity);
+               if (this.effect){
+                       var dim = this.element.getStyles('width', 'height');
+                       var pos = this.clone.computePosition(this.element.getPosition(this.clone.offsetParent));
+                       this.effect.element = this.clone;
+                       this.effect.start({
+                               top: pos.top,
+                               left: pos.left,
+                               width: dim.width,
+                               height: dim.height,
+                               opacity: 0.25
+                       }).chain(this.reset.bind(this));
+               } else {
+                       this.reset();
+               }
+       },
+
+       reset: function(){
+               this.idle = true;
+               this.clone.destroy();
+               this.fireEvent('complete', this.element);
+       },
+
+       serialize: function(){
+               var params = Array.link(arguments, {modifier: Function.type, index: $defined});
+               var serial = this.lists.map(function(list){
+                       return list.getChildren().map(params.modifier || function(element){
+                               return element.get('id');
+                       }, this);
+               }, this);
+               
+               var index = params.index;
+               if (this.lists.length == 1) index = 0;
+               return $chk(index) && index >= 0 && index < this.lists.length ? serial[index] : serial;
+       }
+
+});
+
+/*\r
+Script: Tips.js\r
+       Class for creating nice tips that follow the mouse cursor when hovering an element.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+var Tips = new Class({\r
+\r
+       Implements: [Events, Options],\r
+\r
+       options: {\r
+               onShow: function(tip){\r
+                       tip.setStyle('visibility', 'visible');\r
+               },\r
+               onHide: function(tip){\r
+                       tip.setStyle('visibility', 'hidden');\r
+               },\r
+               showDelay: 100,\r
+               hideDelay: 100,\r
+               className: null,\r
+               offsets: {x: 16, y: 16},\r
+               fixed: false\r
+       },\r
+\r
+       initialize: function(){\r
+               var params = Array.link(arguments, {options: Object.type, elements: $defined});\r
+               this.setOptions(params.options || null);\r
+               \r
+               this.tip = new Element('div').inject(document.body);\r
+               \r
+               if (this.options.className) this.tip.addClass(this.options.className);\r
+               \r
+               var top = new Element('div', {'class': 'tip-top'}).inject(this.tip);\r
+               this.container = new Element('div', {'class': 'tip'}).inject(this.tip);\r
+               var bottom = new Element('div', {'class': 'tip-bottom'}).inject(this.tip);\r
+\r
+               this.tip.setStyles({position: 'absolute', top: 0, left: 0, visibility: 'hidden'});\r
+               \r
+               if (params.elements) this.attach(params.elements);\r
+       },\r
+       \r
+       attach: function(elements){\r
+               $$(elements).each(function(element){\r
+                       var title = element.retrieve('tip:title', element.get('title'));\r
+                       var text = element.retrieve('tip:text', element.get('rel') || element.get('href'));\r
+                       var enter = element.retrieve('tip:enter', this.elementEnter.bindWithEvent(this, element));\r
+                       var leave = element.retrieve('tip:leave', this.elementLeave.bindWithEvent(this, element));\r
+                       element.addEvents({mouseenter: enter, mouseleave: leave});\r
+                       if (!this.options.fixed){\r
+                               var move = element.retrieve('tip:move', this.elementMove.bindWithEvent(this, element));\r
+                               element.addEvent('mousemove', move);\r
+                       }\r
+                       element.store('tip:native', element.get('title'));\r
+                       element.erase('title');\r
+               }, this);\r
+               return this;\r
+       },\r
+       \r
+       detach: function(elements){\r
+               $$(elements).each(function(element){\r
+                       element.removeEvent('mouseenter', element.retrieve('tip:enter') || $empty);\r
+                       element.removeEvent('mouseleave', element.retrieve('tip:leave') || $empty);\r
+                       element.removeEvent('mousemove', element.retrieve('tip:move') || $empty);\r
+                       element.eliminate('tip:enter').eliminate('tip:leave').eliminate('tip:move');\r
+                       var original = element.retrieve('tip:native');\r
+                       if (original) element.set('title', original);\r
+               });\r
+               return this;\r
+       },\r
+       \r
+       elementEnter: function(event, element){\r
+               \r
+               $A(this.container.childNodes).each(Element.dispose);\r
+               \r
+               var title = element.retrieve('tip:title');\r
+               \r
+               if (title){\r
+                       this.titleElement = new Element('div', {'class': 'tip-title'}).inject(this.container);\r
+                       this.fill(this.titleElement, title);\r
+               }\r
+               \r
+               var text = element.retrieve('tip:text');\r
+               if (text){\r
+                       this.textElement = new Element('div', {'class': 'tip-text'}).inject(this.container);\r
+                       this.fill(this.textElement, text);\r
+               }\r
+               \r
+               this.timer = $clear(this.timer);\r
+               this.timer = this.show.delay(this.options.showDelay, this);\r
+\r
+               this.position((!this.options.fixed) ? event : {page: element.getPosition()});\r
+       },\r
+       \r
+       elementLeave: function(event){\r
+               $clear(this.timer);\r
+               this.timer = this.hide.delay(this.options.hideDelay, this);\r
+       },\r
+       \r
+       elementMove: function(event){\r
+               this.position(event);\r
+       },\r
+       \r
+       position: function(event){\r
+               var size = window.getSize(), scroll = window.getScroll();\r
+               var tip = {x: this.tip.offsetWidth, y: this.tip.offsetHeight};\r
+               var props = {x: 'left', y: 'top'};\r
+               for (var z in props){\r
+                       var pos = event.page[z] + this.options.offsets[z];\r
+                       if ((pos + tip[z] - scroll[z]) > size[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];\r
+                       this.tip.setStyle(props[z], pos);\r
+               }\r
+       },\r
+       \r
+       fill: function(element, contents){\r
+               (typeof contents == 'string') ? element.set('html', contents) : element.adopt(contents);\r
+       },\r
+\r
+       show: function(){\r
+               this.fireEvent('show', this.tip);\r
+       },\r
+\r
+       hide: function(){\r
+               this.fireEvent('hide', this.tip);\r
+       }\r
+\r
+});
+
+/*\r
+Script: SmoothScroll.js\r
+       Class for creating a smooth scrolling effect to all internal links on the page.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+var SmoothScroll = new Class({\r
+\r
+       Extends: Fx.Scroll,\r
+\r
+       initialize: function(options, context){\r
+               context = context || document;\r
+               var doc = context.getDocument(), win = context.getWindow();\r
+               this.parent(doc, options);\r
+               this.links = (this.options.links) ? $$(this.options.links) : $$(doc.links);\r
+               var location = win.location.href.match(/^[^#]*/)[0] + '#';\r
+               this.links.each(function(link){\r
+                       if (link.href.indexOf(location) != 0) return;\r
+                       var anchor = link.href.substr(location.length);\r
+                       if (anchor && $(anchor)) this.useLink(link, anchor);\r
+               }, this);\r
+               if (!Browser.Engine.webkit419) this.addEvent('complete', function(){\r
+                       win.location.hash = this.anchor;\r
+               }, true);\r
+       },\r
+\r
+       useLink: function(link, anchor){\r
+               link.addEvent('click', function(event){\r
+                       this.anchor = anchor;\r
+                       this.toElement(anchor);\r
+                       event.stop();\r
+               }.bind(this));\r
+       }\r
+\r
+});
+
+/*
+Script: Slider.js
+       Class for creating horizontal and vertical slider controls.
+
+License:
+       MIT-style license.
+*/
+
+var Slider = new Class({
+
+       Implements: [Events, Options],
+
+       options: {/*
+               onChange: $empty,
+               onComplete: $empty,*/
+               onTick: function(position){
+                       if(this.options.snap) position = this.toPosition(this.step);
+                       this.knob.setStyle(this.property, position);
+               },
+               snap: false,
+               offset: 0,
+               range: false,
+               wheel: false,
+               steps: 100,
+               mode: 'horizontal'
+       },
+
+       initialize: function(element, knob, options){
+               this.setOptions(options);
+               this.element = $(element);
+               this.knob = $(knob);
+               this.previousChange = this.previousEnd = this.step = -1;
+               this.element.addEvent('mousedown', this.clickedElement.bind(this));
+               if (this.options.wheel) this.element.addEvent('mousewheel', this.scrolledElement.bindWithEvent(this));
+               var offset, limit = {}, modifiers = {'x': false, 'y': false};
+               switch (this.options.mode){
+                       case 'vertical':
+                               this.axis = 'y';
+                               this.property = 'top';
+                               offset = 'offsetHeight';
+                               break;
+                       case 'horizontal':
+                               this.axis = 'x';
+                               this.property = 'left';
+                               offset = 'offsetWidth';
+               }
+               this.half = this.knob[offset] / 2;
+               this.full = this.element[offset] - this.knob[offset] + (this.options.offset * 2);
+               this.min = $chk(this.options.range[0]) ? this.options.range[0] : 0;
+               this.max = $chk(this.options.range[1]) ? this.options.range[1] : this.options.steps;
+               this.range = this.max - this.min;
+               this.steps = this.options.steps || this.full;
+               this.stepSize = Math.abs(this.range) / this.steps;
+               this.stepWidth = this.stepSize * this.full / Math.abs(this.range) ;
+               
+               this.knob.setStyle('position', 'relative').setStyle(this.property, - this.options.offset);
+               modifiers[this.axis] = this.property;
+               limit[this.axis] = [- this.options.offset, this.full - this.options.offset];
+               this.drag = new Drag(this.knob, {
+                       snap: 0,
+                       limit: limit,
+                       modifiers: modifiers,
+                       onDrag: this.draggedKnob.bind(this),
+                       onStart: this.draggedKnob.bind(this),
+                       onComplete: function(){
+                               this.draggedKnob();
+                               this.end();
+                       }.bind(this)
+               });
+               if (this.options.snap) {
+                       this.drag.options.grid = Math.ceil(this.stepWidth);
+                       this.drag.options.limit[this.axis][1] = this.full;
+               }
+       },
+
+       set: function(step){
+               if (!((this.range > 0) ^ (step < this.min))) step = this.min;
+               if (!((this.range > 0) ^ (step > this.max))) step = this.max;
+               
+               this.step = Math.round(step);
+               this.checkStep();
+               this.end();
+               this.fireEvent('tick', this.toPosition(this.step));
+               return this;
+       },
+
+       clickedElement: function(event){
+               var dir = this.range < 0 ? -1 : 1;
+               var position = event.page[this.axis] - this.element.getPosition()[this.axis] - this.half;
+               position = position.limit(-this.options.offset, this.full -this.options.offset);
+               
+               this.step = Math.round(this.min + dir * this.toStep(position));
+               this.checkStep();
+               this.end();
+               this.fireEvent('tick', position);
+       },
+       
+       scrolledElement: function(event){
+               var mode = (this.options.mode == 'horizontal') ? (event.wheel < 0) : (event.wheel > 0);
+               this.set(mode ? this.step - this.stepSize : this.step + this.stepSize);
+               event.stop();
+       },
+
+       draggedKnob: function(){
+               var dir = this.range < 0 ? -1 : 1;
+               var position = this.drag.value.now[this.axis];
+               position = position.limit(-this.options.offset, this.full -this.options.offset);
+               this.step = Math.round(this.min + dir * this.toStep(position));
+               this.checkStep();
+       },
+
+       checkStep: function(){
+               if (this.previousChange != this.step){
+                       this.previousChange = this.step;
+                       this.fireEvent('change', this.step);
+               }
+       },
+
+       end: function(){
+               if (this.previousEnd !== this.step){
+                       this.previousEnd = this.step;
+                       this.fireEvent('complete', this.step + '');
+               }
+       },
+
+       toStep: function(position){
+               var step = (position + this.options.offset) * this.stepSize / this.full * this.steps;
+               return this.options.steps ? Math.round(step -= step % this.stepSize) : step;
+       },
+
+       toPosition: function(step){
+               return (this.full * Math.abs(this.min - step)) / (this.steps * this.stepSize) - this.options.offset;
+       }
+
+});
+
+/*
+Script: Scroller.js
+       Class which scrolls the contents of any Element (including the window) when the mouse reaches the Element's boundaries.
+
+License:
+       MIT-style license.
+*/
+
+var Scroller = new Class({
+
+       Implements: [Events, Options],
+
+       options: {
+               area: 20,
+               velocity: 1,
+               onChange: function(x, y){
+                       this.element.scrollTo(x, y);
+               }
+       },
+
+       initialize: function(element, options){
+               this.setOptions(options);
+               this.element = $(element);
+               this.listener = ($type(this.element) != 'element') ? $(this.element.getDocument().body) : this.element;
+               this.timer = null;
+               this.coord = this.getCoords.bind(this);
+       },
+
+       start: function(){
+               this.listener.addEvent('mousemove', this.coord);
+       },
+
+       stop: function(){
+               this.listener.removeEvent('mousemove', this.coord);
+               this.timer = $clear(this.timer);
+       },
+
+       getCoords: function(event){
+               this.page = (this.listener.get('tag') == 'body') ? event.client : event.page;
+               if (!this.timer) this.timer = this.scroll.periodical(50, this);
+       },
+
+       scroll: function(){
+               var size = this.element.getSize(), scroll = this.element.getScroll(), pos = this.element.getPosition(), change = {'x': 0, 'y': 0};
+               for (var z in this.page){
+                       if (this.page[z] < (this.options.area + pos[z]) && scroll[z] != 0)
+                               change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity;
+                       else if (this.page[z] + this.options.area > (size[z] + pos[z]) && size[z] + size[z] != scroll[z])
+                               change[z] = (this.page[z] - size[z] + this.options.area - pos[z]) * this.options.velocity;
+               }
+               if (change.y || change.x) this.fireEvent('change', [scroll.x + change.x, scroll.y + change.y]);
+       }
+
+});
+
+/*\r
+Script: Accordion.js\r
+       An Fx.Elements extension which allows you to easily create accordion type controls.\r
+\r
+License:\r
+       MIT-style license.\r
+*/\r
+\r
+var Accordion = new Class({\r
+\r
+       Extends: Fx.Elements,\r
+\r
+       options: {/*\r
+               onActive: $empty,\r
+               onBackground: $empty,*/\r
+               display: 0,\r
+               show: false,\r
+               height: true,\r
+               width: false,\r
+               opacity: true,\r
+               fixedHeight: false,\r
+               fixedWidth: false,\r
+               wait: false,\r
+               alwaysHide: false\r
+       },\r
+\r
+       initialize: function(){\r
+               var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined});\r
+               this.parent(params.elements, params.options);\r
+               this.togglers = $$(params.togglers);\r
+               this.container = $(params.container);\r
+               this.previous = -1;\r
+               if (this.options.alwaysHide) this.options.wait = true;\r
+               if ($chk(this.options.show)){\r
+                       this.options.display = false;\r
+                       this.previous = this.options.show;\r
+               }\r
+               if (this.options.start){\r
+                       this.options.display = false;\r
+                       this.options.show = false;\r
+               }\r
+               this.effects = {};\r
+               if (this.options.opacity) this.effects.opacity = 'fullOpacity';\r
+               if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth';\r
+               if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight';\r
+               for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]);\r
+               this.elements.each(function(el, i){\r
+                       if (this.options.show === i){\r
+                               this.fireEvent('active', [this.togglers[i], el]);\r
+                       } else {\r
+                               for (var fx in this.effects) el.setStyle(fx, 0);\r
+                       }\r
+               }, this);\r
+               if ($chk(this.options.display)) this.display(this.options.display);\r
+       },\r
+\r
+       addSection: function(toggler, element, pos){\r
+               toggler = $(toggler);\r
+               element = $(element);\r
+               var test = this.togglers.contains(toggler);\r
+               var len = this.togglers.length;\r
+               this.togglers.include(toggler);\r
+               this.elements.include(element);\r
+               if (len && (!test || pos)){\r
+                       pos = $pick(pos, len - 1);\r
+                       toggler.inject(this.togglers[pos], 'before');\r
+                       element.inject(toggler, 'after');\r
+               } else if (this.container && !test){\r
+                       toggler.inject(this.container);\r
+                       element.inject(this.container);\r
+               }\r
+               var idx = this.togglers.indexOf(toggler);\r
+               toggler.addEvent('click', this.display.bind(this, idx));\r
+               if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'});\r
+               if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'});\r
+               element.fullOpacity = 1;\r
+               if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth;\r
+               if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight;\r
+               element.setStyle('overflow', 'hidden');\r
+               if (!test){\r
+                       for (var fx in this.effects) element.setStyle(fx, 0);\r
+               }\r
+               return this;\r
+       },\r
+\r
+       display: function(index){\r
+               index = ($type(index) == 'element') ? this.elements.indexOf(index) : index;\r
+               if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this;\r
+               this.previous = index;\r
+               var obj = {};\r
+               this.elements.each(function(el, i){\r
+                       obj[i] = {};\r
+                       var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0));\r
+                       this.fireEvent(hide ? 'background' : 'active', [this.togglers[i], el]);\r
+                       for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]];\r
+               }, this);\r
+               return this.start(obj);\r
+       }\r
+\r
+});
\ No newline at end of file
diff --git a/trunk/includes/js/mootools.js b/trunk/includes/js/mootools.js
deleted file mode 100644 (file)
index 592f6ab..0000000
+++ /dev/null
@@ -1,7102 +0,0 @@
-/*
-Script: Core.js
-       Mootools - My Object Oriented javascript.
-
-License:
-       MIT-style license.
-
-MooTools Copyright:
-       copyright (c) 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.
-*/
-
-var MooTools = {
-       version: '1.11'
-};
-
-/* 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
-*/
-
-function $defined(obj){
-       return (obj != undefined);
-};
-
-/*
-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';
-        &nb