var objDrag = null;

var mouseX = 0;
var mouseY = 0;

var offX = 0;
var offY = 0;

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

function init() {

	document.onmousemove = doDrag;
	document.onmouseup = stopDrag;

}

function startDrag(objElem) {

	objDrag = objElem;
	
	offX = mouseX - objDrag.offsetLeft;
	offY = mouseY - objDrag.offsetTop;

}

function doDrag(ereignis) {

	mouseX = (IE) ? window.event.clientX : ereignis.pageX;
	mouseY = (IE) ? window.event.clientY : ereignis.pageY;
	
	if (objDrag != null) {

		objDrag.style.left = (mouseX - offX) + "px";
		objDrag.style.top = (mouseY - offY) + "px";

		window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;

	}

}

function stopDrag(ereignis) {

	objDrag = null;

}

function closeMyDiv(id) {

	if (document.getElementById) {  

		document.getElementById(id).style.display = 'none';

	} 

}

function openMyDiv(id) {

	if (document.getElementById) {  

		document.getElementById(id).style.display = 'block';

	} 

}