/*========================================
// js_layer_move.js
// 레이어(또는 다른 객체)가 마우스로 이동할 수 있도록 해준다.
//
// ex> js_layer_move(document.getElementById('test1'),document.getElementById('test2'));
// ex> js_layer_move(document.getElementById('test2'));
// ex> js_layer_move([이동을 제어할 대상], [이동할 대상]);
// [이동할 대상] : 정해지지 않으면 [이동을 제어할 대상]이 [이동할 대상] 대상으로 정해진다.
// 저 코드를 실행 후 마우스로 이동시킬 수 있게 된다.
//
// 주의 : 해당 개체의 onmousedown,onmouseup,onmousemove 이벤트에 등록되어있던 함수는 사용할 수 없게된다.
// 이벤트를 중복되게 할 수 있지만, 대상을 이동하는데 방해가 되기 때문에 그냥 제거함.
//
연계
js_event_anti.js 에서 js_event_anti_stop_event() 를 사용한다.

// mins01,mins,공대여자
// MSN,NateOn : mins01(at)lycos.co.kr
// 2007-01-30
// 2007-03-31 : 이동대상 따로 지정할 수 있도록 바뀜
// "공대여자는 예쁘다."를 나타내야만 쓸 수 있습니다.
//========================================*/
//해당 개체가 이동이 가능하도록 자동 설정등을 바꿔준다.
function js_layer_move(this_s1,this_s2) {
	//this_s1 : 이벤트를 받을 대상
	//this_s2 : 이동을 할 대상 : 없으면 this_s1 과 같게 처리
	// this_s1 이 이동처리되면 this_s2 가 이동하는 형식
	if (!this_s2) {
		this_s2=this_s1;
	}

//	this_s1.style.position='relative';
	this_s2.style.position='absolute';
	//this_s1.style.zIndex='9000';
	//this_s2.style.zIndex='9000';
	try {
		//this_s2.style.left='0px';
		//this_s2.style.top='0px';
	} catch(e) {}
	this_s1.style.cursor = 'move';
	this_s1.onmousedown= function (event) {
		js_layer_move_down(this_s2,event);
	}
	this_s1.onmouseup= js_layer_move_up;
	this_s1.onmouseout= js_layer_move_up;
	this_s1.onmousemove= js_layer_move_move;
}
///------------ 마우스로 객체 드래그
var bdown = false;
var x, y;
var js_layer_move_element = null;//이동되는 대상지정
//------------------------------------- 숫자 NaN체커
function changeInt(num){ //수평선 님 추가
	var temp = parseInt(num);
	if (isNaN(temp)){
		temp = 0;
	}
	return temp;
} 
//------------------------------------ IE/FF 공용처리
function js_layer_move_down(this_s2,e) {
	var evt = e || window.event;
	js_layer_stop_bubble(evt);
	//js_layer_move_element = evt.target || evt.srcElement ;
	var this_s1 = evt.target || evt.srcElement;
	js_layer_move_element = this_s2;
	if (this_s1.style.cursor == 'move') {
		bdown = true;
		x = evt.clientX;
		y = evt.clientY;
	}
}
function js_layer_move_up() {
	bdown = false;
}
function js_layer_move_move(e) {
	if (bdown) {
		var evt = e || window.event;
		js_layer_stop_bubble(evt);
		var distX = changeInt(evt.clientX) - x;
		var distY = changeInt(evt.clientY) - y;
		js_layer_move_element.style.left = (changeInt(js_layer_move_element.style.left) + distX) + 'px';
		js_layer_move_element.style.top = (changeInt(js_layer_move_element.style.top) + distY) + 'px';
		x = changeInt(evt.clientX);
		y = changeInt(evt.clientY);
		return false;
	}
}
function js_layer_stop_bubble(evt){
	if (typeof(js_event_anti_stop_event) != 'function') {
		return;
	}
	try {
		js_event_anti_stop_event(evt);
	} catch (e) {
	}
}