//=========================================================================================
// Layer Control
//=========================================================================================
var bCapture = false;
var oDragLayer = null;
var nStartX = 0;
var nStartY = 0;
var zIdx = 10;
var isIE = (navigator.userAgent.indexOf("MSIE") != -1)?true:false;

//=========================================================================================
// 마우스 다운 이벤트시 레이어 캡쳐
//=========================================================================================
function dragStart(sDivName, evt) {

	var evt = evt?evt:event;
	oDragLayer = document.getElementById(sDivName);
	oDragLayer.style.zIndex = zIdx++;
	bCapture = true;
	
	if(document.body && document.body.setCapture) {
		document.body.setCapture();		// body 화면 고정(IE전용)	
	}

	if(isIE) {
		nStartX = evt.offsetX;
		nStartY = evt.offsetY;
	}
	else {
		nStartX = evt.clientX - (oDragLayer.offsetLeft ? oDragLayer.offsetLeft : 0);
		nStartY = evt.clientY - (oDragLayer.offsetTop ? oDragLayer.offsetTop : 0);
	}

	evt.cancelBubble = true;
	return false;
}

document.onmousemove = dragLayer;
document.onmouseup = setDragOff;

//=========================================================================================
// 마우스 드래그시 레이어 이동
//=========================================================================================
function dragLayer(evt) {
	var evt = evt?evt:event;
	if(bCapture) {
		if(oDragLayer != null) {
			if(isIE) {
				oDragLayer.style.pixelLeft = evt.x + document.documentElement.scrollLeft - nStartX;
				oDragLayer.style.pixelTop  = evt.y + document.documentElement.scrollTop  - nStartY;
			}
			else {
				oDragLayer.style.left = evt.clientX - nStartX;
				oDragLayer.style.top  = evt.clientY - nStartY;
			}

			evt.cancelBubble = true;
			return false;
		}
	}
}

//=========================================================================================
// 드래그가 끝났을때 캡쳐한 레이어 놓기
//=========================================================================================
function setDragOff() {
	bCapture = false;
	oDragLayer = null;
   if (document.body && document.body.releaseCapture) {
		document.body.releaseCapture();		// body화면 고정풀기(IE전용)
    }
}