/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var dragobject={
	z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
	initialize:function(){
		document.onmousedown=this.drag;
		document.onmouseup=function(){
			this.dragapproved=0;
		}
	},
	drag:function(e){
		var evtobj=window.event? window.event : e;
		this.targetobj=window.event? event.srcElement : e.target;
		if (this.targetobj.className=="drag"){
			this.dragapproved=1;
			if (isNaN(parseInt(this.targetobj.parentNode.style.marginLeft))) {
				this.targetobj.parentNode.style.marginLeft=0+"px";
			}
			if (isNaN(parseInt(this.targetobj.parentNode.style.marginTop))) {
				this.targetobj.parentNode.style.marginTop=0+"px";
			}
			this.marginLeft=parseInt(this.targetobj.parentNode.style.marginLeft);
			this.marginTop=parseInt(this.targetobj.parentNode.style.marginTop);
			this.x=evtobj.clientX;
			this.y=evtobj.clientY;
			if (evtobj.preventDefault) {
				evtobj.preventDefault();
			}
			document.onmousemove=dragobject.moveit;
		}
	},
	moveit:function(e) {
		var evtobj=window.event? window.event : e
		if (this.dragapproved==1) {
			this.targetobj.parentNode.style.marginLeft=this.marginLeft+evtobj.clientX-this.x+"px";
			this.targetobj.parentNode.style.marginTop=this.marginTop+evtobj.clientY-this.y+"px";
			return false;
		}
	}
}

dragobject.initialize();