/* Dragable
 new Dragable(x, y, html );
 new Dragable(layer);
 dragable.layer;
 dragable.ondrop(dragable);
 dragable.onmove(dragable);
 dragable.ondrag(dragable);
 dragable.ondown(dragable);
*/
Dragable.mdown=function (e) {
        this.offX=e.pageX-this.pageX;
        this.offY=e.pageY-this.pageY;
        if (this.ref.ondown)
          this.ref.ondown(this.reF);
        window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
        Dragable.current=this;
        this.savemousemove=window.onmousemove;
        this.savemouseup=window.onmouseup;
        window.onmousemove=Dragable.mdrag;
        window.onmouseup=Dragable.mup;
        return false;
}
Dragable.mmove=function (e) {
        if (this.ref.onmove)
                this.ref.onmove(this.ref);
        return false;
}
Dragable.mdrag=function (e) {
    var that=Dragable.current;
        that.pageX=e.pageX-that.offX;
        that.pageY=e.pageY-that.offY;
        if (that.ref.ondrag)
          that.ref.ondrag(that.ref);
        return false;
}
Dragable.mup=function () {
    var that=Dragable.current;
        window.onmousemove=that.savemousemove;
        window.onmouseup=that.savemouseup;
        var mask=0;
        if (!window.onmousemove) mask|=Event.MOUSEMOVE;
        if (!window.onmouseup)   mask|=Event.MOUSEUP;
        window.releaseEvents(mask);
        if (that.ref.ondrop)
          that.ref.ondrop(that.ref);
        return false;
}
function Dragable(x,y,html) {
  var ref=this;
  var d;
  if (x.constructor==Layer) {
    d=x;
  } else {
    var s="<layer name=dragable left="+x+" top="+y+" >"+html+"</layer>";
    document.write(s);
    d=document.layers.dragable;
  }
  d.captureEvents(Event.MOUSEMOVE|Event.MOUSEDOWN);
  d.onmousemove=Dragable.mmove;
  d.onmousedown=Dragable.mdown;
  ref.layer=d;
  d.ref=ref;
}