// JavaScript Document
var offsetx = 60
var offsety = 60
var elementID="mytip"

function showTip(obj,tip){

if(document.createElement){ 

if(!document.getElementById(elementID)){
tipElement = document.createElement('div')
tipElement.id = elementID
tipElement.style.display="none"
tipElement.style.position="absolute"
tipElement.style.zIndex="1"
tipElement.style.color="#0099FF"
tipElement.style.backgroundColor="#FFFFFF"
tipElement.style.padding="10px"
tipElement.style.borderColor="#0099FF"
tipElement.style.borderWidth="1px"
tipElement.style.borderStyle="solid"
tipElement.style.fontWeight="bold"
tipElement.innerHTML=" "
document.body.appendChild(tipElement)
}

tipDisplay = document.getElementById(elementID)
tipDisplay.innerHTML = tip
tipDisplay.style.display = 'block'

objLeft = obj.offsetLeft
objTop = obj.offsetTop
parentEl = obj.offsetParent

while (parentEl != null){
objLeft += parentEl.offsetLeft
objTop += parentEl.offsetTop
parentEl = parentEl.offsetParent
}

tipDisplay.style.left=objLeft+offsetx+"px"
tipDisplay.style.top=objTop+offsety+"px"

if(tipDisplay.offsetLeft<0){
tipDisplay.style.left=0+"px"
}

if(tipDisplay.offsetLeft+tipDisplay.offsetWidth>document.body.clientWidth){
tipDisplay.style.left=document.body.clientWidth - tipDisplay.offsetWidth-50+"px"
}

}
}

function hideTip(){
tipDisplay.style.display="none"
}

/*
To have a static display place 

<div id="mytip"></div>

in the body section where you want the display to be shown

*/