var gwidth;
var gheight;
var drag_obj;
var g_zindex=150;
var onmousemove_bak;

function Coord(e){
	if(window.event){
		this.x=window.event.clientX;
		this.y=window.event.clientY;
	}
	else{
		this.x=e.pageX;
		this.y=e.pageY;
	}
	return this;
}



function preventEvent(e){
	if(window.event){
	window.event.cancelBubble = true;
	window.event.returnValue = false;
	}
	else if (e.preventDefault) e.preventDefault();
}





function init_move_obj(obj){
	obj.getElementsByTagName("div")[0].onmousedown=function(e){startdrag(this.parentNode,e)}
	obj.getElementsByTagName("div")[0].style.cursor="move";
	//obj.style.position="absolute";
	//obj.style.marginLeft=0;
	//obj.style.marginTop=0;
	obj.style.left=obj.offsetLeft+"px";
	obj.style.top=obj.offsetTop+"px";
}


function startdrag(obj,e){
	preventEvent(e);
	//obj.style.zIndex=g_zindex++;
	gwidth=Coord(e).x-obj.offsetLeft;
	gheight=Coord(e).y-obj.offsetTop;
	drag_obj=obj;
	document.onmouseup=function(e){ enddrag(e)}
	onmousemove_bak=document.onmousemove;
	document.onmousemove=function(e){ move(e)}
}


function move(e){
	if(drag_obj){ 
		preventEvent(e);
		drag_obj.style.left=Coord(e).x-gwidth+"px";
		drag_obj.style.top=Coord(e).y-gheight+"px";
	}
}


function enddrag(obj,e){
	if(drag_obj){
		drag_obj=null;
		document.onmouseup=null;
		document.onmousemove=onmousemove_bak;
	}
}