/*TIPS*/
var mousex=0;
var mousey=0;
function getBrowserHeight() {
  var myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement &&
      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}
function getMouseXY(e) // works on IE6,FF,Moz,Opera7
{ 
  if (!e) e = window.event; // works on IE, but not NS (we rely on NS passing us the event)
 
  if (e)
  { 
    if (e.clientX || e.clientY)
    { 
      mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
      mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
    }
  }
}
function onOver(event, divID) {
	 document.getElementById(divID).style.visibility="visible";
	 document.getElementById(divID).style.position="absolute";
	 document.getElementById(divID).style.width="200px";
	 getMouseXY(event);
	 divH=(document.getElementById(divID).scrollHeight||document.getElementById(divID).height);
	 if (event.clientY+divH>getBrowserHeight())
	 	document.getElementById(divID).style.top=(mousey-divH)+"px";
	 else
	 	document.getElementById(divID).style.top=mousey+"px";
	 document.getElementById(divID).style.left=(mousex-200)+"px";
}
function onOut(event, divID) {
	 document.getElementById(divID).style.visibility = "hidden";
	 document.getElementById(divID).style.position="absolute";
	 document.getElementById(divID).style.top="0px";
	 document.getElementById(divID).style.left="0px";
}