var dragFlg = false;

$(function(){
	var profile = document.getElementById("profile");
	profile.onmousedown = dragStart;
	profile.onmouseup = dragEnd;
	var member = document.getElementById("member");
	member.onmousedown = dragStart;
	member.onmouseup = dragEnd;
	var shortcut = document.getElementById("shortcut");
	shortcut.onmousedown = dragStart;
	shortcut.onmouseup = dragEnd;
	window.document.onmousemove = dragProc;
	
});


function dragStart(e){
	
	dragFlg = true;
	
	if(e){
		dragObj = "#"+e.target.id;
		offsetX = e.pageX - parseInt($(dragObj).css("left"));
		offsetY = e.pageY - parseInt($(dragObj).css("top"));
	}else{
		dragObj = "#"+event.srcElement.id;
		offsetX = event.x - parseInt($(dragObj).css("left"));
		offsetY = event.y - parseInt($(dragObj).css("top"));
	}
}

function dragEnd(e){
	
	dragFlg = false;
}

function dragProc(e){
	
	if(!dragFlg) return false;
	
	if(e){
		$(dragObj).css("left",e.pageX - offsetX);
		$(dragObj).css("top",e.pageY - offsetY);
	}else{
		$(dragObj).css("left",event.x - offsetX);
		$(dragObj).css("top",event.y - offsetY);
	}
	
}