0
@@ -61,16 +61,13 @@
0
 
0
 # Get external spinoffs -------------------------------------------------------------------
0
 
0
-task :update_scriptaculous do
0
-  system("svn export --force http://dev.rubyonrails.org/svn/rails/spinoffs/scriptaculous/src/ #{File.dirname(__FILE__)}/html/javascripts")
0
-end
0
-
0
-task :update_prototype do
0
-  system("svn export --force http://dev.rubyonrails.org/svn/rails/trunk/actionpack/lib/action_view/helpers/javascripts/prototype.js #{File.dirname(__FILE__)}/html/javascripts/prototype.js")
0
-end
0
-
0
 desc "Updates railties to the latest version of the javascript spinoffs"
0
-task :update_js => [:update_scriptaculous, :update_prototype]
0
+task :update_js do
0
+  for js in %w( prototype controls dragdrop effects )
0
+    rm "html/javascripts/#{js}.js"
0
+    cp "./../actionpack/lib/action_view/helpers/javascripts/#{js}.js", "html/javascripts"
0
+  end
0
+end
0
 
0
 # Make directory structure ----------------------------------------------------------------
0
 

0
@@ -1 +1,262 @@
0
+// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
0
+// 
0
+// Permission is hereby granted, free of charge, to any person obtaining
0
+// a copy of this software and associated documentation files (the
0
+// "Software"), to deal in the Software without restriction, including
0
+// without limitation the rights to use, copy, modify, merge, publish,
0
+// distribute, sublicense, and/or sell copies of the Software, and to
0
+// permit persons to whom the Software is furnished to do so, subject to
0
+// the following conditions:
0
+// 
0
+// The above copyright notice and this permission notice shall be
0
+// included in all copies or substantial portions of the Software.
0
+// 
0
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
0
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
0
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
0
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
0
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
0
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
0
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
0
+
0
+
0
+Element.collectTextNodesIgnoreClass = function(element, ignoreclass) {
0
+  var children = $(element).childNodes;
0
+  var text     = "";
0
+  var classtest = new RegExp("^([^ ]+ )*" + ignoreclass+ "( [^ ]+)*$","i");
0
+  
0
+  for (var i = 0; i < children.length; i++) {
0
+    if(children[i].nodeType==3) {
0
+      text+=children[i].nodeValue;
0
+    } else {
0
+      if((!children[i].className.match(classtest)) && children[i].hasChildNodes())
0
+        text += Element.collectTextNodesIgnoreClass(children[i], ignoreclass);
0
+    }
0
+  }
0
+  
0
+  return text;
0
+}
0
+
0
+Ajax.Autocompleter = Class.create();
0
+Ajax.Autocompleter.prototype = (new Ajax.Base()).extend({
0
+  initialize: function(element, update, url, options) {
0
+    this.element     = $(element); 
0
+    this.update      = $(update);  
0
+    this.has_focus   = false; 
0
+    this.changed     = false; 
0
+    this.active      = false; 
0
+    this.index       = 0;     
0
+    this.entry_count = 0;    
0
+    this.url         = url;
0
+
0
+    this.setOptions(options);
0
+    this.options.asynchronous = true;
0
+    this.options.onComplete   = this.onComplete.bind(this)
0
+    this.options.frequency    = this.options.frequency || 0.4;
0
+    this.options.min_chars    = this.options.min_chars || 1;
0
+    this.options.method       = 'post';
0
+    
0
+    this.options.onShow = this.options.onShow || 
0
+      function(element, update){ 
0
+        if(!update.style.position || update.style.position=='absolute') {
0
+          update.style.position = 'absolute';
0
+          var offsets = Position.cumulativeOffset(element);
0
+          update.style.left = offsets[0] + 'px';
0
+          update.style.top  = (offsets[1] + element.offsetHeight) + 'px';
0
+          update.style.width = element.offsetWidth + 'px';
0
+        }
0
+        new Effect.Appear(update,{duration:0.3});
0
+      };
0
+    this.options.onHide = this.options.onHide || 
0
+      function(element, update){ new Effect.Fade(update,{duration:0.3}) };
0
+    
0
+    
0
+    if(this.options.indicator)
0
+      this.indicator = $(this.options.indicator);
0
+       
0
+    this.observer = null;
0
+    
0
+    Element.hide(this.update);
0
+    
0
+    Event.observe(this.element, "blur", this.onBlur.bindAsEventListener(this));
0
+    Event.observe(this.element, "keypress", this.onKeyPress.bindAsEventListener(this));
0
+  },
0
+  
0
+  show: function() {
0
+    if(this.update.style.display=='none') this.options.onShow(this.element, this.update);
0
+    if(!this.iefix && (navigator.appVersion.indexOf('MSIE')>0) && this.update.style.position=='absolute') {
0
+      new Insertion.After(this.update, 
0
+       '<iframe id="' + this.update.id + '_iefix" '+
0
+       'style="display:none;filter:progid:DXImageTransform.Microsoft.Alpha(apacity=0);" ' +
0
+       'src="javascript:;" frameborder="0" scrolling="no"></iframe>');
0
+      this.iefix = $(this.update.id+'_iefix');
0
+    }
0
+    if(this.iefix) {
0
+      Position.clone(this.update, this.iefix);
0
+      this.iefix.style.zIndex = 1;
0
+      this.update.style.zIndex = 2;
0
+      Element.show(this.iefix);
0
+    }
0
+  },
0
+  
0
+  hide: function() {
0
+    if(this.update.style.display=='') this.options.onHide(this.element, this.update);
0
+    if(this.iefix) Element.hide(this.iefix);
0
+  },
0
+  
0
+  startIndicator: function() {
0
+    if(this.indicator) Element.show(this.indicator);
0
+  },
0
+  
0
+  stopIndicator: function() {
0
+    if(this.indicator) Element.hide(this.indicator);
0
+  },
0
+  
0
+  onObserverEvent: function() {
0
+    this.changed = false;   
0
+    if(this.element.value.length>=this.options.min_chars) {
0
+      this.startIndicator();
0
+      this.options.parameters = this.options.callback ?
0
+        this.options.callback(this.element, Form.Element.getValue(this.element)) :
0
+          Form.Element.serialize(this.element);
0
+      new Ajax.Request(this.url, this.options);
0
+    } else {
0
+      this.active = false;
0
+      this.hide();
0
+    }
0
+  },
0
+  
0
+  addObservers: function(element) {
0
+    Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this));
0
+    Event.observe(element, "click", this.onClick.bindAsEventListener(this));
0
+  },
0
+  
0
+  onComplete: function(request) {
0
+    if(!this.changed && this.has_focus) {
0
+      this.update.innerHTML = request.responseText;
0
+      Element.cleanWhitespace(this.update);
0
+      Element.cleanWhitespace(this.update.firstChild);
0
+
0
+      if(this.update.firstChild && this.update.firstChild.childNodes) {
0
+        this.entry_count = 
0
+          this.update.firstChild.childNodes.length;
0
+        for (var i = 0; i < this.entry_count; i++) {
0
+          entry = this.get_entry(i);
0
+          entry.autocompleteIndex = i;
0
+          this.addObservers(entry);
0
+        }
0
+      } else { 
0
+        this.entry_count = 0;
0
+      }
0
+      
0
+      this.stopIndicator();
0
+      
0
+      this.index = 0;
0
+      this.render();
0
+    }
0
+  },
0
+  
0
+  onKeyPress: function(event) {
0
+    if(this.active)
0
+      switch(event.keyCode) {
0
+       case Event.KEY_TAB:
0
+       case Event.KEY_RETURN:
0
+         this.select_entry();
0
+         Event.stop(event);
0
+       case Event.KEY_ESC:
0
+         this.hide();
0
+         this.active = false;
0
+         return;
0
+       case Event.KEY_LEFT:
0
+       case Event.KEY_RIGHT:
0
+         return;
0
+       case Event.KEY_UP:
0
+         this.mark_previous();
0
+         this.render();
0
+         if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
0
+         return;
0
+       case Event.KEY_DOWN:
0
+         this.mark_next();
0
+         this.render();
0
+         if(navigator.appVersion.indexOf('AppleWebKit')>0) Event.stop(event);
0
+         return;
0
+      }
0
+     else 
0
+      if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN) 
0
+        return;
0
+    
0
+    this.changed = true;
0
+    this.has_focus = true;
0
+    
0
+    if(this.observer) clearTimeout(this.observer);
0
+      this.observer = 
0
+        setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000);
0
+  },
0
+  
0
+  onHover: function(event) {
0
+    var element = Event.findElement(event, 'LI');
0
+    if(this.index != element.autocompleteIndex) 
0
+    {
0
+        this.index = element.autocompleteIndex;
0
+        this.render();
0
+    }
0
+    Event.stop(event);
0
+  },
0
+  
0
+  onClick: function(event) {
0
+    var element = Event.findElement(event, 'LI');
0
+    this.index = element.autocompleteIndex;
0
+    this.select_entry();
0
+    Event.stop(event);
0
+  },
0
+  
0
+  onBlur: function(event) {
0
+    // needed to make click events working
0
+    setTimeout(this.hide.bind(this), 250);
0
+    this.has_focus = false;
0
+    this.active = false;     
0
+  }, 
0
+  
0
+  render: function() {
0
+    if(this.entry_count > 0) {
0
+      for (var i = 0; i < this.entry_count; i++)
0
+        this.index==i ? 
0
+          Element.addClassName(this.get_entry(i),"selected") : 
0
+          Element.removeClassName(this.get_entry(i),"selected");
0
+        
0
+      if(this.has_focus) { 
0
+        if(this.get_current_entry().scrollIntoView) 
0
+          this.get_current_entry().scrollIntoView(false);
0
+        
0
+        this.show();
0
+        this.active = true;
0
+      }
0
+    } else this.hide();
0
+  },
0
+  
0
+  mark_previous: function() {
0
+    if(this.index > 0) this.index--
0
+      else this.index = this.entry_count-1;
0
+  },
0
+  
0
+  mark_next: function() {
0
+    if(this.index < this.entry_count-1) this.index++
0
+      else this.index = 0;
0
+  },
0
+  
0
+  get_entry: function(index) {
0
+    return this.update.firstChild.childNodes[index];
0
+  },
0
+  
0
+  get_current_entry: function() {
0
+    return this.get_entry(this.index);
0
+  },
0
+  
0
+  select_entry: function() {
0
+    this.active = false;
0
+    value = Element.collectTextNodesIgnoreClass(this.get_current_entry(), 'informal').unescapeHTML();
0
+    this.element.value = value;
0
+    this.element.focus();
0
+  }
0
+});

0
@@ -1 +1,477 @@
0
+// Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
0
+// 
0
+// Element.Class part Copyright (c) 2005 by Rick Olson
0
+// 
0
+// Permission is hereby granted, free of charge, to any person obtaining
0
+// a copy of this software and associated documentation files (the
0
+// "Software"), to deal in the Software without restriction, including
0
+// without limitation the rights to use, copy, modify, merge, publish,
0
+// distribute, sublicense, and/or sell copies of the Software, and to
0
+// permit persons to whom the Software is furnished to do so, subject to
0
+// the following conditions:
0
+// 
0
+// The above copyright notice and this permission notice shall be
0
+// included in all copies or substantial portions of the Software.
0
+// 
0
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
0
+// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
0
+// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
0
+// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
0
+// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
0
+// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
0
+// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
0
+
0
+Element.Class = {
0
+    // Element.toggleClass(element, className) toggles the class being on/off
0
+    // Element.toggleClass(element, className1, className2) toggles between both classes,
0
+    //   defaulting to className1 if neither exist
0
+    toggle: function(element, className) {
0
+      if(Element.Class.has(element, className)) {
0
+        Element.Class.remove(element, className);
0
+        if(arguments.length == 3) Element.Class.add(element, arguments[2]);
0
+      } else {
0
+        Element.Class.add(element, className);
0
+        if(arguments.length == 3) Element.Class.remove(element, arguments[2]);
0
+      }
0
+    },
0
+
0
+    // gets space-delimited classnames of an element as an array
0
+    get: function(element) {
0
+      element = $(element);
0
+      return element.className.split(' ');
0
+    },
0
+
0
+    // functions adapted from original functions by Gavin Kistner
0
+    remove: function(element) {
0
+      element = $(element);
0
+      var regEx;
0
+      for(var i = 1; i < arguments.length; i++) {
0
+        regEx = new RegExp("^" + arguments[i] + "\\b\\s*|\\s*\\b" + arguments[i] + "\\b", 'g');
0
+        element.className = element.className.replace(regEx, '')
0
+      }
0
+    },
0
+
0
+    add: function(element) {
0
+      element = $(element);
0
+      for(var i = 1; i < arguments.length; i++) {
0
+        Element.Class.remove(element, arguments[i]);
0
+        element.className += (element.className.length > 0 ? ' ' : '') + arguments[i];
0
+      }
0
+    },
0
+
0
+    // returns true if all given classes exist in said element
0
+    has: function(element) {
0
+      element = $(element);
0
+      if(!element || !element.className) return false;
0
+      var regEx;
0
+      for(var i = 1; i < arguments.length; i++) {
0
+        regEx = new RegExp("\\b" + arguments[i] + "\\b");
0
+        if(!regEx.test(element.className)) return false;
0
+      }
0
+      return true;
0
+    },
0
+    
0
+    // expects arrays of strings and/or strings as optional paramters
0
+    // Element.Class.has_any(element, ['classA','classB','classC'], 'classD')
0
+    has_any: function(element) {
0
+      element = $(element);
0
+      if(!element || !element.className) return false;
0
+      var regEx;
0
+      for(var i = 1; i < arguments.length; i++) {
0
+        if((typeof arguments[i] == 'object') && 
0
+          (arguments[i].constructor == Array)) {
0
+          for(var j = 0; j < arguments[i].length; j++) {
0
+            regEx = new RegExp("\\b" + arguments[i][j] + "\\b");
0
+            if(regEx.test(element.className)) return true;
0
+          }
0
+        } else {
0
+          regEx = new RegExp("\\b" + arguments[i] + "\\b");
0
+          if(regEx.test(element.className)) return true;
0
+        }
0
+      }
0
+      return false;
0
+    },
0
+    
0
+    childrenWith: function(element, className) {
0
+      var children = $(element).getElementsByTagName('*');
0
+      var elements = new Array();
0
+      
0
+      for (var i = 0; i < children.length; i++) {
0
+        if (Element.Class.has(children[i], className)) {
0
+          elements.push(children[i]);
0
+          break;
0
+        }
0
+      }
0
+      
0
+      return elements;
0
+    }
0
+}
0
+
0
+/*--------------------------------------------------------------------------*/
0
+
0
+var Droppables = {
0
+  drops: false,
0
+  
0
+  add: function(element) {
0
+    var element = $(element);
0
+    var options = {
0
+      greedy:     true,
0
+      hoverclass: null  
0
+    }.extend(arguments[1] || {});
0
+    
0
+    // cache containers
0
+    if(options.containment) {
0
+      options._containers = new Array();
0
+      var containment = options.containment;
0
+      if((typeof containment == 'object') && 
0
+        (containment.constructor == Array)) {
0
+        for(var i=0; i<containment.length; i++)
0
+          options._containers.push($(containment[i]));
0
+      } else {
0
+        options._containers.push($(containment));
0
+      }
0
+      options._containers_length = 
0
+        options._containers.length-1;
0
+    }
0
+    
0
+    if(element.style.position=='') //fix IE
0
+      element.style.position = 'relative'; 
0
+    
0
+    // activate the droppable
0
+    element.droppable = options;
0
+    
0
+    if(!this.drops) this.drops = [];
0
+    this.drops.push(element);
0
+  },
0
+  
0
+  is_contained: function(element, drop) {
0
+    var containers = drop.droppable._containers;
0
+    var parentNode = element.parentNode;
0
+    var i = drop.droppable._containers_length;
0
+    do { if(parentNode==containers[i]) return true; } while (i--);
0
+    return false;
0
+  },
0
+  
0
+  is_affected: function(pX, pY, element, drop) {
0
+    return (
0
+      (drop!=element) &&
0
+      ((!drop.droppable._containers) ||
0
+        this.is_contained(element, drop)) &&
0
+      ((!drop.droppable.accept) ||
0
+        (Element.Class.has_any(element, drop.droppable.accept))) &&
0
+      Position.within(drop, pX, pY) );
0
+  },
0
+  
0
+  deactivate: function(drop) {
0
+    Element.Class.remove(drop, drop.droppable.hoverclass);
0
+    this.last_active = null;
0
+  },
0
+  
0
+  activate: function(drop) {
0
+    if(this.last_active) this.deactivate(this.last_active);
0
+    if(drop.droppable.hoverclass) {
0
+      Element.Class.add(drop, drop.droppable.hoverclass);
0
+      this.last_active = drop;
0
+    }
0
+  },
0
+  
0
+  show: function(event, element) {
0
+    if(!this.drops) return;
0
+    var pX = Event.pointerX(event);
0
+    var pY = Event.pointerY(event);
0
+    Position.prepare();
0
+    
0
+    var i = this.drops.length-1; do {
0
+      var drop = this.drops[i];
0
+      if(this.is_affected(pX, pY, element, drop)) {
0
+        if(drop.droppable.onHover)
0
+           drop.droppable.onHover(
0
+            element, drop, Position.overlap(drop.droppable.overlap, drop));
0
+        if(drop.droppable.greedy) { 
0
+          this.activate(drop);
0
+          return;
0
+        }
0
+      }
0
+    } while (i--);
0
+  },
0
+  
0
+  fire: function(event, element) {
0
+    if(!this.drops) return;
0
+    var pX = Event.pointerX(event);
0
+    var pY = Event.pointerY(event);
0
+    Position.prepare();
0
+    
0
+    var i = this.drops.length-1; do {
0
+      var drop = this.drops[i];
0
+      if(this.is_affected(pX, pY, element, drop))
0
+        if(drop.droppable.onDrop)
0
+           drop.droppable.onDrop(element);
0
+    } while (i--);
0
+  },
0
+  
0
+  reset: function() {
0
+    if(this.last_active)
0
+      this.deactivate(this.last_active);
0
+  }
0
+}
0
+
0
+Draggables = {
0
+  observers: new Array(),
0
+  addObserver: function(observer) {
0
+    this.observers.push(observer);    
0
+  },
0
+  notify: function(eventName, draggable) {  // 'onStart', 'onEnd'
0
+    for(var i = 0; i < this.observers.length; i++)
0
+      this.observers[i][eventName](draggable);
0
+  }
0
+}
0
+
0
+/*--------------------------------------------------------------------------*/
0
+
0
+Draggable = Class.create();
0
+Draggable.prototype = {
0
+  initialize: function(element) {
0
+    var options = {
0
+      handle: false,
0
+      starteffect: function(element) { 
0
+        new Effect.Opacity(element, {duration:0.2, from:1.0, to:0.7}); 
0
+      },
0
+      reverteffect: function(element, top_offset, left_offset) {
0
+        new Effect.MoveBy(element, -top_offset, -left_offset, {duration:0.4});
0
+      },
0
+      endeffect: function(element) { 
0
+         new Effect.Opacity(element, {duration:0.2, from:0.7, to:1.0}); 
0
+      },
0
+      zindex: 1000,
0
+      revert: false
0
+    }.extend(arguments[1] || {});
0
+    
0
+    this.element      = $(element);
0
+    this.element.drag = this;
0
+    this.handle       = options.handle ? $(options.handle) : this.element;
0
+    
0
+    // fix IE
0
+    if(!this.element.style.position)
0
+      this.element.style.position = 'relative';
0
+    
0
+    this.offsetX      = 0;
0
+    this.offsetY      = 0;
0
+    this.originalLeft = this.currentLeft();
0
+    this.originalTop  = this.currentTop();
0
+    this.originalX    = this.element.offsetLeft;
0
+    this.originalY    = this.element.offsetTop;
0
+    this.originalZ    = parseInt(this.element.style.zIndex || "0");
0
+    
0
+    this.options      = options;
0
+    
0
+    this.active       = false;
0
+    this.dragging     = false;   
0
+    
0
+    Event.observe(this.handle, "mousedown", this.startDrag.bindAsEventListener(this));
0
+    Event.observe(document, "mouseup", this.endDrag.bindAsEventListener(this));
0
+    Event.observe(document, "mousemove", this.update.bindAsEventListener(this));
0
+  },
0
+  currentLeft: function() {
0
+    return parseInt(this.element.style.left || '0');
0
+  },
0
+  currentTop: function() {
0
+    return parseInt(this.element.style.top || '0')
0
+  },
0
+  startDrag: function(event) {
0
+    if(Event.isLeftClick(event)) {
0
+      this.active = true;
0
+      
0
+      var style = this.element.style;
0
+      this.originalY = this.element.offsetTop  - this.currentTop()  - this.originalTop;
0
+      this.originalX = this.element.offsetLeft - this.currentLeft() - this.originalLeft;
0
+      this.offsetY =  event.clientY - this.originalY - this.originalTop;
0
+      this.offsetX =  event.clientX - this.originalX - this.originalLeft;
0
+      
0
+      Event.stop(event);
0
+    }
0
+  },
0
+  endDrag: function(event) {
0
+    if(this.active && this.dragging) {
0
+      this.active = false;
0
+      this.dragging = false;
0
+      
0
+      Droppables.fire(event, this.element);
0
+      Draggables.notify('onEnd', this);
0
+      
0
+      var revert = this.options.revert;
0
+      if(revert && typeof revert == 'function') revert = revert(this.element);
0
+      
0
+      if(revert && this.options.reverteffect) {
0
+        this.options.reverteffect(this.element, 
0
+          this.currentTop()-this.originalTop,
0
+          this.currentLeft()-this.originalLeft);
0
+      } else {
0
+        this.originalLeft = this.currentLeft();
0
+        this.originalTop  = this.currentTop();
0
+      }
0
+      this.element.style.zIndex = this.originalZ;
0
+     
0
+      if(this.options.endeffect) 
0
+        this.options.endeffect(this.element);
0
+      
0
+      Droppables.reset();
0
+      Event.stop(event);
0
+    }
0
+    this.active = false;
0
+    this.dragging = false;
0
+  },
0
+  draw: function(event) {
0
+    var style = this.element.style;
0
+    this.originalX = this.element.offsetLeft - this.currentLeft() - this.originalLeft;
0
+    this.originalY = this.element.offsetTop  - this.currentTop()  - this.originalTop;
0
+    if((!this.options.constraint) || (this.options.constraint=='horizontal'))
0
+      style.left = ((event.clientX - this.originalX) - this.offsetX) + "px";
0
+    if((!this.options.constraint) || (this.options.constraint=='vertical'))
0
+      style.top  = ((event.clientY - this.originalY) - this.offsetY) + "px";
0
+    if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering
0
+  },
0
+  update: function(event) {
0
+   if(this.active) {
0
+      if(!this.dragging) {
0
+        var style = this.element.style;
0
+        this.dragging = true;
0
+        if(style.position=="") style.position = "relative";
0
+        style.zIndex = this.options.zindex;
0
+        Draggables.notify('onStart', this);
0
+        if(this.options.starteffect) this.options.starteffect(this.element);
0
+      }
0
+      
0
+      Droppables.show(event, this.element);
0
+      this.draw(event);
0
+      if(this.options.change) this.options.change(this);
0
+      
0
+      // fix AppleWebKit rendering
0
+      if(navigator.appVersion.indexOf('AppleWebKit')>0) window.scrollBy(0,0); 
0
+      
0
+      Event.stop(event);
0
+   }
0
+  }
0
+}
0
+
0
+/*--------------------------------------------------------------------------*/
0
+
0
+SortableObserver = Class.create();
0
+SortableObserver.prototype = {
0
+  initialize: function(element, observer) {
0
+    this.element   = $(element);
0
+    this.observer  = observer;
0
+    this.lastValue = Sortable.serialize(this.element);
0
+  },
0
+  onStart: function() {
0
+    this.lastValue = Sortable.serialize(this.element);
0
+  },
0
+  onEnd: function() {    
0
+    if(this.lastValue != Sortable.serialize(this.element))
0
+      this.observer(this.element)
0
+  }
0
+}
0
+
0
+Sortable = {
0
+  create: function(element) {
0
+    var element = $(element);
0
+    var options = { 
0
+      tag:         'li',       // assumes li children, override with tag: 'tagname'
0
+      overlap:     'vertical', // one of 'vertical', 'horizontal'
0
+      constraint:  'vertical', // one of 'vertical', 'horizontal', false
0
+      containment: element,    // also takes array of elements (or id's); or false
0
+      handle:      false,      // or a CSS class
0
+      only:        false,
0
+      hoverclass:  null,
0
+      onChange:    function() {},
0
+      onUpdate:    function() {}
0
+    }.extend(arguments[1] || {});
0
+    element.sortable = options;
0