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('flip')!=-1)
	   object = document.getElementById
	   (objectID);
	if (object) {
	object.style.zIndex = 100;
	cX = evt.clientX - object.offsetLeft;
	cY = evt.clientY - object.offsetTop;
	return;
}
	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.style.zIndex = 0;
	object = null;
	return false;
}
}