// JavaScript Document

var arrastrable=false
var z,x,y
var temp1=0;
var temp2 = 0;
var ev;
function move(e){
	
if (document.getElementById&&!document.all){
	ev=e;
 if (e.button==0&&arrastrable){
	var dataAux = parseInt(temp1)+ev.clientX-x
		z.style.left= dataAux+'px'
		dataAux=parseInt(temp2)+ev.clientY-y
		z.style.top=dataAux+'px'
		
	return false;
 }
	
}else if (event.button==1&&arrastrable){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(e){
if (document.getElementById&&!document.all){
	if (e.target.className=="drag"){
		
ev=e;
			arrastrable=true
			z=ev.target
			
			
			temp1=(z.style.left+0)+'px';
			temp2=(z.style.top+0)+'px';
			x=ev.clientX
			y=ev.clientY
			
document.onmousemove=move

	}
	
}else if (event.srcElement.className=="drag"){
arrastrable=true
ev=event
z=ev.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=ev.clientX
y=ev.clientY
document.onmousemove=move
}
}
function finMove(){
	arrastrable=false;
	}
document.onmousedown=drags
document.onmouseup=finMove