// JavaScript Document
var object = null;
var cx = 0;
var cy = 0;

function initPage(){
	document.onmousedown = pickIt;	
	document.onmousemove = dragIt;	
	document.onmouseup   = dropIt;	
}

function pickIt(evt){
	var evt = (evt) ? evt : ( (window.event) ? window.event : null );
	var objectID = (evt.target) ? evt.target.id : ( (evt.srcElement) ?  evt.srcElement.id : null);
	
	if ( objectID.indexOf('titlebar') != -1 ){
		var bar = document.getElementById(objectID);
		object = bar.offsetParent;
	}
	
	if (object){
		cX = evt.clientX - object.offsetLeft;
		cY = evt.clientY - object.offsetTop;
	}
	else {
		object = null;
		return
	}
}

function dragIt(evt){
	evt = (evt) ? evt : ( (window.event) ? window.event : null );
	if (object) {
		object.style.left = evt.clientX - cX + "px";
		object.style.top  = evt.clientY - cY + "px";
		return false;
	}
}

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