var  req = null;
var div_comprimento = 0;
try
{
req = new XMLHttpRequest();
}
catch(trymicrosoft)
{
try
{
req = new ActiveXObject("Msxml2.XMLHTTP"); 
}
catch(othermicrosoft)
{
try
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(failed)
{
req = null;
}
}
}

function show_hint(e,campo, comprimento, caminho, legenda){
  var hint   = document.getElementById("img_hint");
  var url = "sbuider_hint.php?campo="+campo+"&time="+new Date()+"&caminho="+caminho+"&legenda="+legenda;  
  var posx = 0;
  var posy = 0;

  if (!e) var e = window.event;
  if (e.pageX || e.pageY) 
  {
    posx = e.pageX;
    posy = e.pageY;
  }
    else if (e.clientX || e.clientY) 
  {
    posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
    posy = e.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
  }

  req.open("GET",url,true);

  req.onreadystatechange = function() {

                             if(req.readyState == 4){
								 
                             if(req.status == 200){
								 
		  						hint.innerHTML = req.responseText;
								//hint.style.top = posy - 18+ "px";
							    hint.style.top = posy + 10 + "px";								
								hint.style.left = (posx -110) + "px";								
								//hint.style.left = "280px";								
								hint.style.display = 'block'; 
								hint.style.height = comprimento;

							  }
							}

	};
  req.send(null);
}

function show_erro(e,campo)
{
var hint   = document.getElementById("img_hint");
var url = "../inc/hint.php?campo="+campo+"&time="+new Date();

var posx = 0;
var posy = 0;

if (!e) var e = window.event;
if (e.pageX || e.pageY) 
{
posx = e.pageX;
posy = e.pageY;

}
else if (e.clientX || e.clientY) 
{
  posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
  posy = e.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
}

req.open("GET",url,true);

req.onreadystatechange = function(){
  if(req.readyState == 4){
    if(req.status == 200){
      hint.innerHTML = req.responseText;;
      hint.style.top = posy + -30 + "px";
      hint.style.left = posx + 100 +"px";
      hint.style.width ='450px';
      hint.style.display = 'block';       
      //hint.style.height = div_comprimento;
    }
  }
};

req.send(null);

}


function hide_hint()
{
var hint   = document.getElementById("img_hint");
  hint.style.display = 'none';
}

function show_focus(id){
  document.getElementById(id).focus();
  hide_hint();	
}