//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

// Position, an der das Objekt angeklickt wurde.
var dragx = 0;
var dragy = 0;

// Mausposition
var posx = 0;
var posy = 0;

function draginit() {
	// Initialisierung der Überwachung der Events
	document.onmousemove = drag;
}

function dragstart(element1, element2) {
	// Wird aufgerufen, wenn ein Objekt bewegt werden soll.
	dragobjekt = element1;
	document.onmouseup = dragstop;

	dragx = posx - dragobjekt.offsetLeft;
	dragy = posy - dragobjekt.offsetTop;
}

function dragstop() {
	// Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
	document.onmouseup = null;
	dragobjekt = null;
}

function drag(ereignis) {
	// Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das
	// Objekt.
	posx = document.all ? window.event.clientX : ereignis.pageX;
	posy = document.all ? window.event.clientY : ereignis.pageY;
	if (dragobjekt != null) {
		document.body.focus(); // Verhindert Markierungen (im Firefox)
		document.onselectstart = function() {
			return false;
		}; // Verhindert Markierungen (IE)
		dragobjekt.style.zIndex = 10000;
		dragobjekt.style.left = (posx - dragx) + "px";
		dragobjekt.style.top = (posy - dragy) + "px";

	}
}