//Popup Box- By Jim Silver @ jimsilver47@yahoo.com
//Exlusive permission granted to Dynamic Drive (http://dynamicdrive.com) to include this script in their DHTML archive.
//For full source code, terms of use, and 100's more scripts, visit http://www.dynamicdrive.com

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

    <!-- hide this from non JavaScript Browsers

    if (window.location != top.location)
    {top.location.href=window.location}

    // -->


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"
	}