<!--
var isID = 0;
var isDHTML = 0;
var isAll = 0;
var isLayers = 0;

if (document.getElementById) { isID = 1; isDHTML = 1; }
else {
   if (document.all) {isAll = 1; isDHTML = 1; } 
   else {
      browserVersion = parseInt(navigator.appVersion);
   if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1; isDHTML = 1; }
} }

function findDOM(objectID,withStyle) {
   if (withStyle == 1) {
      if (isID) { return (document.getElementById(objectID).style); }
      else {
         if (isAll) { return (document.all[objectID].style); }
      else {
         if (isLayers) { return (document.layers[objectID]); }
      } ; }
   }
      else {
         if (isID) { return (document.getElementById(objectID)); }
      else {
         if (isAll) { return (document.all[objectID]); }
      else {
         if (isLayers) {return (document.layers[objectID]); }
      } ; }
   }
}

function findLivePageWidth() {
   if (window.innerWidth !=null)
      return window.innerWidth;
   if (document.body.clientWidth !=null)
      return document.body.clientWidth;
      return (null);
}

function popUp(evt,objectID) { 
   if (isDHTML) {
      var livePageWidth = findLivePageWidth();
      domStyle = findDOM(objectID,1);
      dom = findDOM(objectID,0);
      state = domStyle.visibility;
      if (dom.offsetWidth) elemWidth = dom.offsetWidth;
      else { if (dom.clip.width) elemWidth = dom.clip.width; } 
      if (state == "visible" || state == "show") { domStyle.visibility
      = "hidden"; }
      else {
         if (evt.pageY) { 
            topVal = evt.pageY + 4;
            leftVal = evt.pageX - (elemWidth / 2);
         } 
         else {
            if (evt.y) {
               topVal = evt.y + 4 + document.body.scrollTop;
               leftVal = evt.x - (elemWidth / 2) + document.body.scrollLeft;
            }
         }
         if(leftVal < 2) { leftVal = 2; } 
         else {
	    if ((leftVal + elemWidth) > livePageWidth) { leftVal =
	    leftVal - (elemWidth / 2);
            }
         }
	 domStyle.top = topVal + 'px'; // Positions the element from the top 
	 domStyle.left = leftVal + 'px'; // Positions the element from the left
         domStyle.visibility = "visible"; // Makes the element visible
      }
   }
}
//-->
// JavaScript Document
/*  For the text that will pop up,
	1. add
	<style type="text/css">
#ht1,#ht2 {
   position: absolute;
   z-index: 100;
   top: 10px;
   left: 10px;
   visibility: hidden;
}

</style>
where ht1... are id's

then

<div id="ht1" class="hyperText">(This will be hidden) </div>

to surround the text. hyperText is defined in the stylesheet. Use in-lines styles
to hide the text as this will vary from page to page.

You then reference the popup like this:

The quick brown
<a href="#" onmouseout="popUp(event,'ht1')"
onmouseover="popUp(event,'ht1')">
fox</a>

In the header put
<script type="text/javascript" src="Headers_Footers_StyleSheets/Popup2.js"></script>
*/