//Montando o balão
var styleBalao = '';
styleBalao += '<!-- SETAR WIDTH E HEIGHT COMO O TAMANHO DA IMAGEM DE FUNDO! -->';
styleBalao += '<style type="text/css">';
//styleBalao += '		.balaofundo {background-image: url("../../images/ballonBig.png");background-repeat: repeat-y;}';
styleBalao += '		.setaBalaoBaixo {width:92px;height:69px;position: relative;top: -1px;left: 320px;background-image: url("../../images/setinhaBalaoDicionario.png");background-repeat: repeat-y;}';
styleBalao += '		.setaBalaoCima {width:92px;height:69px;position: relative;left: 25px;top: 1px;background-image: url("../../images/setinhaBalaoDicionario2.png");background-repeat: repeat-y;}';
styleBalao += '		.lk, a.lk, a.lk:visited, a.lk:hover, a.lk:active {color:#112ABB;cursor:pointer;text-decoration:underline;white-space:nowrap;}';
styleBalao += '		#blt{font-size: 110%;font-weight: bold;margin: 0 15px 0.1em 0;}';
styleBalao += '</style>';
styleBalao += '<!--[if IE]>';
styleBalao += '	<style type="text/css">';
//styleBalao += '		.balaofundo{background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/ballonBig.png,sizingMethod=\'scale\');}';
styleBalao += '		.setaBalaoBaixo{width:92px;height:69px;position: relative;top: -1px;left: 320px;background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/setinhaBalaoDicionario.png,sizingMethod=\'scale\');}';
styleBalao += '		.setaBalaoCima{width:92px;height:69px;position: relative;left: 25px;top: 1px;background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/setinhaBalaoDicionario2.png,sizingMethod=\'scale\');}';
styleBalao += '	</style>';
styleBalao += '<![endif]-->';

var divBalao = '';
divBalao += '<div id="infowindow" style="position: absolute; z-index:185; width: 470px; height: 225px; display: none;">';
divBalao += '	<div id="setinha2" class="setaBalaoCima" onclick="goshme.util.toogle(\'infowindow\',false)" >&nbsp;<!-- Div só para a seta pra cima --></div>';
divBalao += '	<div id="balao" class="bordaBox" style="width: 450px;">';
divBalao += '		<b class="b1" style="background: #ABABAB;"></b><b class="b2 balaoDiv" style="border-width:0 2px;"></b><b class="b3 balaoDiv"></b><b class="b4 balaoDiv"></b>';
divBalao += '			<div class="conteudoBB" style="background: white; height: 190px; border-right: 1px solid #ABABAB; border-left: 1px solid #ABABAB;">';
divBalao += '			<div style="float: right; cursor: pointer;" onclick="goshme.util.toogle(\'infowindow\',false)"><img src="../../images/closeBallon.jpg" title="Fechar" alt="Fechar"/></div>';
divBalao += '				<h2 id="titulo_dicionario" style="color: #333333;background: none;">» Diccionario Jurídico</h2>';
divBalao += '				<div id="balao_dicionario" style="padding-top: 5px; border-top: 1px solid #CCCCCC;">';
divBalao += '					<div id="content_balao_dicionario" style="width: 100%; float: left; padding-right: 8px;">';
divBalao += '						<span style="font-size: 11px; font-stretch: extra-condensed;">Definición de: "&nbsp;<strong id="palavraSelecionada"></strong>&nbsp;"</span>';
divBalao += '						<div id="definicao_dicionario_balao" style="overflow: auto; height: 130px; margin-top: 2px; margin-left: 2px;"><!-- Definição da palavra buscada --></div>';
divBalao += '					</div>';
divBalao += '				</div>';
divBalao += '				<div id="balao_citacao" style="display: none;">';
divBalao += '			    	<div style="min-width: 15em; margin-left: 2px;">';
divBalao += '						<p id="blt"></p>';
divBalao += '						<div id=\'conteudo_citacao\' style="height:5000px; overflow:auto; width:100%;"><span id="blb">sadas</span></div>';
divBalao += '						<div style="padding-top: 2px;" id="lnkIntegra">Ver Lei na íntegra</div>';
divBalao += '					</div>';
divBalao += '				</div>';
divBalao += '			</div>';
divBalao += '		<b class="b4 balaoDiv"></b><b class="b3 balaoDiv"></b><b class="b2 balaoDiv" style="border-width:0 2px;"></b><b class="b1" style="background: #ABABAB;"></b>';
divBalao += '	</div>';

//divBalao += '	<div class="balaofundo" style="height: 225px;">';
//divBalao += '		<div style="position: relative; top: 18px; left: 18px; width: 90%; background-color:white;">';
//divBalao += '			<div style="float: right; cursor: pointer;" onclick="goshme.util.toogle(\'infowindow\',false)"><img src="../../images/closeBallon.jpg" title="Fechar" alt="Fechar"/></div>';
//divBalao += '			<h2 id="titulo_dicionario" style="color: #333333;background: none;">» Dicion&aacute;rio Jur&iacute;dico</h2>';
//divBalao += '			<div id="balao_dicionario" style="padding-top: 5px; border-top: 1px solid #CCCCCC;">';
//divBalao += '				<div id="content_balao_dicionario" style="width: 100%; float: left; padding-right: 8px;">';
//divBalao += '					<span style="font-size: 11px; font-stretch: extra-condensed;">Defini&ccedil;&atilde;o para: "&nbsp;<strong id="palavraSelecionada"></strong>&nbsp;"</span>';
//divBalao += '					<div id="definicao_dicionario_balao" style="overflow: auto; height: 130px; margin-top: 2px; margin-left: 2px;"><!-- Definição da palavra buscada --></div>';
//divBalao += '				</div>';
//divBalao += '				<%--<div id="apoiador_balao_dicionario" style="width: 30%; float: right; padding-left: 8px; margin-left: -30%; border-left: 1px solid #e1e1e1;"><p style="color: #333333; font-size: 13px; font-stretch: extra-condensed; font-weight: bold; margin-bottom: 2px;">Oferecido por:</p><script type=\'text/javascript\'><!--// <![CDATA[OA_show(\'bt7\');// ]]> --></script><noscript><a target=\'_blank\' href=\'http://d1.openx.org/ck.php?n=7b2d366\'><img border=\'0\' alt=\'\' src=\'http://d1.openx.org/avw.php?zoneid=14063&amp;n=7b2d366\' /></a></noscript></div>--%>';
//divBalao += '			</div>';
//divBalao += '			<div id="balao_citacao" style="display: none; height: 160px;">';
//divBalao += '		    	<div style="min-width: 15em; margin-left: 2px;">';
//divBalao += '					<p id="blt"></p>';
//divBalao += '					<div id=\'conteudo_citacao\' style="height:170px;overflow:auto;width:100%;"><span id="blb">sadas</span></div>';
//divBalao += '					<div style="padding-top: 0px;" id="lnkIntegra">Ver Lei na íntegra</div>';
//divBalao += '				</div>';
//divBalao += '			</div>';
//divBalao += '		</div>';
//divBalao += '	</div>';
divBalao += '	<div id="setinha1" class="setaBalaoBaixo" onclick="goshme.util.toogle(\'infowindow\',false)" >&nbsp;<!-- Div só para a seta pra baixo --></div>';
divBalao += '</div>';

document.writeln(styleBalao);
document.write(divBalao);

//variáveis e funções
var reposOk = true;
var width = 470;
var height = 345;

function showBalaoDicionario(e,query,citacao,idCatalog,codDiv){
	//se dicionario
	if((query != null && query != '') && (codDiv == null || codDiv.length == 0)){
		goshme.util.toogle('balao_dicionario',true);
		goshme.util.toogle('titulo_dicionario',true);
		goshme.util.toogle('balao_citacao',false);
		goshme.util.setValue("definicao_dicionario_balao","<span style=\"margin-left: 5px;font-size:100%; font-style:italic; color: #333333; \">Buscando la definición...</span>");
		goshme.util.setValue("palavraSelecionada",query);
	}//se citacao
	else{
		goshme.util.toogle('balao_citacao',true);
		goshme.util.toogle('balao_dicionario',false);
		goshme.util.toogle('titulo_dicionario',false);
		if(citacao != ''){
			disableLinkCitacao();
			
			document.getElementById('conteudo_citacao').style.height = "165px";

			goshme.util.setValue('blt', 'Carregando...');
		
			goshme.util.setValue('blb', '&nbsp;');
		
			goshme.util.setValue('lnkIntegra', '&nbsp;');
		
			goshme.custom.getCitacaoSnippet(citacao, idCatalog, codDiv);
		}
		else{
			//goshme.util.toogle(codDiv, true);
			
			disableLinkCitacao();
			
			document.getElementById('conteudo_citacao').style.height = "170px";
			
			goshme.util.setValue('blt', 'Carregando...');
			
			goshme.util.setValue('blb', '&nbsp;');

			goshme.util.setValue('lnkIntegra', '');

			checkDiv(codDiv);
		}
	}
	
	goshme.util.toogle("infowindow",true);
	if(e != null){
		repos(e);
	}
	reposOk = true;
	
	function repos(e){
		goshme.util.toogle('setinha1',false);
		goshme.util.toogle('setinha2',false);
		
		var w = width-160;
		var h = height-55;

		var el = document.getElementById('infowindow');
			
		var x = (is.ns)? e.pageX : event.x+(document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)
		var y = (is.ns)? e.pageY : event.y+(document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )
		
		if(!(x > w && y > h)){
			if(y > h){
				x = x - 22;
				y = y-h;
				document.getElementById('setinha1').style.left = "23px";
				goshme.util.toogle('setinha2',false);
				goshme.util.toogle('setinha1',true);
			}
			else{
				goshme.util.toogle('setinha1',false);
				goshme.util.toogle('setinha2',true);
				x = x - 25;
			}
		}else{
			document.getElementById('setinha1').style.left = "320px";
			goshme.util.toogle('setinha2',false);
			goshme.util.toogle('setinha1',true);
			x = x-w-12;
			y = y-h;
		}
		
		el.style.left = x+'px';
		el.style.top = y+'px';
	}
}

var disabled = false;
function disableLinkCitacao(){
	if(!disabled){
	 	for (i=0; i < document.links.length; i++)
		{
			if(document.links[i].id=="citacaoLegis"){
				document.links[i].href = "javascript:void(0)";
			}
		}
		if(document.getElementById('citacoesDiv') == null){
			url = '../../ajax';
			param = 'op=LOADCITACOESDIV';
			param += '&idDoc='+documentId;
			param += '&artefato='+artefato;
			goshme.util.sendRequest(url,param,'POST');
		}
		disabled = true;
	}
}

//funcoes pra esperar carregar os baloes das citacoes
init = 0;
function checkDiv(divName){
	if(document.getElementById(divName) != null || init >= 15){
		mostraBalaoCitacao(divName);
	}
	else{
		setTimeout("checkDiv2('"+divName+"')",500);
	}
}
function checkDiv2(divName){
	init++;
	setTimeout("checkDiv('"+divName+"')",500);
}
function mostraBalaoCitacao(codDiv){
	goshme.util.setValue('blt', 'Selecione uma das opções abaixo:');
	goshme.util.setValue('blb', document.getElementById(codDiv).innerHTML);
}

function openSnippet(e, citacao, idCatalog, codDiv){
	showBalaoDicionario(e,'',citacao,idCatalog,codDiv);
}

function openDiv(e, codDiv){
	showBalaoDicionario(e,'','','',codDiv);
}