var toolTipImage = '/template/shared/images/tooltip.gif';
var toolTipImageWidth = 15;
var toolTipImageHeight = toolTipImageWidth;
var offsetX = 15;
var offsetY =  5;

var tempX = 0;
var tempY = 0;
var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;

function newElement(newid) {
if (document.createElement) {
var el = document.createElement('div');
el.id = newid;
with(el.style) {
display = 'none';
position = 'absolute';
}
el.innerHTML = ' ';
document.body.appendChild(el);
}
}

function getMouseXY(e) {
if (document.all) { // grab the x-y pos.s if browser is IE
tempX = event.clientX + iebody.scrollLeft;
tempY = event.clientY + iebody.scrollTop;
} else {  // grab the x-y pos.s if browser is NS
tempX = e.pageX
tempY = e.pageY;
}  
if (tempX < 0){tempX = 0;}
if (tempY < 0){tempY = 0;}  
var thisToolTip = document.getElementById('tooltip');
if (thisToolTip) {
thisToolTip.style.left = (tempX + offsetX) + 'px';
thisToolTip.style.top = (tempY + offsetY) + 'px';
}
}

function showTip(tip) {
if (!document.getElementById('tooltip')) {
newElement('tooltip');
}
var thisToolTip = document.getElementById('tooltip');
if (thisToolTip) {
thisToolTip.innerHTML = tip;
thisToolTip.style.display = 'block';
thisToolTip.zIndex = 200;
thisToolTip.style.zIndex = 200;
}
document.onmousemove = getMouseXY;
}

function exit() {
document.getElementById('tooltip').style.display = 'none';
}

function toolTip(tip) {
if (window.showTip && window.exit) {
tip = tip.replace(/'/g,"\\\'");
tip = tip.replace(/"/g,"&quot;");
document.write('<img src="'+ toolTipImage +'" width="'+ toolTipImageWidth +'" height="'+ toolTipImageHeight +'" border="0" class="tip" onmouseover="showTip(\''+ tip +'\');" onmouseout="exit();" />');
}
}

function returnTip(tip) {
if (window.showTip && window.exit) {
tip = tip.replace(/'/g,"\\\'");
tip = tip.replace(/"/g,"&quot;");
return '<img src="'+ toolTipImage +'" width="'+ toolTipImageWidth +'" height="'+ toolTipImageHeight +'" border="0" class="tip" onmouseover="showTip(\''+ tip +'\');" onmouseout="exit();" />';
}
}
