// Dragger
var goMove;
var hasMoved = false;
var yDiff;
var xDiff;
var ce;

function startMove(eid,event)
{
goMove=true;
var x = (event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft);
var y = (event.clientY + document.body.scrollTop  + document.documentElement.scrollTop);

ce=document.getElementById(eid);

if (ce.style.left.search("%") && !hasMoved)
{
	xDiff=x-parseInt(parseFloat(.45*parseInt(screen.availWidth)));
	yDiff=y-(parseInt(ce.style.top.replace("px","")));
	hasMoved=true;
}
else
{
	xDiff=x-(parseInt(ce.style.left.replace("px","")));
	yDiff=y-(parseInt(ce.style.top.replace("px","")));
}
}

function showcoords(event)
{
var x = (event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft) - xDiff;
var y = (event.clientY + document.body.scrollTop  + document.documentElement.scrollTop)  - yDiff;

if (goMove)
{
ce.style.top  =y+"px";
ce.style.left =x+"px";
}
}