var dragElement, offsetX, offsetY, isDragging=false;
/*window.onload = init;*/
document.onmousemove = mM;
document.onmouseup = mU;

function initDragNDrop(dragElement) {
	var ob = document.getElementById(dragElement);
	
	ob.ondrag=function(){return false;};
	ob.onselectstart=function(){return false;};
	
	ob.style.left="120px";
	ob.style.top="8px";
}

function mD(ob,e) {
	dragElement = ob;
	
	if (window.event) e=window.event;
	
	var dragX = parseInt(dragElement.style.left);
	var dragY = parseInt(dragElement.style.top);
	
	var mouseX = e.clientX;
	var mouseY = e.clientY;
	
	offsetX = mouseX - dragX;
	offsetY = mouseY - dragY;
	
	isDragging = true;
	
	//ob.style.opacity="0.3";
	return false;
}

function mM(e) {
	if (!isDragging) return;
	
	if (window.event) e=window.event;
	
	var newX = e.clientX - offsetX;
	var newY = e.clientY - offsetY;
	
	dragElement.style.left = newX + "px";
	dragElement.style.top = newY + "px";

	return false;
}

function mU() {
	if (!isDragging) return;
	
	isDragging = false;
	
	//ob.style.opacity="0.96";
	return false;
}