Drag and Drop в jQuery

            $(document).ready(Start);
            function Start(){
                var controlObj = null;
                InitToolCanvas();
            }
            function Control( x, y, width, height){
                this.x = x;
                this.y = y;
                this.width   = width;
                this.height   = height;
                this.offsetX = 0;
                this.offsetY = 0;
                
                this.draw = function(){
                    var canvasMgr = document.getElementById("canvasMgr");
                    var ctxMgr = canvasMgr.getContext("2d");
 
                    ctxMgr.strokeStyle = "#ddd";
                    ctxMgr.strokeRect(this.x ,this.y, this.width, this.height);
 
                };
            }
 
            function InitToolCanvas(){
                var canvasMgr = document.getElementById("canvasMgr");
                var ctxMgr = canvasMgr.getContext("2d");
                controlObj = new Control(30, 20, 40, 40);
 
                //CanvasMgr Interface
                canvasMgr.width  = 200;
                canvasMgr.height = 400;
 
                ctxMgr.fillStyle = "#222";
                ctxMgr.fillRect(0,0, canvasMgr.width,canvasMgr.height);
              
                
                var drag = false;
                setInterval('controlObj.draw()', 1000/60);
 
                $("#canvasMgr").mousedown(function(e){
                    
                    var mouseX = e.pageX - canvasMgr.offsetLeft;
                    var mouseY = e.pageY - canvasMgr.offsetTop;
                    if(mouseX > controlObj.x 
                    && mouseX < controlObj.x + controlObj.width 
                    && mouseY > controlObj.y 
                    && mouseY < controlObj.y + controlObj.height){
 
                        drag = true;
                        controlObj.offsetX = mouseX - controlObj.x ;
                        controlObj.offsetY = mouseY - controlObj.y ;
 
                     }     
                });
 
                $("#canvasMgr").mouseup(function(e){
                    drag = false;
                });
 
                $("#canvasMgr").mousemove(function(e){
                    var mouseX = e.pageX;
                    var mouseY = e.pageY;
                    if (drag) {           
                        // Изменение координат фигуры
                        controlObj.x = e.pageX - controlObj.offsetX;
                        controlObj.y = e.pageY - controlObj.offsetY;
                    }
                });
            }//InitToolCanvas end