if(!this.delta)      this.delta = this.currentDelta();        if(this.options.zindex) {      this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0);      this.element.style.zIndex = this.options.zindex;    }        if(this.options.ghosting) {      this._clone = this.element.cloneNode(true);      this.element._originallyAbsolute = (this.element.getStyle('position') == 'absolute');      if (!this.element._originallyAbsolute)        Position.absolutize(this.element);      this.element.parentNode.insertBefore(this._clone, this.element);    }        if(this.options.scroll) {      if (this.options.scroll == window) {        var where = this._getWindowScroll(this.options.scroll);        this.originalScrollLeft = where.left;        this.originalScrollTop = where.top;      } else {        this.originalScrollLeft = this.options.scroll.scrollLeft;        this.originalScrollTop = this.options.scroll.scrollTop;      }    }        Draggables.notify('onStart', this, event);            if(this.options.starteffect) this.options.starteffect(this.element);  },    updateDrag: function(event, pointer) {    if(!this.dragging) this.startDrag(event);        if(!this.options.quiet){      Position.prepare();      Droppables.show(pointer, this.element);    }        Draggables.notify('onDrag', this, event);        this.draw(pointer);    if(this.options.change) this.options.change(this);        if(this.options.scroll) {      this.stopScrolling();            var p;      if (this.options.scroll == window) {        with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; }      } else {        p = Position.page(this.options.scroll);        p[0] += this.options.scroll.scrollLeft + Position.deltaX;        p[1] += this.options.scroll.scrollTop + Position.deltaY;        p.push(p[0]+this.options.scroll.offsetWidth);        p.push(p[1]+this.options.scroll.offsetHeight);      }      var speed = [0,0];      if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity);      if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity);      if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity);      if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity);      this.startScrolling(speed);    }        // fix AppleWebKit rendering    if(Prototype.Browser.WebKit) window.scrollBy(0,0);        Event.stop(event);  },    finishDrag: function(event, success) {    this.dragging = false;        if(this.options.quiet){      Position.prepare();      var pointer = [Event.pointerX(event), Event.pointerY(event)];      Droppables.show(pointer, this.element);    }    if(this.options.ghosting) {      if (!this.element._originallyAbsolute)        Position.relativize(this.element);      delete this.element._originallyAbsolute;      Element.remove(this._clone);      this._clone = null;    }    var dropped = false;     if(success) {       dropped = Droppables.fire(event, this.element);       if (!dropped) dropped = false;     }    if(dropped && this.options.onDropped) this.options.onDropped(this.element);    Draggables.notify('onEnd', this, event);    var revert = this.options.revert;    if(revert && Object.isFunction(revert)) revert = revert(this.element);        var d = this.currentDelta();    if(revert && this.options.reverteffect) {      if (dropped == 0 || revert != 'failure')        this.options.reverteffect(this.element,          d[1]-this.delta[1], d[0]-this.delta[0]);    } else {      this.delta = d;    }    if(this.options.zindex)      this.element.style.zIndex = this.originalZ;    if(this.options.endeffect)       this.options.endeffect(this.element);          Draggables.deactivate(this);    Droppables.reset();  },    keyPress: function(event) {    if(event.keyCode!=Event.KEY_ESC) return;    this.finishDrag(event, false);    Event.stop(event);  },    endDrag: function(event) {    if(!this.dragging) return;    this.stopScrolling();    this.finishDrag(event, true);    Event.stop(event);  },    draw: function(point) {    var pos = Position.cumulativeOffset(this.element);    if(this.options.ghosting) {      var r   = Position.realOffset(this.element);      pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY;    }        var d = this.currentDelta();    pos[0] -= d[0]; pos[1] -= d[1];        if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) {      pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft;      pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop;    }        var p = [0,1].map(function(i){       return (point[i]-pos[i]-this.offset[i])     }.bind(this));        if(this.options.snap) {      if(Object.isFunction(this.options.snap)) {        p = this.options.snap(p[0],p[1],this);      } else {      if(Object.isArray(this.options.snap)) {        p = p.map( function(v, i) {          return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this))      } else {        p = p.map( function(v) {          return (v/this.options.snap).round()*this.options.snap }.bind(this))      }    }}        var style = this.element.style;    if((!this.options.constraint) || (this.options.constraint=='horizontal'))      style.left = p[0] + "px";    if((!this.options.constraint) || (this.options.constraint=='vertical'))      style.top  = p[1] + "px";        if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering  },    stopScrolling: function() {    if(this.scrollInterval) {      clearInterval(this.scrollInterval);      this.scrollInterval = null;      Draggables._lastScrollPointer = null;    }  },    startScrolling: function(speed) {    if(!(speed[0] || speed[1])) return;    this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed];    this.lastScrolled = new Date();    this.scrollInterval = setInterval(this.scroll.bind(this), 10);  },    scroll: function() {    var current = new Date();    var delta = current - this.lastScrolled;    this.lastScrolled = current;    if(this.options.scroll == window) {      with (this._getWindowScroll(this.options.scroll)) {        if (this.scrollSpeed[0] || this.scrollSpeed[1]) {          var d = delta / 1000;          this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] );        }      }    } else {      this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;      this.options.scroll.scrollTop  += this.scrollSpeed[1] * delta / 1000;    }        Position.prepare();    Droppables.show(Draggables._lastPointer, this.element);    Draggables.notify('onDrag', this);    if (this._isScrollChild) {      Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer);      Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000;      Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000;      if (Draggables._lastScrollPointer[0] < 0)        Draggables._lastScrollPointer[0] = 0;      if (Draggables._lastScrollPointer[1] < 0)        Draggables._lastScrollPointer[1] = 0;      this.draw(Draggables._lastScrollPointer);    }        if(this.options.change) this.options.change(this);  },    _getWindowScroll: function(w) {    var T, L, W, H;    with (w.document) {      if (w.document.documentElement && documentElement.scrollTop) {        T = documentElement.scrollTop;        L = documentElement.scrollLeft;      } else if (w.document.body) {        T = body.scrollTop;        L = body.scrollLeft;      }      if (w.innerWidth) {        W = w.innerWidth;        H = w.innerHeight;      } else if (w.document.documentElement && documentElement.clientWidth) {        W = documentElement.clientWidth;        H = documentElement.clientHeight;      } else {        W = body.offsetWidth;        H = body.offsetHeight      }    }    return { top: T, left: L, width: W, height: H };  }});Draggable._dragging = { };/*--------------------------------------------------------------------------*/var SortableObserver = Class.create({  initialize: function(element, observer) {    this.element   = $(element);    this.observer  = observer;    this.lastValue = Sortable.serialize(this.element);  },    onStart: function() {    this.lastValue = Sortable.serialize(this.element);  },    onEnd: function() {    Sortable.unmark();    if(this.lastValue != Sortable.serialize(this.element))      this.observer(this.element)  }});var Sortable = {  SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/,    sortables: { },    _findRootElement: function(element) {    while (element.tagName.toUpperCase() != "BODY") {        if(element.id && Sortable.sortables[element.id]) return element;      element = element.parentNode;    }  },  options: function(element) {    element = Sortable._findRootElement($(element));    if(!element) return;    return Sortable.sortables[element.id];  },    destroy: function(element){    var s = Sortable.options(element);        if(s) {      Draggables.removeObserver(s.element);      s.droppables.each(function(d){ Droppables.remove(d) });      s.draggables.invoke('destroy');            delete Sortable.sortables[s.element.id];    }  },  create: function(element) {    element = $(element);    var options = Object.extend({       element:     element,      tag:         'li',       // assumes li children, override with tag: 'tagname'      dropOnEmpty: false,      tree:        false,      treeTag:     'ul',      overlap:     'vertical', // one of 'vertical', 'horizontal'      constraint:  'vertical', // one of 'vertical', 'horizontal', false      containment: element,    // also takes array of elements (or id's); or false      handle:      false,      // or a CSS class      only:        false,      delay:       0,      hoverclass:  null,      ghosting:    false,      quiet:       false,       scroll:      false,      scrollSensitivity: 20,      scrollSpeed: 15,      format:      this.SERIALIZE_RULE,            // these take arrays of elements or ids and can be       // used for better initialization performance      elements:    false,      handles:     false,