// create popup if appropriate
function showPopUp(title, image) {
	if (ie4) {
		var obj = new Image();
		obj.src = image;
		width = obj.width;
		height = obj.height;
	} else {
		width = 128;
		height = 128;
	}
	offsetx = - (width / 2);
	offsety = 24;

	var text = "<TABLE BORDER=\"0\" CELLPADDING=\"4\" CELLSPACING=\"0\"><TR><TD CLASS=\"photo\"><IMG ALT=\"" + title + "\" SRC=\"" + image + "\"></TD></TR><TR><TD CLASS=\"photo\">" + title + "</TD></TR></TABLE>";
        if (ns4) {
                var layer = document.popUpDIV.document;
                layer.write(text);
                layer.close();
        } else if (ie4)
		document.all["popUpDIV"].innerHTML = text;

	if (ns4 || ie4) {
		moveObject(popUp, x + offsetx, y + offsety);
		showObject(popUp);
		show = 1;
	}
}

// hide popup if appropriate
function hidePopUp() {
	if (ns4 || ie4) {
		hideObject(popUp);
		show = 0;
	}
}

// move object if it's being shown
function mouseMove(e) {
	if (ie4) {
		x = event.x;
		y = event.y;
	}
	if (ie5) {
		x = event.x + document.body.scrollLeft;
		y = event.y + document.body.scrollTop;
	}
	if (ns4) {
		x = e.pageX;
		y = e.pageY;
	}
	if (show) moveObject(popUp, x + offsetx, y + offsety);
}

// show an object
function showObject(object) {
        if (ns4) object.visibility = "show";
        if (ie4) object.visibility = "visible";
}

// move object
function moveObject(object, x, y) {
        object.left = x;
        object.top = y;
}

// hide an object
function hideObject(object) {
        if (ns4) object.visibility = "hide";
        if (ie4) object.visibility = "hidden";
}

// appearance and position
var width, height, offsetx, offsety;
var x = 0, y = 0, show = 0;

// check which web browser we're using
var ns4 = (document.layers) ? true : false;
var ie4 = (document.all) ? true : false;
var ie5 = (ie4) ? (navigator.userAgent.indexOf('MSIE 5') > 0) : false;

// set up layer and mouse cpatures
if (ns4 || ie4) {
	if (ns4) popUp = document.popUpDIV;
	if (ie4) popUp = popUpDIV.style;
	document.onmousemove = mouseMove;
	if (ns4) document.captureEvents(Event.MOUSEMOVE);
}