21     var options = Object.extend({
28     if(options.containment) {
29       options._containers = [];
30       var containment = options.containment;
33         containment.each( function(c) { options._containers.push($(c)) });
35         options._containers.push($(containment));
39     if(options.accept) options.accept = [options.accept].flatten();
42     options.element = element;
44     this.drops.push(options);
152     if(draggable.options.delay) { 
157       }.bind(this), draggable.options.delay); 
210     if(draggable.options[eventName]) draggable.options[eventName](draggable, event);
264     var options = Object.extend(defaults, arguments[1] || {});
268     if(options.handle && (typeof options.handle == 'string'))
269       this.handle = this.element.down('.'+options.handle, 0);
271     if(!this.handle) this.handle = $(options.handle);
274     if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) {
275       options.scroll = $(options.scroll);
276       this._isScrollChild = Element.childOf(this.element, options.scroll);
282     this.options  = options;
327     if(this.options.zindex) {
329       this.element.style.zIndex = this.options.zindex;
332     if(this.options.ghosting) {
338     if(this.options.scroll) {
339       if (this.options.scroll == window) {
340         var where = this._getWindowScroll(this.options.scroll);
344         this.originalScrollLeft = this.options.scroll.scrollLeft;
345         this.originalScrollTop = this.options.scroll.scrollTop;
351     if(this.options.starteffect) this.options.starteffect(this.element);
361     if(this.options.change) this.options.change(this);
363     if(this.options.scroll) {
367       if (this.options.scroll == window) {
368 …    with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }
370         p = Position.page(this.options.scroll);
371         p[0] += this.options.scroll.scrollLeft + Position.deltaX;
372         p[1] += this.options.scroll.scrollTop + Position.deltaY;
373         p.push(p[0]+this.options.scroll.offsetWidth);
374         p.push(p[1]+this.options.scroll.offsetHeight);
377 …if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.sc…
378 …if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.sc…
379 …if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.sc…
380 …if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.sc…
393     if(this.options.ghosting) {
402     var revert = this.options.revert;
406     if(revert && this.options.reverteffect) {
407       this.options.reverteffect(this.element, 
413     if(this.options.zindex)
416     if(this.options.endeffect) 
417       this.options.endeffect(this.element);
438     if(this.options.ghosting) {
446     if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) {
447       pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;
448       pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;
455     if(this.options.snap) {
456       if(typeof this.options.snap == 'function') {
457         p = this.options.snap(p[0],p[1],this);
459       if(this.options.snap instanceof Array) {
461           return Math.round(v/this.options.snap[i])*this.options.snap[i] }.bind(this))
464           return Math.round(v/this.options.snap)*this.options.snap }.bind(this))
469     if((!this.options.constraint) || (this.options.constraint=='horizontal'))
471     if((!this.options.constraint) || (this.options.constraint=='vertical'))
487     this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];
496     if(this.options.scroll == window) {
497       with (this._getWindowScroll(this.options.scroll)) {
500           this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );
504       this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
505       this.options.scroll.scrollTop  += this.scrollSpeed[1] * delta / 1000;
522     if(this.options.change) this.options.change(this);
583   options: function(element) {  method in Sortable
590     var s = Sortable.options(element);
603     var options = Object.extend({ 
631       scroll:      options.scroll,
632       scrollSpeed: options.scrollSpeed,
633       scrollSensitivity: options.scrollSensitivity,
634       delay:       options.delay,
635       ghosting:    options.ghosting,
636       constraint:  options.constraint,
637       handle:      options.handle };
639     if(options.starteffect)
640       options_for_draggable.starteffect = options.starteffect;
642     if(options.reverteffect)
643       options_for_draggable.reverteffect = options.reverteffect;
645       if(options.ghosting) options_for_draggable.reverteffect = function(element) {
650     if(options.endeffect)
651       options_for_draggable.endeffect = options.endeffect;
653     if(options.zindex)
654       options_for_draggable.zindex = options.zindex;
658       overlap:     options.overlap,
659       containment: options.containment,
660       tree:        options.tree,
661       hoverclass:  options.hoverclass,
667       overlap:      options.overlap,
668       containment:  options.containment,
669       hoverclass:   options.hoverclass
675     options.draggables = [];
676     options.droppables = [];
679     if(options.dropOnEmpty || options.tree) {
681       options.droppables.push(element);
684     (this.findElements(element, options) || []).each( function(e) {
686       var handle = options.handle ? 
687         $(e).down('.'+options.handle,0) : e;    
688       options.draggables.push(
691       if(options.tree) e.treeNode = element;
692       options.droppables.push(e);      
695     if(options.tree) {
696       (Sortable.findTreeElements(element, options) || []).each( function(e) {
699         options.droppables.push(e);
704     this.sortables[element.id] = options;
707     Draggables.addObserver(new SortableObserver(element, options.onUpdate));
712   findElements: function(element, options) {  argument
714       element, options.only, options.tree ? true : false, options.tag);
717   findTreeElements: function(element, options) {  argument
719       element, options.only, options.tree ? true : false, options.treeTag);
725     if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) {
734           Sortable.options(oldParentNode).onChange(element);
735         Sortable.options(dropon.parentNode).onChange(element);
745           Sortable.options(oldParentNode).onChange(element);
746         Sortable.options(dropon.parentNode).onChange(element);
753     var droponOptions = Sortable.options(dropon);
779       Sortable.options(oldParentNode).onChange(element);
790     var sortable = Sortable.options(dropon.parentNode);
811   _tree: function(element, options, parent) {  argument
812     var children = Sortable.findElements(element, options) || [];
815       var match = children[i].id.match(options.format);
825         container: $(children[i]).down(options.treeTag)
830         this._tree(child.container, options, child)
840     var sortableOptions = this.options(element);
841     var options = Object.extend({
857     return Sortable._tree(element, options, root);
871     var options = Object.extend(this.options(element), arguments[1] || {});
873     return $(this.findElements(element, options) || []).map( function(item) {
874       return item.id.match(options.format) ? item.id.match(options.format)[1] : '';
880     var options = Object.extend(this.options(element), arguments[2] || {});
883     this.findElements(element, options).each( function(n) {
884         if (n.id.match(options.format))
885             nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode];
900     var options = Object.extend(Sortable.options(element), arguments[1] || {});
904     if (options.tree) {