var tips = document.getElementById("tipHolder");
//   for (var i = 0; i < tips.length; i++) {
//     xAddEventListener(tips[i], "mouseover", on, false);
//     xAddEventListener(tips[i], "mouseout", off, false);
//     xAddEventListener(tips[i], "mousemove", move, false);
//   }
//alert (tips.length);


var tooltip={
displayed:false,
on:function(link){
	var posX = link.getPosition('layout').x;
	var posY = link.getPosition('layout').y;
	var linkH = link.getSize().y;
	tips.setStyle('top', posY + linkH);	
	tips.setStyle('left', posX);
	this.displayed = true;
	tips.setStyle('visibility', 'visible');
},
off:function(){
this.displayed = false;
tips.style.visibility = "hidden";
},
move:function(evt){
var distT = 35;
var distL = 0;
if(this.displayed){
if (document.addEventListener) {
tips.style.left = -((window.pageXOffset)+distL) + 'px';
tips.style.top = ((window.pageYOffset)+distT) + 'px';
tips.style.zIndex = 9999;
}
else if (window.opera) {
tips.style.left = -((window.pageXOffset)+distL) + 'px';
tips.style.top = ((window.pageYOffset)+distT) + 'px';
tips.style.zIndex = 9999;
}
else if (window.event) {
if (document.compatMode && document.compatMode!= 'BackCompat') {
tips.style.left = -((document.documentElement.scrollLeft)+distL) + 'px';
tips.style.top = ((document.documentElement.scrollTop)+distT) + 'px';
tips.style.zIndex = 9999;
}
else {
tips.style.left = -((document.body.scrollLeft)+distL) + 'px';
tips.style.top = ((document.body.scrollTop)+distT) + 'px';
tips.style.zIndex = 9999;
}
}
else if (document.layers) {
tips.left = evt.pageX+15;
tips.top = evt.pageY+20;
}
}
}
}