var dragObject, offsetX, offsetY, isDragging=false;
var ob;
document.onmousemove = mM;
document.onmouseup = mU;
function mD(ob,e) {
	dragObject = ob;
	if (window.event) e=window.event;
	var dragX = parseInt(dragObject.style.left);
	var dragY = parseInt(dragObject.style.top);
	var mouseX = e.clientX;
	var mouseY = e.clientY;
	isDragging = true;
	return false;
}
function mM(e) {
	if (!isDragging) return;
	if (window.event) e=window.event;
	var newX = e.clientX - document.getElementById('divContainer').offsetLeft;
	var newY = e.clientY - document.getElementById('divContainer').offsetTop + document.body.scrollTop;
	if (newX<0) {
		newX = 0;
	}
	if (newY<0) {
		newY = 0;
	}
	if (newX>(1000-dragObject.offsetWidth)) {
		newX = (1000-dragObject.offsetWidth);
	}
	if (newY>(1000-dragObject.offsetHeight)) {
		newY = (1000-dragObject.offsetHeight);
	}
	dragObject.style.left = newX + "px";
	dragObject.style.top = newY + "px";
        document.getElementById("xpos").value = newX;
        document.getElementById("ypos").value = newY;
	return false;
}
function mU() {
	if (!isDragging) return;
	isDragging = false;
	return false;
}