// JavaScript Document


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; ajaxpage('tiles_update.cfm?m='+this.targetobj.style.left+'&w='+this.targetobj.style.top+'&i='+this.targetobj.id, 'updatearea')}

},
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.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
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.style.left=this.offsetx+evtobj.clientX-this.x+"px"
if (this.offsetx+evtobj.clientX-this.x < 200){this.targetobj.style.left=202+"px" }
if (this.offsetx+evtobj.clientX-this.x > 950){this.targetobj.style.left=950+"px" }

this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
if (this.offsety+evtobj.clientY-this.y < 110){this.targetobj.style.top=110+"px"}
if (this.offsety+evtobj.clientY-this.y > 500){this.targetobj.style.top=500+"px"}
return false
}
}
}

dragobject.initialize()