// JavaScript Document
htmlLegenda = '<div class="div_assunto_topo">			<img src="img/assunto_topo_legenda.jpg" class="img_assunto_topo" alt="Legenda" />				</div>		<div class="div_assunto" style="height: 220px;">			<div class="legenda_esq">				<ul class="ul_legenda">					<li class="legenda_label"><img src="img/point_orange.gif" />LEGENDA PARA AUXÍLIO VISUAL</li>					<a href="javascript: mudarCentro(\'legenda_img\')" class="a_legenda"><li><img src="img/legenda/rio_meandros.jpg" /></li></a>																													</ul> 						 					 					 			</div>			<div class="legenda_dir">				<ul class="ul_legenda">					<li class="legenda_label"><img src="img/point_orange.gif" />CONVENÇÕES CARTOGRÁFICAS</li>					<a href="javascript: mudarCentro(\'legenda_conv\')" class="a_legenda"><li><img src="img/legenda/convencoes.jpg" width="228" height="169" /></li></a>				</ul> 						 					 					 							</div>';

htmlLegendaConv = '<div class="div_assunto_topo">			<img src="img/assunto_topo_legenda.jpg" class="img_assunto_topo" alt="Legenda" />				</div>		<div class="div_assunto" style="height: 1050px;">			<p style="text-align: right;">				<a href="javascript: mudarCentro(\'legenda\');">					<img src="img/btn_voltar.jpg" class="img_assunto_topo" />				</a>			</p>			<div class="legenda_esq">				<ul class="ul_legenda">											<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />IGREJA</li>					<li style="height:170px;"><img src="img/legenda/igreja.jpg" /></li>										<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />SEDE MUNIPAL</li>					<li style="height:170px;"><img src="img/legenda/cidade.jpg" /></li>												<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />HIDROGRAFIA </li>					<li style="height:170px;"><img src="img/legenda/hidrografia.jpg" /></li>											<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />&Aacute;REA ESPECIAL </li>					<li style="height:170px;"><img src="img/legenda/area_especial.jpg" /></li>											<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />DIVIS&Atilde;O MUNICIPAL</li>					<li style="height:170px;"><img src="img/legenda/municipio.jpg" /></li>									</ul> 						 					 					 			</div>			<div class="legenda_dir">				<ul class="ul_legenda">											<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />ESCOLA</li>					<li style="height:170px;"><img src="img/legenda/escola.jpg" /></li>																														<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />SEDE DISTRITAL </li>					<li style="height:170px;"><img src="img/legenda/vila.jpg" /></li>										<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />VIAS INTERURBANAS</li>					<li style="height:170px;"><img src="img/legenda/estrada.jpg" /></li>					<li class="legenda_label" style="height:20px;"><img src="img/point_orange.gif" />TERRA INDIGINA</li>					<li style="height:170px;"><img src="img/legenda/terra_indigena.jpg" /></li>												</ul> 						 					 					 		  </div>		  <div style="text-align:right;clear:right;">		    <p>&nbsp;</p>		    <p>&nbsp;</p>		    <p>&nbsp;</p>		    <p>&nbsp;</p>		    <p>&nbsp;</p>														    <p><a href="#topo"><img class="img_right" src="img/btn_topo.jpg" /></a></p>		  </div>		</div>';

htmlLegendaImg = '<div class="div_assunto_topo">			<img src="img/assunto_topo_legenda.jpg" class="img_assunto_topo" alt="Legenda" />				</div>		<div class="div_assunto" style="height: 1400px;">			<p style="text-align: right;">				<a href="javascript: mudarCentro(\'legenda\');">					<img src="img/btn_voltar.jpg" class="img_assunto_topo" />				</a>			</p>			<div class="legenda_esq" >				<ul class="ul_legenda">					<li class="legenda_label"><img src="img/point_orange.gif" />FLORESTA</li>				<li><img src="img/legenda/floresta1.jpg" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />TOPOGRAFIA ACENTUADA </li>					<li><img src="img/legenda/topografia_acentuada.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />&Aacute;REA AGRICOLAS</li>					<li><img src="img/legenda/areas_agricolas.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />DESMATAMENTO</li>					<li><img src="img/legenda/desmatamento.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />QUEIMADA</li>					<li><img src="img/legenda/queimada.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />RIOS</li>					<li><img src="img/legenda/rio1.jpg" width="228" height="168" /></li>															<li class="legenda_label"><img src="img/point_orange.gif" />REGENERAÇÃO</li>					<li><img src="img/legenda/regeneracao.jpg" width="228" height="168" /></li>																																</ul> 						 					 					 		  </div>			<div class="legenda_dir">				<ul class="ul_legenda">					<li class="legenda_label"><img src="img/point_orange.gif" />FLORESTA</li>					<li><img src="img/legenda/floresta2.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />&Aacute;REA ANTROP. E REMANESCENTE</li>					<li><img src="img/legenda/area_antropizada_remanecente.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />NUVENS E SOMBRA</li>					<li><img src="img/legenda/nuvens_sombra.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />DESMATAMENTO</li>					<li><img src="img/legenda/desmatamento2.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />ESTRADAS</li>					<li><img src="img/legenda/estradas.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />RIOS E MEANDROS</li>					<li><img src="img/legenda/rio_meandros.jpg" width="228" height="168" /></li>					<li class="legenda_label"><img src="img/point_orange.gif" />&Aacute;REA URBANA </li>					<li><img src="img/legenda/area_urbana.jpg" width="228" height="168" /></li>											</ul> 						 					 					 		  </div>		<div style="text-align:right"><a href="#topo"><img class="img_right" src="img/btn_topo.jpg" /></a></div></div>';