var dragedObj;
var curPartsName;
var curmouseX, curmouseY;

function dragStart(imageURL) {
	var splited = imageURL.split("/");
	curPartsName = splited[splited.length-1];
	curPartsName = curPartsName.substring(0, curPartsName.length-4);
 	
 	if (getBrowserType() == "Opera") {
		putParts(curPartsName);
		return;
	}

    imgObj = document.getElementById("imgdrag");
	imgObj.src = imageURL;
    
    dragedObj = document.getElementById("imgdragWrap");
    dragedObj.style.left = curmouseX - 50;
    dragedObj.style.top = curmouseY - 50;
	dragedObj.style.visibility = "visible";
    
    if (document.body && document.body.setCapture) {
        document.body.setCapture();
    }
}

function onMouseMoved(evt) {
    evt = (evt) ? evt : event;
	if (getBrowserType() == "IE") {
		curmouseX = window.event.clientX + document.body.scrollLeft;
		curmouseY = window.event.clientY + document.body.scrollTop;
	} else {
		curmouseX = evt.pageX;
		curmouseY = evt.pageY;
	}
    
    if (dragedObj) {
        dragedObj.style.left = curmouseX - 50;
        dragedObj.style.top = curmouseY - 50;
        return false;
    }
}

function onMouseUped(evt) {
    if (dragedObj) {
    	dragedObj.style.visibility = "hidden";
        if (document.body && document.body.releaseCapture) {
            document.body.releaseCapture();
        }
        dragedObj = null;
   		
    	element_contents = document.getElementById("contents");
   		contents_offsetleft = 0;
   		contents_offsettop = 0;
   		if (getBrowserType() == "IE") {
   			contents_offsetleft = element_contents.parentNode.offsetLeft + element_contents.offsetLeft;
   			contents_offsettop = element_contents.parentNode.offsetTop + element_contents.offsetTop;
   		} else {
   			contents_offsetleft = element_contents.offsetLeft;
   			contents_offsettop = element_contents.offsetTop;
   		}
   		if (140 <= curmouseX && curmouseX <= contents_offsetleft + 240 && contents_offsettop+50 <= curmouseY && curmouseY <= contents_offsettop+50 + 320) {
    		putParts(curPartsName);
   		}
    }
}

function initDrag() {
    if (document.body & document.body.addEventListener) {
    	document.addEventListener("mousemove", onMouseMoved, true);
    	document.addEventListener("mouseup", onMouseUped, true);
    } else {
	   	document.onmousemove = onMouseMoved;
	   	document.onmouseup = onMouseUped;
    }
}