14   remove: function(element) {  argument
15     this.drops = this.drops.reject(function(d) { return d.element==$(element) });
18   add: function(element) {  argument
19     element = $(element);
39     Element.makePositioned(element); // fix IE
40     options.element = element;
49       if (Element.isParent(drops[i].element, deepest.element))
55   isContained: function(element, drop) {  argument
58       containmentNode = element.treeNode;
60       containmentNode = element.parentNode;
65   isAffected: function(point, element, drop) {  argument
67       (drop.element!=element) &&
69         this.isContained(element, drop)) &&
71         (Element.classNames(element).detect(
73       Position.within(drop.element, point[0], point[1]) );
78       Element.removeClassName(drop.element, drop.hoverclass);
84       Element.addClassName(drop.element, drop.hoverclass);
88   show: function(point, element) {  argument
93       if(Droppables.isAffected(point, element, drop))
102       Position.within(drop.element, point[0], point[1]);
104         drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element));
110   fire: function(event, element) {  argument
114     if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active))
116         this.last_active.onDrop(element, this.last_active.element, event);
202   removeObserver: function(element) {  // element instead of observer fixes mem leaks  argument
203     this.observers = this.observers.reject( function(o) { return o.element==element });
227   initialize: function(element) {  argument
230       reverteffect: function(element, top_offset, left_offset) {  argument
232         new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur,
236       endeffect: function(element) {  argument
237         var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0;
238         new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity,
241             Draggable._dragging[element] = false
257         starteffect: function(element) {  argument
258           element._opacity = Element.getOpacity(element);
259           Draggable._dragging[element] = true;
260           new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7});
266     this.element = $(element);
269       this.handle = this.element.down('.'+options.handle, 0);
272     if(!this.handle) this.handle = this.element;
276       this._isScrollChild = Element.childOf(this.element, options.scroll);
279     Element.makePositioned(this.element); // fix IE
297       parseInt(Element.getStyle(this.element,'left') || '0'),
298       parseInt(Element.getStyle(this.element,'top') || '0')]);
302     if(!Object.isUndefined(Draggable._dragging[this.element]) &&
303       Draggable._dragging[this.element]) return;
306       var src = Event.element(event);
315       var pos     = this.element.cumulativeOffset();
329       this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);
330       this.element.style.zIndex = this.options.zindex;
334       this._clone = this.element.cloneNode(true);
335       this._originallyAbsolute = (this.element.getStyle('position') == 'absolute');
337         Position.absolutize(this.element);
338       this.element.parentNode.insertBefore(this._clone, this.element);
354     if(this.options.starteffect) this.options.starteffect(this.element);
362       Droppables.show(pointer, this.element);
403       Droppables.show(pointer, this.element);
408         Position.relativize(this.element);
416       dropped = Droppables.fire(event, this.element);
419     if(dropped && this.options.onDropped) this.options.onDropped(this.element);
423     if(revert && Object.isFunction(revert)) revert = revert(this.element);
428         this.options.reverteffect(this.element,
435       this.element.style.zIndex = this.originalZ;
438       this.options.endeffect(this.element);
458     var pos = this.element.cumulativeOffset();
460       var r   = Position.realOffset(this.element);
489     var style = this.element.style;
530     Droppables.show(Draggables._lastPointer, this.element);
576   initialize: function(element, observer) {  argument
577     this.element   = $(element);
579     this.lastValue = Sortable.serialize(this.element);
583     this.lastValue = Sortable.serialize(this.element);
588     if(this.lastValue != Sortable.serialize(this.element))
589       this.observer(this.element)
598   _findRootElement: function(element) {  argument
599     while (element.tagName.toUpperCase() != "BODY") {
600       if(element.id && Sortable.sortables[element.id]) return element;
601       element = element.parentNode;
605   options: function(element) {  argument
606     element = Sortable._findRootElement($(element));
607     if(!element) return;
608     return Sortable.sortables[element.id];
611   destroy: function(element){  argument
612     element = $(element);
613     var s = Sortable.sortables[element.id];
616       Draggables.removeObserver(s.element);
620       delete Sortable.sortables[s.element.id];
624   create: function(element) {  argument
625     element = $(element);
627       element:     element,
634       containment: element,    // also takes array of elements (or id's); or false
656     this.destroy(element);
676       if(options.ghosting) options_for_draggable.reverteffect = function(element) {
677         element.style.top  = 0;
678         element.style.left = 0;
704     Element.cleanWhitespace(element);
711       Droppables.add(element, options_for_tree);
712       options.droppables.push(element);
715     (options.elements || this.findElements(element, options) || []).each( function(e,i) {
721       if(options.tree) e.treeNode = element;
726       (Sortable.findTreeElements(element, options) || []).each( function(e) {
728         e.treeNode = element;
734     this.sortables[element.identify()] = options;
737     Draggables.addObserver(new SortableObserver(element, options.onUpdate));
742   findElements: function(element, options) {  argument
744       element, options.only, options.tree ? true : false, options.tag);
747   findTreeElements: function(element, options) {  argument
749       element, options.only, options.tree ? true : false, options.treeTag);
752   onHover: function(element, dropon, overlap) {  argument
753     if(Element.isParent(dropon, element)) return;
759       if(dropon.previousSibling != element) {
760         var oldParentNode = element.parentNode;
761         element.style.visibility = "hidden"; // fix gecko rendering
762         dropon.parentNode.insertBefore(element, dropon);
764           Sortable.options(oldParentNode).onChange(element);
765         Sortable.options(dropon.parentNode).onChange(element);
770       if(nextElement != element) {
771         var oldParentNode = element.parentNode;
772         element.style.visibility = "hidden"; // fix gecko rendering
773         dropon.parentNode.insertBefore(element, nextElement);
775           Sortable.options(oldParentNode).onChange(element);
776         Sortable.options(dropon.parentNode).onChange(element);
781   onEmptyHover: function(element, dropon, overlap) {  argument
782     var oldParentNode = element.parentNode;
785     if(!Element.isParent(dropon, element)) {
807       dropon.insertBefore(element, child);
809       Sortable.options(oldParentNode).onChange(element);
810       droponOptions.onChange(element);
841   _tree: function(element, options, parent) {  argument
842     var children = Sortable.findElements(element, options) || [];
851         element: element,  property in Sortable._tree.child
868   tree: function(element) {  argument
869     element = $(element);
870     var sortableOptions = this.options(element);
875       name: element.id,
883       container: element,
887     return Sortable._tree(element, options, root);
899   sequence: function(element) {  argument
900     element = $(element);
901     var options = Object.extend(this.options(element), arguments[1] || { });
903     return $(this.findElements(element, options) || []).map( function(item) {
908   setSequence: function(element, new_sequence) {  argument
909     element = $(element);
910     var options = Object.extend(this.options(element), arguments[2] || { });
913     this.findElements(element, options).each( function(n) {
928   serialize: function(element) {  argument
929     element = $(element);
930     var options = Object.extend(Sortable.options(element), arguments[1] || { });
932       (arguments[1] && arguments[1].name) ? arguments[1].name : element.id);
935       return Sortable.tree(element, arguments[1]).children.map( function (item) {
940       return Sortable.sequence(element, arguments[1]).map( function(item) {
948 Element.isParent = function(child, element) {  argument
949   if (!child.parentNode || child == element) return false;
950   if (child.parentNode == element) return true;
951   return Element.isParent(child.parentNode, element);
954 Element.findChildren = function(element, only, recursive, tagName) {  argument
955   if(!element.hasChildNodes()) return null;
959   $A(element.childNodes).each( function(e) {
972 Element.offsetSize = function (element, type) {  argument
973   return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')];