//VARIAVEIS GLOBAIS

IE      				 = false;
FF      				 = false;
timeOut 				 = null;
tempoPadraoEsconderBalao = 1;//segundos

//Checa o navegador do usuario

function checarBrowser()
{
	if(navigator.appName == 'Netscape')
	{
			IE = false;
			FF = true;
	}else{
			IE = true;
			FF = false;
	}
}

//Balão de aviso estilo XP

function avisoBalao(tipo,titulo,mensagem,event)
{
	checarBrowser();
	
	clearTimeout(timeOut);	
	
	argumentos = avisoBalao.arguments;
	
	limiteX  = 150;
	limiteY  = 150;
	imagem   =  '';
	clientY  = event.clientY;
	clientX  = event.clientX;
	
	objetoPai = null;
	if(argumentos.length > 4)
	{
		if(argumentos.length > 5)
		{
			json 	= argumentos[5];
			if(json.distanciaTopo!=null)
			{
				clientY = json.distanciaTopo;
			}
			if(json.distanciaEsquerda!=null)
			{
				clientX = json.distanciaEsquerda;
			}
			if(json.distanciaLimiteX!=null)
			{
				limiteX = json.distanciaLimiteX;
			}
			if(json.distanciaLimiteY!=null)
			{
				limiteY = json.distanciaLimiteY;
			}
		}
		
		if(argumentos[4] != null) {
			if(typeof argumentos[4] == "string")
			{
				objetoPai = document.getElementById(argumentos[4]); 
			}else{
				objetoPai = argumentos[4];
			}
		}
	}
	
	largura_texto = 'width="150px"';
	
	if(argumentos.length > 5)
	{
		largura_texto = 'width="'+ argumentos[5] +'px"';
	}
	
	switch(tipo)
	{
		case 'erro':
							imagem = 'erro.gif';
							break;
		case 'alerta':
							imagem = 'alerta.gif';
							break;
		case 'informacao':
							imagem = 'informacao.gif';
							break;
		default:
							imagem = 'informacao.gif';
	}
	
	balao = document.getElementById('balaoAviso');
	
	if(balao == null)
	{
		balao = document.createElement('DIV');
		balao.setAttribute('id','balaoAviso');
		balao.style.position = 'absolute';
		balao.style.display  = 'block';
		if(objetoPai!=null)
		{
			if(IE){
				objetoPai.innerHTML = balao.innerHTML;
			}else{ 
				objetoPai.appendChild(balao);
				
			}
		}else{
			document.body.appendChild(balao);
		}
	}

	balao.style.display = 'block'
	
	balaoTopo = '';
	balaoBase = '';
	balaoCentro =  '<tr>'+
						'<td style="border:none;background:url('+ www_image +'balao/balao.canto.esq.gif);"></td>'+
						'<td class="balao" colspan="3">'+
						
							'<table width="100%">'+
							'<tr>'+
							'<td style="vertical-align:top" width="25px"><img width="25px" height="25px" src="'+ www_image + 'balao/' + imagem +'"></td>'+
							'<td class="balao">&nbsp;<strong>'+ titulo +'</strong></td>'+
							'</tr>'+
							'<tr>'+
							'<td colspan="2" class="balao">'+ mensagem +'</td>'+
							'</tr>'+
							'<tr>'+
							'<td>&nbsp;</td>'+
							'<td></td>'+
							'</tr>'+
							'</table>'+
							
							'<div id="direita" style="float:right">'+
						'</td>'+
						'<td style="border:none;background:url('+ www_image +'balao/balao.canto.dir.gif);"></td>'+
				    '</tr>';


	balao.innerHTML  =  '<table id="tabela-balao" border="0" cellpadding="0" cellspacing="0">'+
								   balaoTopo +
								   balaoCentro+
								   balaoBase +
								'</table>';
	
	//pegar tamanho do balao
	tamanhoBalao = document.getElementById('tabela-balao').offsetWidth;
	alturaBalao = document.getElementById('tabela-balao').offsetHeight;
	
	if( (clientX <= tamanhoBalao) )
	//if( (clientX + document.body.scrollLeft) <= limiteX)
	{	
			if( clientY <= alturaBalao)
			//if( (clientY + document.body.scrollTop) <= limiteY)
			{
					balaoTopo    	='<tr>'+
											'<td></td>'+
											//'<td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.esq.sup.gif"></td>'+
											'<td><table width="100%" cellpadding="0" cellspacing="0"><tr><td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.esq.sup.gif"></td><td valign="bottom"><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-bottom:1px solid #000000"><img src="'+ www_image +'balao/balao.espaco.gif"></td></tr></table></td></tr></table></td>'+
											'<td><img src="'+ www_image +'balao/balao.espaco.gif"></td>'+
											'<td></td>'+
											'<td></td>'+
									 '</tr>'+
									 '<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.esq.gif"></td>'+
										'<td class="balao"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.dir.gif"></td>'+
									 '</tr>';
									 									 									 
					balaoBase		='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.dir.gif"></td>'+
									 '</tr>';
			}else{		
					balaoTopo		='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.dir.gif"></td>'+
									 '</tr>';
									 
					balaoBase    	='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.esq.gif"></td>'+
										'<td class="balao"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.dir.gif"></td>'+
									 '</tr>'+
									 '<tr>'+
											'<td></td>'+
											//'<td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.esq.inf.gif"></td>'+
											'<td><table width="100%" cellpadding="0" cellspacing="0"><tr><td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.esq.inf.gif"></td><td valign="top"><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-top:1px solid #000000"><img src="'+ www_image +'balao/balao.espaco.gif"></td></tr></table></td></tr></table></td>'+
											'<td><img src="'+ www_image +'balao/balao.espaco.gif"></td>'+
											'<td></td>'+
											'<td></td>'+
									 '</tr>';
			}
		
			balao.innerHTML  =  '<table id="tabela-balao" border="0" cellpadding="0" cellspacing="0">'+
								   balaoTopo +
								   balaoCentro+
								   balaoBase +
								'</table>';
			if(FF){
							if( (event.clientY + document.body.scrollTop) <= limiteY)
							{
									y = clientY + document.body.scrollTop + 1;
									x = (clientX + document.body.scrollLeft) + 10;
							}else{
									y = (clientY + document.body.scrollTop) - (document.getElementById('direita').offsetTop + 40);
									x = (clientX + document.body.scrollLeft) + 3;
							}
			}else if(IE){
							x = (clientX + document.body.scrollLeft) - 8;
							
							if( (clientY + document.body.scrollTop) <= limiteY)
							{
									y = clientY + document.body.scrollTop + 8;
							}else{
									y = (clientY + document.body.scrollTop) - (document.getElementById('direita').offsetTop + 58);
							}
			}
	}else{
			if( clientY <= alturaBalao)
			//if( (clientY + document.body.scrollTop) <= limiteY)
			{
					balaoTopo    	='<tr>'+
											'<td></td>'+
											'<td></td>'+
											'<td><img src="'+ www_image +'balao/balao.espaco.gif"></td>'+
											//'<td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.dir.sup.gif"></td>'+
											'<td><table width="100%" cellpadding="0" cellspacing="0"><tr><td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.dir.sup.gif"></td><td valign="bottom"><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-bottom:1px solid #000000"><img src="'+ www_image +'balao/balao.espaco.gif"></td></tr></table></td></tr></table></td>'+
											'<td></td>'+
									 '</tr>'+
									 '<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td class="balao"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.dir.gif"></td>'+
									 '</tr>';
									 									 									 
					balaoBase		='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.dir.gif"></td>'+
									 '</tr>';
			}else{	
					balaoTopo		='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.sup.gif);"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.sup.dir.gif"></td>'+
									 '</tr>';
									 
					balaoBase    	='<tr>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.esq.gif"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td style="border:none;background:url('+ www_image +'balao/balao.canto.inf.gif);"></td>'+
										'<td class="balao"></td>'+
										'<td width="5px"><img src="'+ www_image +'balao/balao.canto.inf.dir.gif"></td>'+
									 '</tr>'+
									 '<tr>'+
											'<td></td>'+
											'<td></td>'+
											'<td><img src="'+ www_image +'balao/balao.espaco.gif"></td>'+
											//'<td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.dir.inf.gif"></td>'+
											'<td><table width="100%" cellpadding="0" cellspacing="0"><tr><td align="left" width="20px"><img src="'+ www_image +'balao/balao.tri.dir.inf.gif"></td><td valign="top"><table border="0" width="100%" cellpadding="0" cellspacing="0"><tr><td style="border-top:1px solid #000000"><img src="'+ www_image +'balao/balao.espaco.gif"></td></tr></table></td></tr></table></td>'+
											'<td></td>'+
									 '</tr>';
			}
		
			balao.innerHTML  =  '<table border="0" cellpadding="0" cellspacing="0">'+
								   balaoTopo +
								   balaoCentro+
								   balaoBase +
								'</table>';
			if(FF){
							if( clientY <= alturaBalao)
							//if( (clientY + document.body.scrollTop) <= limiteY)
							{
									y = clientY + document.body.scrollTop + 1;
									x = (clientX + document.body.scrollLeft) - document.getElementById('direita').offsetLeft - 10;
							}else{
									y = (clientY + document.body.scrollTop) - document.getElementById('direita').offsetTop - 36;
									x = (clientX + document.body.scrollLeft) - document.getElementById('direita').offsetLeft - 15;
							}
			}else if(IE){
							x = (clientX + document.body.scrollLeft) - document.getElementById('direita').offsetLeft + tamanhoBalao - 68;
							
							if( clientY <= alturaBalao)
							//if( (clientY + document.body.scrollTop) <= limiteY)
							{
									y = clientY + document.body.scrollTop;
							}else{
									y = (clientY + document.body.scrollTop) - (document.getElementById('direita').offsetTop + 62);
							}
			}
	}
	
	balao.style.left = x + 'px';
	balao.style.top  = y + 'px';
}

function esconderBalao(){
	
	timeOut = setTimeout("document.getElementById('balaoAviso').style.display = 'none';clearTimeout(timeOut);",(1000 * tempoPadraoEsconderBalao));
}

function esconderBalaoImediatamente(){
	
	document.getElementById('balaoAviso').style.display = 'none';
}