var cx = 0;
var cy = 0;                  
var dragObject = null;
var myX = 0;
var myY = 0;
document.onmousemove = dragIt;

function pickIt(evt)
{
	evt = evt || window.event || null;
	dragObject = evt.target || evt.srcElement || null;
	
	// Fix for video object; instead of getting the title bar, drag the entire video box
	if (dragObject.id == "video_title")
	{
		dragObject = document.getElementById("video_box");
	}
	
	var myButton = evt.which || evt.button || null;
	
	if(dragObject && myButton == 1)
	{
		  cx = evt.clientX - dragObject.offsetLeft;
		  cy = evt.clientY - dragObject.offsetTop;
		  return;
	}
}

function dragIt(evt)
{
	evt = evt || window.event || null;
	myX = evt.clientX;
	myY = evt.clientY;
	if(dragObject)
	{
		dragObject.style.left = evt.clientX - cx + 'px';
		dragObject.style.top = evt.clientY - cy + 'px';                  
		return false;
	}            
}

function dropIt()
{
	if(dragObject)
	{
		  dragObject = null;
		  return false;
	}
}