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){
return false;

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+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && 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.onmouseup=new Function("dragapproved=false")

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

function hidebox(){
    crossobj=ns6? document.getElementById("showimage") : document.all.showimage
    if (ie4||ns6) crossobj.style.display="none"
    else if (ns4) document.showimage.display="none"

    setbox('');
}

function showboxloading() {
    setbox('<img src="images/busy.gif"> Loading...');
}

function showbox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (!crossobj) return;
if (ie4||ns6)
crossobj.style.display=""
else if (ns4)
document.showimage.display=""
}

function setbox(content) {
    var dd = document.getElementById('drag_box_content');
    if (dd) dd.innerHTML = content;
}

function leftcenterbox() {
    crossobj=ns6? document.getElementById("showimage") : document.all.showimage;
    if (!crossobj) return;

    var box_width = parseInt(crossobj.style.width);

    var xy = getScrollXY();

    var top = (xy[1] + (document.body.clientHeight) / 2) - 150;
    if (top < 0) top = 0;

    crossobj.style.top = '70px';
    crossobj.style.left = '100px';
}

function centerbox() {
    leftcenterbox();
    /*crossobj=ns6? document.getElementById("showimage") : document.all.showimage;
    if (!crossobj) return;

    var box_width = parseInt(crossobj.style.width);

    var xy = getScrollXY();

    var top = (xy[1] + (document.body.clientHeight) / 2) - 150;
    if (top < 0) top = 0;
    crossobj.style.top = top + 'px';

    crossobj.style.left = ((document.body.clientWidth / 2) - (box_width / 2)) + 'px';*/
}

function setDragBoxTitle(what) {
    var dd = document.getElementById('drag_box_title');
    if (dd) dd.innerHTML = what;
}