//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,aviso,event)
{
	clearTimeout(timeOut);
	
	checarBrowser();
	
	x		 =   0;
	y		 =   0;
	w   	 =  58;
	h   	 =  58;
	c_w 	 =   5;
	c_h 	 =  14;
	anterior =  '';
	limiteX  = 300;
	limiteY  = 300;
	imagem   =  '';
	
	quebras = aviso.split('<br>');

	h = h + (quebras.length * c_h);
	
	for(i=0;i<quebras.length;i++){

		string = quebras[i];
		
		if(anterior == '')
		{
				w = w + (string.length * c_w);
				anterior = string;
				
		}else if(string.length > anterior.length) {
			
				w = w + ((string.length - anterior.length) * c_w);
				anterior = string;	
		}
	}
	
	switch(tipo)
	{
		case 'erro':
							imagem = 'erro.gif';
							break;
		case 'alerta':
							imagem = 'alerta.gif';
							break;
		case 'informacao':
							imagem = 'informacao.gif';
							break;
		case 'pedasorte':
							imagem = 'pedasorte.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';
			balao.style.width	 = w + 'px';
			balao.style.height	 = h + 'px';
			document.body.appendChild(balao);
	}else{
			balao.style.width	 = w + 'px';
			balao.style.height	 = h + 'px';
	}
	
	balao.style.display = 'block';
	
	if((event.clientX + document.body.scrollLeft) <= limiteX)
	{	
			if((event.clientY + document.body.scrollTop) <= limiteY)
			{
					celulaBordaCima  = '<td class="balao"></td>';
					celulaBordaBaixo = '<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')">';
					trianguloCima    = '<tr>'+
											'<td></td>'+
											'<td align="left"><img src="'+ www_url +'img/balao.tri.esq.sup.gif"></td>'+
											'<td></td>'+
								    	'</tr>';
					trianguloBaixo   = '';
			}else{
					celulaBordaCima  = '<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>';
					celulaBordaBaixo = '<td class="balao"></td>';
					
					trianguloCima  	 = '';
					trianguloBaixo   = '<tr>'+
												'<td></td>'+
												'<td align="left"><img src="'+ www_url +'img/balao.tri.esq.inf.gif"></td>'+
												'<td></td>'+
										 '</tr>';
			}
		
		    balao.innerHTML  = '<table border="0" cellpadding="0" cellspacing="0" align="left">'+
		    				   trianguloCima +
							   '<tr>'+
									'<td><img src="'+ www_url +'img/balao.canto.sup.esq.gif"></td>'+
									celulaBordaCima +
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>'+
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>'+
									'<td><img src="'+ www_url +'img/balao.canto.sup.dir.gif"></td>'+
							   '</tr>'+
							   '<tr>'+
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.esq.gif\')"></td>'+
									'<td class="balao"></td>'+
									'<td class="balao"></td>'+
									'<td class="balao"><img src="'+ www_url +  'img/' + imagem +'">&nbsp;'+ aviso +'</div></td>'+
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.dir.gif\')"></td>'+
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.dir.gif\')"></td>'+
		 					   '</tr>'+
							   '<tr>'+
									'<td><img src="'+ www_url +'img/balao.canto.inf.esq.gif"></td>'+
									celulaBordaBaixo +
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')">'+
									'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')">'+
									'<td><img src="'+ www_url +'img/balao.canto.inf.dir.gif"></td>'+
							   '</tr>'+
							   trianguloBaixo +
							   '</table>';
			if(FF){
							x = event.clientX + document.body.scrollLeft - 9;
							
							if((event.clientY + document.body.scrollTop) <= limiteY)
							{
									y = event.clientY + document.body.scrollTop - 10;
							}else{
									y = event.clientY + document.body.scrollTop - (h+16) - 10;
							}
			}else if(IE){
							x = event.clientX + document.body.scrollLeft - 9;
							
							if(event.clientY + document.body.scrollTop <= limiteY)
							{
									y = event.clientY + document.body.scrollTop - 10;
							}else{
									y = event.clientY + document.body.scrollTop - (h+16) - 10;
							}
			}
	}else{
			if((event.clientY + document.body.scrollTop) <= limiteY)
			{
					celulaBordaCima  = '<td class="balao"></td>';
					celulaBordaBaixo = '<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')">';
					trianguloCima    = '<tr>'+
											'<td></td>'+
											'<td></td>'+
											'<td align="left"><img src="'+ www_url +'img/balao.tri.dir.sup.gif"></td>'+
								   	   '</tr>';
					trianguloBaixo   = '';
			}else{
					celulaBordaCima  = '<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>';
					celulaBordaBaixo = '<td class="balao"></td>';
					
					trianguloCima  	 = '';
					trianguloBaixo   = '<tr>'+
											'<td></td>'+
											'<td></td>'+
											'<td align="left"><img src="'+ www_url +'img/balao.tri.dir.inf.gif"></td>'+
								   	   '</tr>';
			}
		
			balao.innerHTML  =  '<table border="0" cellpadding="0" cellspacing="0">'+
								   trianguloCima +	
								   '<tr>'+
										'<td><img src="'+ www_url +'img/balao.canto.sup.esq.gif"></td>'+
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>'+
										celulaBordaCima +
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.sup.gif\')"></td>'+
										'<td><img src="'+ www_url +'img/balao.canto.sup.dir.gif"></td>'+
								   '</tr>'+
								   '<tr>'+
										'<td style="'+ www_url +'border:none;background:url(\''+ www_url +'img/balao.canto.esq.gif\')"></td>'+
										'<td class="balao">'+
										'<img src="'+ www_url +  'img/' + imagem +'">&nbsp;'+ aviso +'<div id="direita" style="float:right"></div></td>'+
										'<td class="balao"></td>'+
										'<td class="balao"></td>'+
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.dir.gif\')"></td>'+
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.dir.gif\')"></td>'+
								   '</tr>'+
								   '<tr>'+
										'<td><img src="'+ www_url +'img/balao.canto.inf.esq.gif"></td>'+
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')"></td>'+
										celulaBordaBaixo +
										'<td style="border:none;background:url(\''+ www_url +'img/balao.canto.inf.gif\')"></td>'+
										'<td><img src="'+ www_url +'img/balao.canto.inf.dir.gif"></td>'+
								   '</tr>'+
								   trianguloBaixo +
								   '</table>';

			if(FF){
							x = event.clientX + document.body.scrollLeft - document.getElementById('direita').offsetLeft - 25;
							
							if((event.clientY + document.body.scrollTop) <= limiteY)
							{
									y = event.clientY + document.body.scrollTop - 10;
							}else{
									y = event.clientY + document.body.scrollTop - h - 10;
							}
			}else if(IE){
							x = event.clientX + document.body.scrollLeft - document.getElementById('direita').offsetLeft - 27;
							
							if((event.clientY + document.body.scrollTop) <= limiteY)
							{
									y = event.clientY + document.body.scrollTop - 10;
							}else{
									y = event.clientY + document.body.scrollTop - (h+2) - 10;
							}
			}
	}
	
	balao.style.left = x + 'px';
	balao.style.top  = y + 'px';
}

function esconderBalao()
{
	timeOut = setTimeout("document.getElementById('balaoAviso').style.display = 'none';clearTimeout(timeOut);",(1000 * tempoPadraoEsconderBalao));
}