var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
 if (!ns4)
 return
 temp=eval(name)
 temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
 temp.onmousedown=gons
 temp.onmousemove=dragns
 temp.onmouseup=stopns
}

function gons(e){
 temp.captureEvents(Event.MOUSEMOVE)
 nsx=e.x
 nsy=e.y
}

function dragns(e){
 if (dragswitch==1){
  temp.moveBy(e.x-nsx,e.y-nsy)
  return false
 }
}

function stopns(){
 temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////

function drag_drop(e){
 if (ie4&&dragapproved){
  crossobj.style.left=tempx+event.clientX-offsetx
  crossobj.style.top=tempy+event.clientY-offsety
  return false
 }
 else if (ns6&&dragapproved){
  crossobj.style.left=tempx+e.clientX-offsetx
  crossobj.style.top=tempy+e.clientY-offsety
  return false
 }
}

function initializedrag(e){
 crossobj=ns6? document.getElementById("showimage") : document.all.showimage

 var firedobj=ns6? e.target : event.srcElement
 var topelement=ns6? "HTML" : "BODY"

 while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
  firedobj=ns6? firedobj.parentNode : firedobj.parentElement
 }

 if (firedobj.id=="dragbar"){
  offsetx=ie4? event.clientX : e.clientX
  offsety=ie4? event.clientY : e.clientY

  tempx=parseInt(crossobj.style.left)
  tempy=parseInt(crossobj.style.top)

  dragapproved=true
  document.onmousemove=drag_drop
 }
}

document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
 if (ie4||ns6)
 crossobj.style.visibility="hidden"
 else if (ns4)
 document.showimage.visibility="hide"
}