<!-- This would be better placed in a .js file and included
// Determine Browser Type & Support
var agt = navigator.userAgent.toLowerCase();
var apName = navigator.appName.toLowerCase();
var is_nav4 = ((apName == "netscape") && (parseInt(navigator.appVersion) < 5))? 1:0;
var is_ie4 = ((apName == "msie") && (parseInt(navigator.appVersion) < 5))? 1:0;
var is_dom = document.getElementById? 1:0;
var is_gecko = (agt.indexOf('gecko') != -1)? 1:0;
var is_ie = (agt.indexOf("msie") != -1)? 1:0;
var is_nav = (agt.indexOf('mozilla')!=-1) && (agt.indexOf('opera')==-1)? 1:0;
var is_ie5up = (is_dom && is_ie)? 1:0;
var is_nav6up = (is_dom && (is_gecko || is_nav))? 1:0;
<!-- End Browser Detection Code -->

// Build object model based on browser type
docObj = is_nav4? "document.": is_ie4? "document.all.": is_dom? "document.getElementById('": 0;
styleObj = is_nav4? "": is_ie4? ".style": is_dom? "').style":0;

// Function will generate a popUp for the passed element by changing
// the visibility of the object and positioning it at the x,y axis
// on the screen at where the event occured (cursor position).
function popUp(event,currElem) {

dom = eval(docObj + currElem + styleObj);
state = dom.visibility;

if (state == "visible" || state == "show") {
dom.visibility = is_nav4? "hide": "hidden";
} else {
// IE5+ uses this event model to position content on a page
if (is_dom && window.event) {
leftVal = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
topVal = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
} else
// IE4 uses this event model. IE5 will, but
// we are treating IE5 as dom compliant
if (is_ie4) {
topVal = eval(event.y + 2 + document.body.scrollTop);
leftVal = eval(event.x - 125);
} else
// NS 4.x uses this event model
if (is_nav4) {
topVal = eval(event.pageY + 2);
leftVal = eval(event.pageX);
} else {
// Navigator 6.x uses the dom event model
leftVal = event.clientX + window.scrollX;
topVal = event.clientY + window.scrollY;
}

if (leftVal < 2) { leftVal = 2; }

dom.top = (is_nav4 || is_ie4)? topVal: topVal + 'px';
dom.left = (is_nav4 || is_ie4)? leftVal: leftVal + 'px';
dom.visibility = is_nav4? "show": "visible";
}
}
// -->