function showstats (e,i) {
 var o = document.getElementById(i);
 var y = 0;;
 var posy = 5;
 var posx = 15;
 if (document.all) {y = event.clientY + document.body.scrollTop + posy;x = event.clientX + document.body.scrollLeft + posx;
 } else {y = e.pageY + posy;x = e.pageX + posx;}

 var scrOfX = 0, scrOfY = 0;
 if( typeof( window.pageYOffset ) == 'number' ) {scrOfY = window.pageYOffset;scrOfX = window.pageXOffset;
 } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {scrOfY = document.body.scrollTop;scrOfX = document.body.scrollLeft;
 } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {scrOfY = document.documentElement.scrollTop;scrOfX = document.documentElement.scrollLeft;}

 var viewportwidth = 0, viewportheight = 0;
 if (typeof window.innerWidth != 'undefined') {viewportwidth = window.innerWidth, viewportheight = window.innerHeight}
 else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { viewportwidth = document.documentElement.clientWidth, viewportheight = document.documentElement.clientHeight }
 else {viewportwidth = document.getElementsByTagName('body')[0].clientWidth, viewportheight = document.getElementsByTagName('body')[0].clientHeight }

 o.style.display = "block";

 var t_y = (scrOfY+viewportheight) - (o.offsetHeight + y);
 if (t_y < 0) {y +=  t_y;}

 var t_x = (scrOfX+viewportwidth) - (o.offsetWidth + x);
 if (t_x < 0) {x +=  t_x;}


 o.style.position="absolute";
 o.style.top = y + "px";
 o.style.left = x + "px";
 c = o.offsetWidth - 8; // without the -8, the div grows wider after every mouseover. strange.
 o.style.width = c;
}
function clearstats (i) {
 var o = document.getElementById(i);
 o.style.display = 'none';
}