/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

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
var isvisible = false;

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 + "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 updatebox() {
    if (isvisible == false) {
        showbox()
        isvisible = true
    } else {
    hidebox()
        isvisible = false
    }
}

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

function showbox() {
    crossobj = ns6 ? document.getElementById("showimage") : document.all.showimage
    if (ie4 || ns6)
        crossobj.style.visibility = "visible"
    else if (ns4)
        document.showimage.visibility = "show"
}