var i=0;
var nDrag={
	enableDrag:function(initEl, dragEl){
		if(!dragEl){
			var dragEl=initEl;
		}
		if($(initEl) && $(dragEl)){
			Event.observe(initEl, 'mousedown', function(event){	
				$(dragEl).startX=parseInt($(dragEl).style.left);
				$(dragEl).startY=parseInt($(dragEl).style.top);
				$(dragEl).eventStartX=Event.pointerX(event);
				$(dragEl).eventStartY=Event.pointerY(event);
				
				document.onmousemove=function(ev){
					var event=ev ? ev :window.event;
					nDrag.drag(event, dragEl);
				};
				document.onmouseup=this.stopDrag;	
			}.bindAsEventListener(this));
			
		}
	},
	drag:function(event, dragEl){
		$(dragEl).style.left=(Event.pointerX(event)-$(dragEl).eventStartX+$(dragEl).startX)+"px";
		$(dragEl).style.top=(Event.pointerY(event)-$(dragEl).eventStartY+$(dragEl).startY)+"px";

	},
	stopDrag:function(){
		document.onmousemove=null;
		document.onmouseup=null;
	}.bindAsEventListener(this)
}