//detectando navegador
sAgent = navigator.userAgent;
bIsIE = sAgent.indexOf("MSIE") > -1;
bIsNav = sAgent.indexOf("Mozilla") > -1 && !bIsIE;

//setando as variaveis de controle de eventos do mouse
var xmouse = 0;
var ymouse = 0;
document.onmousemove = MouseMove;

//funcoes de controle de eventos do mouse:
function MouseMove(e){
 if (e) { MousePos(e); } else { MousePos();}
}

function MousePos(e) {
 if (bIsNav){
  xmouse = e.pageX;
  ymouse = e.pageY;
 } 
 if (bIsIE) {
  xmouse = document.body.scrollLeft + event.x;
  ymouse = document.body.scrollTop + event.y;
 }
}
//funcao que mostra e esconde o hint
function Hint(objNome, action, subtitle){
 //action = 1 -> Esconder
 //action = 2 -> Mover
 
 if (bIsIE) {
  objHint = document.all[objNome]; 
 }
 if (bIsNav) {
  objHint = document.getElementById(objNome);
  event = objHint;
 }
 //escreve a legenda
  objHint.innerHTML=subtitle
 if ((subtitle.length) < 18){
	 objHint.style.width=100;	
 }else{
 	 objHint.style.width = 200;
 }
 
 switch (action){
  case 1: //Esconder
   objHint.style.visibility = "hidden";
   break;
  case 2: //Mover
   objHint.style.visibility = "visible";
   objHint.style.left = xmouse + 15;
   objHint.style.top = ymouse + 15;
   break;
 }
}