function specialDrop(ev,element){
	ev.preventDefault();

	var rect = element.getBoundingClientRect();
	var x = dragEventX - rect.left;
	var y = dragEventY - rect.top;
	var el = element.getAttribute("class");

	if(el=="drop-zone"){
		var data = ev.dataTransfer.getData("text");
		var  dragDiv = document.getElementById(data);
		dragDiv.removeAttribute("class");
		dragDiv.setAttribute("class", "droppedBox");
		dragDiv.style.position="absolute";
		dragDiv.style.left=x+"px";
		dragDiv.style.top=y+"px";
		ev.target.appendChild(dragDiv);
	}
}

function updateCoords(event) {
    dragEventX = event.clientX;
    dragEventY = event.clientY;
}