var dragActive = false;
var selObj;
var selObj_x = 0;
var selObj_y = 0;
var selObj_zIndex = 100;

function drag_end()
{
	dragActive = false;
}

function move_div(e)
{
	if (! e) {
		e = window.event;
	}
	
	if (typeof(dragActive) != "undefined" && dragActive) {
		selObj.style.position = "absolute";
		last_x = selObj.style.left = (e.clientX - selObj_x) + "px";
		last_y = selObj.style.top = (e.clientY - selObj_y) + "px";
		selObj.style.zIndex = ++selObj_zIndex;
	}
}

function drag_init(e)
{
	if (! e) {
		e = window.event;
	}

	var obj = document.getElementById("img_popup");
	dragActive = true;
	selObj_x = e.clientX - obj.offsetLeft;
	selObj_y = e.clientY - obj.offsetTop;
	selObj = obj;
}

function attach_drag_events()
{	
	var d = document.getElementById("img_popup");
	d.onmousedown = drag_init;
	d.onmouseup = drag_end;
}