code: function(el, iPageX, iPageY) {
          var oCoord = this.getTargetCoord(iPageX, iPageY);
          // this.logger.log("****alignElWithMouse : " + el.id + ", " + aCoord + ", " + el.style.display);
  
          if (!this.deltaSetXY) {
              var aCoord = [oCoord.x, oCoord.y];
              YAHOO.util.Dom.setXY(el, aCoord);
  
              var newLeft = parseInt( YAHOO.util.Dom.getStyle(el, "left"), 10 );
              var newTop  = parseInt( YAHOO.util.Dom.getStyle(el, "top" ), 10 );
  
              this.deltaSetXY = [ newLeft - oCoord.x, newTop - oCoord.y ];
          } else {
              YAHOO.util.Dom.setStyle(el, "left", (oCoord.x + this.deltaSetXY[0]) + "px");
              YAHOO.util.Dom.setStyle(el, "top",  (oCoord.y + this.deltaSetXY[1]) + "px");
          }
          
          this.cachePosition(oCoord.x, oCoord.y);
          var self = this;
          setTimeout(function() {
              self.autoScroll.call(self, oCoord.x, oCoord.y, el.offsetHeight, el.offsetWidth);
          }, 0);
      }
docs: Sets the element to the location of the mousedown or click event,
  maintaining the cursor location relative to the location on the element
  that was clicked.  Override this if you want to place the element in a
  location other than where the cursor is.
  @method alignElWithMouse
  @param {HTMLElement} el the element to move
  @param {int} iPageX the X coordinate of the mousedown or drag event
  @param {int} iPageY the Y coordinate of the mousedown or drag event