var dragIt;

var maxPosX = 980;
var maxPosY = 622;

var newPosX, newPosY, oldPosX, oldPosY;

var historyDragIt = null;

var historyPixelLeft = 0;

var historyPixelTop = 0;

var historyID = "";

var topzIndex = 1;




document.onmousedown = _bEginDrag;

document.onmouseup = _endDrag;

document.onmousemove = _dragIt;



function movetoTop(obj) {

	topzIndex ++;

	obj.style.zIndex = topzIndex;

}

function _bEginDrag() {

	if (event.button != 1) return;

	dragIt = event.srcElement;

	dragIt = dragIt.parentElement;

	if (dragIt.id.indexOf("sub_") == -1) return;

	dragIt = dragIt.parentElement;

	oldPosX = (event.clientX + document.body.scrollLeft);

	oldPosY = (event.clientY + document.body.scrollTop);

	historyPixelLeft = dragIt.style.pixelLeft;

	historyPixelTop = dragIt.style.pixelTop;

}

function _endDrag() {

	if (dragIt != null) {

		if (dragIt.style.pixelLeft < 5 - dragIt.style.pixelwidth) dragIt.style.pixelLeft = 5 - dragIt.style.pixelwidth;

		else if (dragIt.style.pixelLeft > maxPosX - 5) dragIt.style.pixelLeft = maxPosX - 5;

		if (dragIt.style.pixelTop < 5 - dragIt.style.pixelheight) dragIt.style.pixelTop = 5 - dragIt.style.pixelheight;

		else if (dragIt.style.pixelTop > maxPosY - 5) dragIt.style.pixelTop = maxPosY - 5;

	}

	historyDragIt = dragIt;

	if (dragIt) historyID = dragIt.id;

	dragIt = null;

}

function _dragIt() {


	if(document.locked.ckvalue.checked == false) {

	if (dragIt == null) return;

	var offsetX;

	var offsetY;

	newPosX = document.body.scrollLeft + event.clientX;

	newPosY = document.body.scrollTop + event.clientY;

	offsetX = newPosX - oldPosX;

	offsetY = newPosY - oldPosY;

	oldPosX = newPosX;

	oldPosY = newPosY;



if (dragIt.id == 'layer1' || dragIt.id == 'layer2' || dragIt.id == 'layer5' || dragIt.id == 'layer6' || dragIt.id == 'layer7' || dragIt.id == 'layer8'  || dragIt.id == 'layer9') {

	if (dragIt.style.pixelLeft >= (189 - dragIt.style.pixelwidth) && dragIt.style.pixelLeft <= maxPosX - 189) dragIt.style.pixelLeft += offsetX;

	else {

		if (dragIt.style.pixelLeft < 189 - dragIt.style.pixelwidth) dragIt.style.pixelLeft = 189 - dragIt.style.pixelwidth;

		else if (dragIt.style.pixelLeft > maxPosX - 189) dragIt.style.pixelLeft = maxPosX - 189;

	}
} else {


	
	if (dragIt.style.pixelLeft >= (386 - dragIt.style.pixelwidth) && dragIt.style.pixelLeft <= maxPosX - 386) dragIt.style.pixelLeft += offsetX;

	else {

		if (dragIt.style.pixelLeft < 386 - dragIt.style.pixelwidth) dragIt.style.pixelLeft = 386 - dragIt.style.pixelwidth;

		else if (dragIt.style.pixelLeft > maxPosX - 386) dragIt.style.pixelLeft = maxPosX - 386;

	}

}



if (dragIt.id == 'layer1' || dragIt.id == 'layer3') {

	if (dragIt.style.pixelTop >= (292 - dragIt.style.pixelheight) && dragIt.style.pixelTop <= maxPosY - 292) dragIt.style.pixelTop += offsetY;

	else {

		if (dragIt.style.pixelTop < 292 - dragIt.style.pixelheight) dragIt.style.pixelTop = 292 - dragIt.style.pixelheight;

		else if (dragIt.style.pixelTop > maxPosY - 292) dragIt.style.pixelTop = maxPosY - 292;

	}


} else if (dragIt.id == 'layer2' || dragIt.id == 'layer4' || dragIt.id == 'layer7' || dragIt.id == 'layer8'  || dragIt.id == 'layer9') {


	if (dragIt.style.pixelTop >= (142 - dragIt.style.pixelheight) && dragIt.style.pixelTop <= maxPosY - 142) dragIt.style.pixelTop += offsetY;

	else {

		if (dragIt.style.pixelTop < 142 - dragIt.style.pixelheight) dragIt.style.pixelTop = 142 - dragIt.style.pixelheight;

		else if (dragIt.style.pixelTop > maxPosY - 142) dragIt.style.pixelTop = maxPosY - 142;

	}

} else if (dragIt.id == 'layer5' || dragIt.id == 'layer6') {


	if (dragIt.style.pixelTop >= (68 - dragIt.style.pixelheight) && dragIt.style.pixelTop <= maxPosY - 68) dragIt.style.pixelTop += offsetY;

	else {

		if (dragIt.style.pixelTop < 68 - dragIt.style.pixelheight) dragIt.style.pixelTop = 68 - dragIt.style.pixelheight;

		else if (dragIt.style.pixelTop > maxPosY - 68) dragIt.style.pixelTop = maxPosY - 68;

	}

}





	event.returnValue = false;
	
	
	}


}