//general properties:
        var _tooltipPauseBeforeShow=20; //miliseconds to pause before showing the tooltip.
        var _tooltipDelay=0; //seconds before auto hiding. set 0 to make it permanent.
        var _tooltipBgColor="#7d9eaa"; //background color of tooltip box
        var _tooltipTextColor="#f58220"; //color of tooltip text.
        var _tooltipFontFamily="Tahoma"; //font family of tooltip text.
        var _tooltipFontSize=12; //font size of tooltip text.
        var _tooltipFontBold=true; //whether the tooltip text will be bold or not

        //private data:
        var _tooltipContainerName="TooltipContainer_V1";

//        window.onload = function WindowLoad(event) {

	function WindowLoad() {
            var arrSpans = document.getElementsByTagName("area");
            var tooltipCount = 0;

            for (var i = 0; i < arrSpans.length; i++) {
                var objSpan = arrSpans[i];
                if ((objSpan.attributes["tooltip_v1"]) && (objSpan.attributes["tooltip_v1"].value.length > 0)) {
                       objSpan.onmouseover = ShowToolTip;
                       objSpan.onmouseout = HideToolTip;
                    tooltipCount++;
                }
            }
            if (tooltipCount > 0)
                document.onclick = HideToolTip;
        }

        function ShowToolTip(event)
        {
                //get windows event:
                if ((typeof event == "undefined")||(!event))
                        event = window.event;

                //get container:
                var objContainer=document.getElementById(_tooltipContainerName);

                //get source element:
                var objSource=event.srcElement||event.target;

                //abort if no source available:
                if ((typeof objSource == "undefined")||(!objSource))
                        return false;

                //create if does not exist:
                if (!objContainer)
                {
                        objContainer = document.createElement("div");
                        objContainer.id = _tooltipContainerName;
                        objContainer.style.border="solid 1px Black"
                        objContainer.style.backgroundColor = _tooltipBgColor;
                        objContainer.style.color = _tooltipTextColor;
                        objContainer.style.fontFamily = _tooltipFontFamily;
                        objContainer.style.fontSize = _tooltipFontSize;
                        if (_tooltipFontBold)
                                objContainer.style.fontWeight = "bold";
                        objContainer.style.position = "absolute";
                        objContainer.style.display = "none";
                        document.body.appendChild(objContainer);
                }

                //get mouse position:
                var mouseX=event.x||event.pageX;
                var mouseY=event.y||event.pageY;

                //get body scroll:
                var scrollX=document.body.scrollLeft;
                var scrollY=document.body.scrollTop;
		getMouseXY(event);

                //set container position:
//                objContainer.style.left = (mouseX+scrollX)+"px";
  //              objContainer.style.top = (mouseY+scrollY)+"px";

                objContainer.style.left = tempX+"px";
                objContainer.style.top = tempY+"px";



                //read tooltip text:
                var strText=(objSource.attributes["tooltip_v1"])?objSource.attributes["tooltip_v1"].value:"";

                //verify we have something to display:
                if (strText.length == 0)
                        return false;

                //set container text:
                objContainer.innerHTML = strText;

                //show container:
                setTimeout("_ShowTooltipContainer();", _tooltipPauseBeforeShow);

                //set timer if needed:
                if (_tooltipDelay > 0)
                        setTimeout("HideToolTip();", _tooltipDelay*1000);

                return true;
        }

var IE = document.all?true:false

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

// Main function to retrieve mouse x-y pos.s

function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE

    tempX = event.clientX + document.documentElement.scrollLeft;
    tempY = event.clientY + document.documentElement.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  }  


  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}  
  return true
}



        function HideToolTip(event)
        {
                //get container:
                var objContainer=document.getElementById(_tooltipContainerName);
                if (objContainer)
                {
                        objContainer.style.display = "none";
                }
        }

        function _ShowTooltipContainer()
        {
                //get container:
                var objContainer=document.getElementById(_tooltipContainerName);

                if (objContainer)
                {
                        objContainer.style.display = "block";
                }
        }

WindowLoad();