";
close_div= "";
-
- document.write("| "+open_div+this.Lines[i][j].text+close_div+" | ");
+
+ document.write(""+open_div+this.Lines[i][j].text+close_div+" | ");
+
+ //added for dragging to map draggable objects and meta data objects
+ if (j==2) {
+ this.draggableObjects[i] = document.getElementById(div_name);
+ if (this.metaData && this.metaData[i]) {
+ this.draggableObjects[i].metaData = this.metaData[i];
+ }
+
+ }
+ //end added for dragging
+
}
document.write("");
}
@@ -201,3 +254,252 @@ function AssetManager_SortRows(table,column) {
}
}
}
+
+
+//called to enable dragging on an element
+function AssetManager_dragStart(firedobj,xCoordinate,yCoordinate) {
+
+ if (!firedobj) return;
+
+ if (this.dragEnabled) return;
+
+ found = false;
+ //traverse up the dom tree until you find the asset
+ while (firedobj.tagName!=this.topLevelElement && !found) {
+ for (i = 0; i< this.draggableObjects.length; i++) {
+ if (firedobj == this.draggableObjects[i]) {
+ found = true;
+ }
+ }
+
+
+ if (!found) {
+ firedobj=this.dom? firedobj.parentNode : firedobj.parentElement
+ }else {
+ break;
+ }
+ }
+
+
+ this.dragEnabled=true;
+
+ this.pageHeight = this.documentElement.scrollHeight;
+ this.pageWidth = this.documentElement.scrollWidth;
+
+ this.focusObject=firedobj;
+ this.bringToFront(document.getElementById("dragImage"));
+ document.getElementById("dragImage").innerHTML = " " + firedobj.id + " ";
+ this.x=xCoordinate;
+ this.y=yCoordinate;
+
+ return false;
+}
+
+//called on mouse up if dragging was enabled
+function AssetManager_dragStop() {
+ if (this.dragEnabled) {
+
+ this.dragEnabled = false;
+ document.getElementById("dragImage").style.display="none";
+
+ if (this.overObject && this.overObject != null && this.overObject != this.focusObject) {
+
+
+ var serverParts = location.href.split("/");
+ var hostName = serverParts[2];
+
+ var url = "http://" + hostName + this.focusObject.metaData.url;
+ if (this.focusObject.metaData.url.indexOf("?") == -1) {
+ url = url + "?";
+ }else {
+ url =url + "&";
+ }
+
+ url = url + "func=setRank&rank="+ this.overObject.metaData.rank;
+
+
+ location.href=url;
+ }
+ }
+}
+
+//changes the z index of obj to be greater than all other elements
+function AssetManager_bringToFront(obj) {
+ this.lastZIndex++;
+ obj.style.zIndex = this.lastZIndex;
+}
+
+function AssetManager_select(obj) {
+
+ this.overObject=obj;
+ this.overObject.style.backgroundColor = "yellow";
+ for (i = 0 ; i< this.draggableObjects.length; i++) {
+ if (obj != this.draggableObjects[i]) {
+ this.draggableObjects[i].style.backgroundColor = "white";
+ }
+ }
+}
+
+function AssetManager_clear() {
+
+ for (i = 0 ; i< this.draggableObjects.length; i++) {
+ this.draggableObjects[i].style.backgroundColor="white";
+ }
+
+ this.overObject=null;
+
+}
+
+//called on mouse move. checks to see if mouse cursor is over an asset when dragging
+function AssetManager_move(e){
+ if (this.dragEnabled){
+ this.adjustScrollBars(e);
+
+ var topScroll = this.documentElement.scrollTop;
+ var leftScroll =this.documentElement.scrollLeft;
+
+ var obj = this.spy(this.dom? e.pageX: (e.clientX + this.documentElement.scrollLeft),this.dom? e.pageY: (e.clientY + this.documentElement.scrollTop));
+
+ if (obj && obj != null) {
+ this.select(obj);
+ }else {
+ this.clear();
+ }
+
+ document.getElementById("dragImage").style.display = "block";
+ document.getElementById("dragImage").style.top = this.dom? (e.clientY+ 15 + topScroll) + "px" : (event.clientY + 15 + topScroll) + "px";
+ document.getElementById("dragImage").style.left = this.dom? (e.clientX + 5 + leftScroll) + "px" : (event.clientX + 5 + leftScroll) + "px";
+ }
+ return false
+}
+
+//check to see if the mouse cursor is over and asset. If so, returns the asset
+function AssetManager_spy(x,y) {
+ var returnObj = null;
+
+ for (i=0;ix1 && x < (x1 + obj.offsetWidth)) {
+ //add 13 pixels for ie since border widths are included in calculation
+ //var fudge = this.dom? 0:13;
+ var fudge = 13;
+ if (y> (y1 + fudge) && y< (y1 + obj.offsetHeight + fudge)) {
+ return obj;
+ }
+ }
+ }
+
+ return returnObj;
+}
+
+
+//checks to see if the scroll bars need to be adjusted. Called durring dragging
+function AssetManager_adjustScrollBars(e) {
+ var scrY=0;
+ var scrX=0;
+
+ if (!this.documentElement) return;
+
+ var topScroll = this.documentElement.scrollTop;
+ var leftScroll = this.documentElement.scrollLeft;
+ var innerHeight = this.documentElement.clientHeight;
+ var innerWidth = this.documentElement.clientWidth;
+
+ if (e.clientY > innerHeight-this.scrollJump) {
+ if (e.clientY + topScroll < this.pageHeight - (this.scrollJump + 40)) {
+ scrY=this.scrollJump;
+ window.scroll(leftScroll,topScroll + scrY);
+ this.y-=scrY;
+ }
+ }else if (e.clientY < this.scrollJump) {
+ if (topScroll < this.scrollJump) {
+ scrY = topScroll;
+ }else {
+ scrY=this.scrollJump;
+ }
+ window.scroll(leftScroll,topScroll - scrY);
+ this.y+=scrY;
+ }
+
+
+ if (e.clientX > innerWidth-this.scrollJump) {
+ if (e.clientX + leftScroll < this.pageWidth - (this.scrollJump + 40)) {
+ scrX=this.scrollJump;
+ window.scroll(leftScroll + scrX,topScroll);
+ this.x-=scrX;
+ }
+ }else if (e.clientX < this.scrollJump) {
+ if (leftScroll < this.scrollJump) {
+ scrX = leftScroll;
+ }else {
+ scrX=this.scrollJump;
+ }
+ window.scroll(leftScroll - scrX,topScroll);
+ this.x+=scrX;
+ }
+}
+
+//adds the asset meta data to an array. When the write method is called, the meta
+//data is appended to the draggable divs as a meta data property
+function AssetManager_addAssetMetaData(url, rank) {
+ var obj = new Object();
+ obj.url = url;
+ obj.rank = rank;
+ this.metaData[rank-1] = obj;
+
+}
+
+//********Event Handlers***********
+function AssetManager_initializeDragEventHandlers() {
+ document.onmousedown=AssetManager_documentMouseDown;
+ document.onmouseup=AssetManager_documentMouseUp;
+ document.onmousemove=AssetManager_documentMouseMove;
+}
+
+/* called on document mouse down. Gets a reference to the asset manager and passes in event*/
+function AssetManager_documentMouseDown(e) {
+ var dom = document.getElementById&&!document.all;
+ e=dom? e : event;
+ obj =dom? e.target : e.srcElement
+
+
+ if (e.button != 2) {
+ assetManager.dragStart(obj,e.clientX,e.clientY);
+ }
+ return true;
+}
+
+/* called on document mouse up. Gets a reference to the asset manager and passes in event*/
+function AssetManager_documentMouseUp(e) {
+ var dom = document.getElementById&&!document.all;
+ e=dom? e : event;
+ obj =dom? e.target : e.srcElement
+ assetManager.dragStop();
+ return false;
+}
+
+
+/* called on document mouse move. Gets a reference to the asset manager and passes in event*/
+function AssetManager_documentMouseMove(e) {
+ var dom = document.getElementById&&!document.all;
+ e=dom? e : event;
+
+ assetManager.move(e);
+ return false;
+}
+//******End Event Handlers***********