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) {
		var tmpx = tempx+event.clientX-offsetx;
		var tmpy = tempy+event.clientY-offsety;
		crossobj.style.left = tmpx+"px";
		crossobj.style.top = tmpy+"px";
		return false;
	}
	else if (ns6 && dragapproved) {
		var tmpx = tempx+e.clientX-offsetx;
		var tmpy = tempy+e.clientY-offsety;
		crossobj.style.left = tmpx+"px";
		crossobj.style.top = tmpy+"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" : "BODY";

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

	if (firedobj && 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";
}