var clicked = false;
var x; 
var y;
var element;
var Xoffset;
var Yoffset;
reg = new RegExp("([0-9]*)px", "i");

function clickser(event, ele_name) 
{
clicked = true;
element = ele_name;
	if(event.offsetX || event.offsetY) 
	{
		clickX=event.offsetX;
		clickY=event.offsetY;
	}
	else 
   {
		clickX=event.pageX;
		clickY=event.pageY;
	}
itemX = document.getElementById(element).style.left;
itemY = document.getElementById(element).style.top;
arX = reg.exec(itemX);
arY = reg.exec(itemY);
Xoffset = clickX - arX[1];
Yoffset = clickY - arY[1];
document.getElementById(element).className = 'drag';
document.getElementById(element).style.cursor = 'move';
}

function movers(event) {
	if(clicked == true) {
	if(event.offsetX || event.offsetY) 
	{
		x=event.offsetX - Xoffset;
		y=event.offsetY - Yoffset;
	}
	else 
	{
		x=event.pageX - Xoffset;
		y=event.pageY -Yoffset;
	}

	document.getElementById(element).style.top = y +'px';
	document.getElementById(element).style.left = x +'px';
	setOpacity(7);
	}	
}

function unclicks() 
{   
clicked = false;
document.getElementById(element).style.top = y +'px';
document.getElementById(element).style.left = x +'px';
document.getElementById(element).style.cursor = 'auto';
setOpacity(10);
}


function setOpacity(value) 
{   
	document.getElementById(element).style.opacity = value/10;
	document.getElementById(element).style.filter = 'alpha(opacity=' + value*10 + ')';
}