var dw_slidebar={
obj: null,
slideDur: 500,
init: function(bar,track,axis,x,y){
x=x || 0;y=y || 0
bar.style.left=x+"px";bar.style.top=y+"px"
bar.axis=axis;track.bar=bar
if(axis=="h"){
bar.trkWd=track.offsetWidth
bar.maxX=bar.trkWd-bar.offsetWidth-x
bar.minX=x;bar.maxY=y;bar.minY=y
}else{
bar.trkHt=track.offsetHeight
bar.maxY=bar.trkHt-bar.offsetHeight-y
bar.maxX=x;bar.minX=x;bar.minY=y}
bar.on_drag_start=bar.on_drag=bar.on_drag_end=
bar.on_slide_start=bar.on_slide=bar.on_slide_end=function(){}
bar.onmousedown=this.startDrag;track.onmousedown=this.startSlide
},
startSlide: function(e){
if(dw_slidebar.aniTimer)clearInterval(dw_slidebar.aniTimer)
e=e? e: window.event
var bar=dw_slidebar.obj=this.bar
e.offX=(typeof e.layerX !="undefined")? e.layerX: e.offsetX
e.offY=(typeof e.layerY !="undefined")? e.layerY: e.offsetY
bar.startX=parseInt(bar.style.left);bar.startY=parseInt(bar.style.top)
if(bar.axis=="v"){
bar.destX=bar.startX
bar.destY=(e.offY<bar.startY)? e.offY: e.offY-bar.offsetHeight
bar.destY=Math.min(Math.max(bar.destY,bar.minY),bar.maxY)
}else{
bar.destX=(e.offX<bar.startX)? e.offX: e.offX-bar.offsetWidth
bar.destX=Math.min(Math.max(bar.destX,bar.minX),bar.maxX)
bar.destY=bar.startY}
bar.distX=bar.destX-bar.startX;bar.distY=bar.destY-bar.startY
dw_slidebar.per=Math.PI/(2*dw_slidebar.slideDur)
dw_slidebar.slideStart=(new Date()).getTime()
bar.on_slide_start(bar.startX,bar.startY)
dw_slidebar.aniTimer=setInterval("dw_slidebar.doSlide()",10)
},
doSlide: function(){
if(!dw_slidebar.obj){clearInterval(dw_slidebar.aniTimer);return;}
var bar=dw_slidebar.obj
var elapsed=(new Date()).getTime()-this.slideStart
if(elapsed<this.slideDur){
var x=bar.startX+bar.distX*Math.sin(this.per*elapsed)
var y=bar.startY+bar.distY*Math.sin(this.per*elapsed)
bar.style.left=x+"px";bar.style.top=y+"px"
bar.on_slide(x,y)
}else{
clearInterval(this.aniTimer)
bar.style.left=bar.destX+"px";bar.style.top=bar.destY+"px"
bar.on_slide_end(bar.destX,bar.destY)
this.obj=null}
},
startDrag: function(e){
e=dw_event.DOMit(e)
if(dw_slidebar.aniTimer)clearInterval(dw_slidebar.aniTimer)
var bar=dw_slidebar.obj=this
bar.downX=e.clientX;bar.downY=e.clientY
bar.startX=parseInt(bar.style.left)
bar.startY=parseInt(bar.style.top)
bar.on_drag_start(bar.startX,bar.startY)
dw_event.add(document,"mousemove",dw_slidebar.doDrag,true)
dw_event.add(document,"mouseup",dw_slidebar.endDrag,true)
e.stopPropagation()
},
doDrag: function(e){
e=e? e: window.event
if(!dw_slidebar.obj)return
var bar=dw_slidebar.obj
var nx=bar.startX+e.clientX-bar.downX
var ny=bar.startY+e.clientY-bar.downY
nx=Math.min(Math.max(bar.minX,nx),bar.maxX)
ny=Math.min(Math.max(bar.minY,ny),bar.maxY)
bar.style.left=nx+"px";bar.style.top=ny+"px"
bar.on_drag(nx,ny)
return false
},
endDrag: function(){
dw_event.remove(document,"mousemove",dw_slidebar.doDrag,true)
dw_event.remove(document,"mouseup",dw_slidebar.endDrag,true)
if(!dw_slidebar.obj)return
dw_slidebar.obj.on_drag_end(parseInt(dw_slidebar.obj.style.left),parseInt(dw_slidebar.obj.style.top))
dw_slidebar.obj=null}}