var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// tooltip content variable
var tip2 = "Put your messages here."
var tooltip;
var off_x = 10; var off_y = 6;   // offset values for tooltip
function doTip(evt,txt) {
        var tip;
        if (ns4) {
                tip = '<TABLE BGCOLOR="#000000" CELLSPACING="0" CELLPADDING="1" BORDER="0"><TR><TD><TABLE BGCOLOR="#FFFFEB" CELLSPACING="0" CELLPADDING="3" BORDER="0"><TR><TD CLASS="tip">' + txt  + '</TD></TR></TABLE></TD></TR></TABLE>';
                tooltip = document.tipDiv;
                tooltip.document.write(tip);
                tooltip.document.close();
                        if ((evt.pageX + off_x + tooltip.clip.width) > (window.innerWidth + window.pageXOffset)) {
                                tooltip.left = evt.pageX - tooltip.clip.width;
                  } else {
                        tooltip.left = evt.pageX + off_x;
                }
                        
                if ((evt.pageY + off_y + tooltip.clip.height) > (window.innerHeight + window.pageYOffset)) {
                        tooltip.top = evt.pageY - tooltip.clip.height;
          } else {
                                tooltip.top = evt.pageY + off_y;
          }
                tooltip.visibility = "show";
        }
        
        if (ie4 || ie5) {
                evt = window.event;
          tip = '<DIV CLASS="tp_inner">' + txt + '</DIV>';
                tooltip = document.all.tipDiv;
                tooltip.innerHTML = tip;
                
                        if ((evt.clientX + off_x + tooltip.style.pixelWidth) > (document.body.clientWidth)) {
                                tooltip.style.pixelLeft = (evt.clientX + document.body.scrollLeft) - tooltip.style.pixelWidth;
                  } else {
                                tooltip.style.pixelLeft = evt.clientX + off_x + document.body.scrollLeft;
                }

                        if ((evt.clientY+off_y+tooltip.clientHeight) > (document.body.clientHeight)) {
                        tooltip.style.pixelTop = (evt.clientY + document.body.scrollTop) - tooltip.clientHeight;
                  } else {
                                tooltip.style.pixelTop = evt.clientY + off_y + document.body.scrollTop;
                        }

                tooltip.style.visibility = "visible";
         }
         
         if (ns5) {
          tip = '<DIV CLASS="tp_inner">' + txt + '</DIV>';
                tooltip = document.getElementById('tipDiv');
                tooltip.innerHTML = tip;
                if ((evt.pageX + off_x + tooltip.offsetWidth) > (window.innerWidth + window.pageXOffset)) {
                        tooltip.style.left = evt.pageX - tooltip.offsetWidth;
          } else {
                tooltip.style.left = evt.pageX + off_x;
        }
                
                if ((evt.pageY + off_y + tooltip.offsetHeight) > (window.innerHeight + window.pageYOffset)) {
                        tooltip.style.top = evt.pageY - tooltip.offsetHeight;
          } else {
                                tooltip.style.top = evt.pageY + off_y;
          }
                tooltip.style.visibility = "visible";
         }
}

function hideTip() {
        if (ns4) { tooltip.visibility = "hide" }
        if (ie4 || ie5 || ns5) {        tooltip.style.visibility = "hidden" }
}