// 브라우저 버전별 체크
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

// 넷스케이프 계열의 낮은 버전 브라우저를 위한....
var dragswitch=0;
var nsx;
var nsy;
var nstemp;

function drag_dropns(name){
	if (!ns4)
		return;
	temp=eval(name);
	temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
	temp.onmousedown=gons;
	temp.onmousemove=dragns;
	temp.onmouseup=stopns;
}

function gons(e){
	temp.captureEvents(Event.MOUSEMOVE);
	nsx=e.x;
	nsy=e.y;
}

function dragns(e){
	if (dragswitch==1){
		temp.moveBy(e.x-nsx,e.y-nsy);
		return false;
	}
}

function stopns(){
	temp.releaseEvents(Event.MOUSEMOVE);
}
// 넷스케이프 계열 낮은 버전 브라우저를 위한.... 끝


// 크로스브라우저의 높은 버전을 위한 변수 정의
var crossobj;
var tempx;
var tempy;
var offsetx;
var offsety;

// 마우스 드래그에 의한 레이어 움직임 통제
function drag_drop(e){
	if (ie4&&dragapproved){
		crossobj.style.left=tempx+event.clientX-offsetx;
		// 움직인레이어의 왼쪽  = 원래위치 + 현재마우스위치 - 눌렀을당시 마우스위치  즉 원래레이어위치에서 마우스가 움직인만큼만 더해라
		crossobj.style.top=tempy+event.clientY-offsety;
		return false;
	}
	else if (ns6&&dragapproved){
		crossobj.style.left=tempx+e.clientX-offsetx+"px";
		crossobj.style.top=tempy+e.clientY-offsety+"px";
		return false;
	}
}


//크로스브라우징을 위해 각 변수가 정의
function initializedrag(e, popId){
	// 크로스브라우징을 위한 오브젝트 선택 getElementById를 쓸것인지 all.아이디명을 쓸건인지
	crossobj = $(popId);

	// 이벤트가 일어난 오브젝트 선택
	var firedobj=ns6? e.target : event.srcElement;

	// 브라우저별 최상위 오브젝트 이름과 DTD 정의에 따라 body, documentElement의 차이
	var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body";


	// while 과 if 문은 어떤 효용이 있는지 잘 모르겠다. 팝업을 움직이는데는 꼭 필요하지는 않다.
	// while문 전체와 if의 조건을 제거해도 효과에 이상은 없다
	while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
		firedobj=ns6? firedobj.parentNode : firedobj.parentElement;
	}

	if (firedobj.id=="dragbar"){
		offsetx=ie4? event.clientX : e.clientX;
		offsety=ie4? event.clientY : e.clientY;
		tempx=parseInt(crossobj.style.left);
		tempy=parseInt(crossobj.style.top);

		dragapproved=true;
		document.onmousemove=drag_drop;
	}
}


// 문서어디에서 마우스를 떼도 더이상 드레그 되지 않도록
document.onmouseup=new Function("dragapproved=false");