-var Drag = {\r
-\r
- obj : null,\r
-\r
- init : function(o, mouseup_cb, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)\r
- {\r
- o.onmousedown = Drag.start;\r
- o.mouseup_cb = mouseup_cb;\r
- o.connect = function(conn)\r
- {\r
- this.parentNode.connected[this.parentNode.connected.length] = conn;\r
- }\r
-\r
- o.connected = new Array();\r
- /* alert("agnulla"+o.style.left); */\r
-\r
- o.hmode = bSwapHorzRef ? false : true ;\r
- o.vmode = bSwapVertRef ? false : true ;\r
-\r
- o.root = oRoot && oRoot != null ? oRoot : o ;\r
-\r
- if (o.hmode && isNaN(parseInt(o.root.style.left ))) {\r
- var res = parseInt(getStyle(o, "left", "left"));\r
- if (isNaN(res)) {\r
- o.root.style.left = "0px";\r
- }\r
- else {\r
- o.root.style.left = res;\r
- }\r
- }\r
- if (o.vmode && isNaN(parseInt(o.root.style.top ))) {\r
- var res = parseInt(getStyle(o, "top", "top"));\r
- if (isNaN(res)) {\r
- o.root.style.top = "0px";\r
- }\r
- else {\r
- o.root.style.top = res;\r
- }\r
- }\r
- if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px";\r
- if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";\r
-\r
- o.minX = typeof minX != 'undefined' ? minX : null;\r
- o.minY = typeof minY != 'undefined' ? minY : null;\r
- o.maxX = typeof maxX != 'undefined' ? maxX : null;\r
- o.maxY = typeof maxY != 'undefined' ? maxY : null;\r
-\r
- o.xMapper = fXMapper ? fXMapper : null;\r
- o.yMapper = fYMapper ? fYMapper : null;\r
-\r
- o.root.onDragStart = new Function();\r
- o.root.onDragEnd = new Function();\r
- o.root.onDrag = new Function();\r
- },\r
-\r
- start : function(e)\r
- {\r
- var o = Drag.obj = this;\r
- e = Drag.fixE(e);\r
-\r
- if (!e) \r
- var e = window.event\r
- // handle event\r
- e.cancelBubble = true;\r
- if (e.stopPropagation) \r
- e.stopPropagation();\r
-\r
- o.oldzidx = o.style.zIndex;\r
- o.style.zIndex = 10;\r
-\r
- // alert("start");\r
-\r
- var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
- var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
- o.root.onDragStart(x, y);\r
-\r
- o.lastMouseX = e.clientX;\r
- o.lastMouseY = e.clientY;\r
-\r
- if (o.hmode) {\r
- if (o.minX != null) o.minMouseX = e.clientX - x + o.minX;\r
- if (o.maxX != null) o.maxMouseX = o.minMouseX + o.maxX - o.minX;\r
- } else {\r
- if (o.minX != null) o.maxMouseX = -o.minX + e.clientX + x;\r
- if (o.maxX != null) o.minMouseX = -o.maxX + e.clientX + x;\r
- }\r
-\r
- if (o.vmode) {\r
- if (o.minY != null) o.minMouseY = e.clientY - y + o.minY;\r
- if (o.maxY != null) o.maxMouseY = o.minMouseY + o.maxY - o.minY;\r
- } else {\r
- if (o.minY != null) o.maxMouseY = -o.minY + e.clientY + y;\r
- if (o.maxY != null) o.minMouseY = -o.maxY + e.clientY + y;\r
- }\r
-\r
- document.onmousemove = Drag.drag;\r
- document.onmouseup = Drag.end;\r
-\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('start', o);\r
- }\r
-\r
- return false;\r
- },\r
-\r
- drag : function(e)\r
- {\r
- e = Drag.fixE(e);\r
- var o = Drag.obj;\r
-\r
- var ey = e.clientY;\r
- var ex = e.clientX;\r
- var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);\r
- var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );\r
- var nx, ny;\r
-\r
- if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);\r
- if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);\r
- if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);\r
- if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);\r
-\r
- nx = x + ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));\r
- ny = y + ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));\r
-\r
- if (o.xMapper) nx = o.xMapper(y)\r
- else if (o.yMapper) ny = o.yMapper(x)\r
-\r
- Drag.obj.root.style[o.hmode ? "left" : "right"] = nx + "px";\r
- Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny + "px";\r
- Drag.obj.lastMouseX = ex;\r
- Drag.obj.lastMouseY = ey;\r
-\r
- Drag.obj.root.onDrag(nx, ny);\r
-\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('drag', o);\r
- }\r
-\r
- return false;\r
- },\r
-\r
- end : function(e)\r
- {\r
- e = Drag.fixE(e);\r
- var o = Drag.obj;\r
-\r
- o.style.zIndex = o.oldzidx;\r
- // alert("END");\r
- if (o.mouseup_cb != null) {\r
- if (o.mouseup_cb(o) == 1) {\r
- o.onmousedown = null;\r
- }\r
- }\r
-\r
- document.onmousemove = null;\r
- document.onmouseup = null;\r
- Drag.obj.root.onDragEnd( parseInt(Drag.obj.root.style[Drag.obj.hmode ? "left" : "right"]), \r
- parseInt(Drag.obj.root.style[Drag.obj.vmode ? "top" : "bottom"]));\r
- for(var i = 0 ; i < o.connected.length ; i++) {\r
- o.connected[i].update('end', o);\r
- }\r
-\r
- Drag.obj = null;\r
- },\r
-\r
- fixE : function(e)\r
- {\r
- if (typeof e == 'undefined') e = window.event;\r
- if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;\r
- if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;\r
- return e;\r