/***************************************************
*Código desenvolvido por:                          *
*Thiago Borges Vieira                              *
*E-mail: tborgesvieira@gmail.com                   *
*Skype: tborgesvieira                              *
****************************************************/
//Remover a div
function EscondeDiv(){
	var objBody=document.getElementsByTagName("body").item(0);
	var objLoader= document.getElementById("balao");
	var objLoaderTxt= document.getElementById("texto");

	objBody.removeChild(objLoader);
	objBody.removeChild(objLoaderTxt);
}
//Aparecer a div
function AparecerDiv(id_campo){
	
	var objLoader = document.getElementById("balao");
	var objLoaderTxt = document.getElementById("texto");
	
	var offsetTrail = document.getElementById(id_campo);
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
	
	var top_balao=(offsetTop-75);
	var left_balao=(offsetLeft-135);

	var top_texto=(top_balao+26);
	var left_texto=(left_balao-2);	

	objLoader.style.left=(left_balao)+'px';
	objLoader.style.top=(top_balao)+'px';
	
	objLoaderTxt.style.left=(left_texto)+'px';
	objLoaderTxt.style.top=(top_texto)+'px';
	
	objLoader.style.visibility	="visible";
	objLoaderTxt.style.visibility	="visible";	
}
//Cria a div do balão
//Insere o texto na div
function div_balao(mensagem, id_campo){
	
	if (document.getElementById("balao")){
		EscondeDiv();
	}
	
	var objDiv=document.createElement("div");
	objDiv.setAttribute('id','balao');
	
	var objImg=document.createElement("img");
	objImg.setAttribute('src','http://www.amhpdf.com.br/imagens/balao.gif');
	
	objDiv.appendChild(objImg);
	
	objDiv.style.position='absolute';
	
	objDiv.style.heigth='84px';
	objDiv.style.width='146px';
	
	objDiv.style.top='40px';
	
	document.getElementsByTagName("body").item(0).appendChild(objDiv);
	
	var objDivTxt=document.createElement("div");
	objDivTxt.setAttribute('id','texto');
	objDivTxt.setAttribute('style','font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000;');
	objDivTxt.setAttribute('align','center');
	objDivTxt.innerHTML="<strong>"+mensagem+"</strong>";
	
	objDivTxt.style.position='absolute';
	
	objDivTxt.style.heigth='84px';
	objDivTxt.style.width='138px';
	objDivTxt.style.top='65px';
	
	document.getElementsByTagName("body").item(0).appendChild(objDivTxt);
	AparecerDiv(id_campo);
}
function campo(field){
	if (document.getElementById(field.id).value.length==0){
		document.getElementById(field.id).style.backgroundColor = "#FFFF99";
	}else{
		document.getElementById(field.id).style.backgroundColor = "#FFFFFF";
	}
}