//Defines Balloon Attributes
<!--

function Is ()
{   // convert all characters to lowercase to simplify testing
    var agt=navigator.userAgent.toLowerCase()

    // *** BROWSER VERSION ***
    this.major = parseInt(navigator.appVersion)

    this.nav  = ((agt.indexOf('mozilla')!=-1) && ((agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1)))
    this.nav4 = (this.nav && (this.major == 4))
    this.nav4up = this.nav && (this.major >= 4)

    this.ie   = (agt.indexOf("msie") != -1)
    this.ie4  = (this.ie && (this.major == 4))
    this.ie4up  = this.ie  && (this.major >= 4)
}
var is = new Is();



function maketheBalloon(id, width, message)
{
   var theString = '<STYLE TYPE="text/css">#'+id+'{width:'+width+';}</STYLE>';
   theString+='<DIV CLASS="balloon" id="'+id+'">'+message+'</DIV>';
   document.write(theString);
}

function makeItVisible(id, event)
{

        if (is.nav4up) {
                document.layers[id].left = event.pageX + 10;
                document.layers[id].top = event.pageY + 10;;
                document.layers[id].visibility="show";
        }
        else {
                document.all[id].style.pixelLeft = (document.body.scrollLeft +event.clientX) + 10;
                document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10;
                document.all[id].style.visibility="visible";
        }
                
}

function hideHelp(id)
{
        is.nav4up ? document.layers[id].visibility="hide" : document.all[id].style.visibility="hidden";
}
function toggle(obj)
{
	document.getElementById(obj).className = (document.getElementById(obj).className=='open') ? 'collapse' : 'open';
}