var objDrag = null;     // Element, über dem Maus bewegt wurde

var mouseX   = 0;       // X-Koordinate der Maus
var mouseY   = 0;       // Y-Koordinate der Maus

var offX = 0;           // X-Offset der Maus zur linken oberen Ecke des Elements
var offY = 0;           // Y-Offset der Maus zur linken oberen Ecke des Elements

var akt_zIndex=1000;
var base_zIndex = 0;

// Browserweiche
IE = document.all&&!window.opera;
DOM = document.getElementById&&!IE;


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

// Wird aufgerufen, wenn die Maus über einer Box gedrückt wird
function dragstart(objElem) {
	document.body.onselectstart = function () { return false };
	// Objekt der globalen Variabel zuweisen -> hierdurch wird Bewegung möglich
	objDrag = objElem;
	
	// Offsets im zu bewegenden Element ermitteln
	offX = mouseX - objDrag.offsetLeft;
	offY = mouseY - objDrag.offsetTop;
	drgObjToFront(objDrag);
}
function drgObjToFront(objDrag)
{
	base_zIndex=objDrag.style.zIndex*1;
	akt_zIndex++;
	objDrag.style.zIndex=akt_zIndex;	
}

// Wird ausgeführt, wenn die Maustaste losgelassen wird
function dragstop(ereignis) {
	document.body.onselectstart = function () { };
	// Objekt löschen -> beim Bewegen der Maus wird Element nicht mehr verschoben
	objDrag = null;
}

// Wird ausgeführt, wenn die Maus bewegt wird
function drag(ereignis) {
	// Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
	mouseX = (IE) ? window.event.clientX : ereignis.pageX;
	mouseY = (IE) ? window.event.clientY : ereignis.pageY;
	
	// Wurde die Maus über einem Element gedrück, erfolgt eine Bewegung
	if (objDrag != null) {
	  // Element neue Koordinaten zuweisen
	  objDrag.style.left = (mouseX - offX) + "px";
	  objDrag.style.top = (mouseY - offY) + "px";
	
	  // Position in Statusleiste ausgeben
	  window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
	}
}