<!--
/*
function debugoutput(div, txt) {
	var out = document.getElementById(div);
	if (out) {
		out.innerHTML = txt;
	}
}
*/
var dd = new Object();
dd.DragDrop = function() {
	//Das Objekt, das gerade bewegt wird.
	this.dragobject = null;
	// Position, an der das Objekt angeklickt wurde.
	this.dragx = 0;
	this.dragy = 0;

	// Mausposition
	this.posx = 0;
	this.posy = 0;
}

dd.DragDrop.prototype = {
	// override this to initialize your coordinates etc.
	start:function() {	
	},
	// override this for setting variables after dragging
	stop:function() {
	},
	dragstart:function(img) {
		if (img) {
	  		this.dragobject = img;
	  		this.dragx = this.posx - this.dragobject.offsetLeft;
	  		this.dragy = this.posy - this.dragobject.offsetTop;
		}
	},
	dragstop:function() {
		if (this.stop) {
			this.stop();
		}
		this.dragobject = null;
	},
	getMousePosition:function(evt) {
 		evt = (evt) ? evt : ((window.event) ? window.event : "");
		if (document.all) {
			this.posx = evt.clientX;
  			this.posy = evt.clientY;
		} else {
			this.posx = evt.pageX;
  			this.posy = evt.pageY;
		}
	},
	drag:function(evt) {
		this.getMousePosition(evt);
	
  		if (this.dragobject) {
    		this.dragobject.style.left = (this.posx - this.dragx) + "px";
    		this.dragobject.style.top = (this.posy - this.dragy) + "px";
		}
	},
	onmousemove:function(evt) {
		var obj = document.modelObj;
		if (obj) {
			return obj.drag(evt);
		}
	},
	onmouseup:function() {
		var obj = document.modelObj;
		if (obj) {
			return obj.dragstop();
		}
	},
	draginit:function() {
		var obj = document.modelObj;
		if (obj) {
			document.onmousemove = obj.onmousemove;
			document.onmouseup = obj.onmouseup;
			if (obj.start) {
				obj.start();
			}
		}
	}
}
-->