// JavaScript Document
<!--
var dragapproved=false
var z,x,y
var temp1,temp2
var box='contenido';
var destino=null;
var objeto=null;

function move(ev){
	if (dragapproved){
		var i=temp1+ev.pageX-x;
		var t=temp2+ev.pageY-y;
		z.style.left=i+"px";
		z.style.top=t+"px";
	}
	return false

}

function moveie(){
	if (event.button==1&&dragapproved){
		z.style.pixelLeft=temp1+event.clientX-x
		z.style.pixelTop=temp2+event.clientY-y
	return false
	}
}

function getParentLayer(elem) {
		if (elem.tagName=='HTML') {
			return null;
		}
		while (elem.tagName != "BODY") {
				if (elem.tagName=='DIV') {
					return elem;
				}
  				elem = elem.parentNode;
		}
		return null;
}

function drags(ev){
	if (navegador=='explorer'){
		var ele=getParentLayer(event.srcElement);
		if (!document.all) return;
		if (!ele) return;
		if (event.srcElement.className=="drag"){
			ele.style.position='absolute';
			dragapproved=true
			z=ele;
			temp1=z.style.pixelLeft
			temp2=z.style.pixelTop
			x=event.clientX
			y=event.clientY
			document.onmousemove=moveie
		}
	} else {
		var ele=getParentLayer(ev.target );
		if (!ele) return;
		if ((ev.target).className=="drag"){		
		ele.style.position='absolute';
			dragapproved=true
			z=ele;
			var coors = findPos(ele,box);
			temp1=coors[0];
			temp2=coors[1];
			x=ev.pageX||event.clientX
			y=ev.pageY||event.clientY
			document.onmousemove=move;
		}
	}
}

function cont_destino(){
	var target=document.getElementById(destino);
	var coors = findPos(target,'contenido');
	targetx=coors[0];
	targety=coors[1];
	var targWidth  = parseInt(target.offsetWidth);
	var targHeight = parseInt(target.offsetHeight);
	var coors = findPos(document.getElementById(objeto),'contenido');
	x=coors[0];
	y=coors[1];
	if (
			(x > targetx)                &&
			(x < (targetx + targWidth))  &&
			(y > targety)                &&
			(y < (targety + targHeight)))
	{
		target.appendChild(document.getElementById(objeto));
		document.getElementById(objeto).style.position='static';
	} else {
		document.getElementById("o"+objeto).appendChild(document.getElementById(objeto));
		document.getElementById(objeto).style.position='static';
	}
		destino=null;
		objeto=null;
}


document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false; box='contenido'; if (destino){cont_destino();}")
//-->