From 1d766e30f6213024b651513a332509f6ed6a7a4d Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Fri, 7 Dec 2012 02:05:53 +0000
Subject: [PATCH] VerificaÃ§Ã£o dos exemplos

---
 admin/admin.db                  | Bin 161792 -> 0 bytes
 exemplos/camadas1.htm           | 285 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------
 exemplos/camadas2.htm           | 283 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------
 exemplos/camadas3.htm           | 288 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------
 exemplos/camadas4.htm           | 276 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------------------------
 exemplos/combos.htm             |   6 +++---
 exemplos/fotos.htm              | 327 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 exemplos/fotos1.htm             |  18 +++++++++---------
 exemplos/iframe1.htm            |  12 ++++++------
 ferramentas/buscafotos/index.js |  68 ++++++++++++++++++++++++++++++++++----------------------------------
 10 files changed, 862 insertions(+), 701 deletions(-)
diff --git a/admin/admin.db b/admin/admin.db
index f0112c5..bf3fdb4 100644
Binary files a/admin/admin.db and b/admin/admin.db differ
diff --git a/exemplos/camadas1.htm b/exemplos/camadas1.htm
index cb73a11..40ac42b 100644
--- a/exemplos/camadas1.htm
+++ b/exemplos/camadas1.htm
@@ -1,22 +1,31 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
-<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<title>i3Geo - Mapa interativo</title>
-<script type="text/javascript" src="../classesjs/i3geo.js"></script>
-	<style> 
-	.yui-log .i3geo {background-color:yellow;} /* customize a color */
-	.yui-log .redesenho {background-color:yellow;} /* customize a color */
-	.yui-log .janela {background-color:yellow;} /* customize a color */
-	.yui-log-bd {text-align:left;}
-	.yui-log-entry yui-log-verbose, p{text-align:left;}
-	 .info {text-align:left;}
-	</style> 
+<title>i3GEO - OpenLayers</title>
+<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
+<style>
+.olControlEditingToolbar1 div {
+	background-image:url(../mashups/openlayers.png);
+	background-repeat:no-repeat;
+	float:right;
+	right: 0px;
+	height:29px;
+	margin:2px;
+	width:29px;
+	cursor:pointer;
+}
+</style>
 </head>
 <body id="i3geo">
-
+<!-- inclui o nome do usuario logado -->
+<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
+
+<!--
+	Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
+-->
 <tr style="border:0px">
 	<td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
 </tr>
@@ -24,153 +33,197 @@
 <td>
   <table width=100% cellspacing=0 cellpadding=0 >
    <tr>
-   <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
+   <td></td>
    <td>
+    <!--
+    	Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
+		Para remover uma guia, basta comentar a linha
+    -->
     <div class=verdeescuro style="top:0px;cursor:pointer;">
-	 <div id=guia1 class=guia >Temas</div>
-	 <div id=guia2 class=guia >Adiciona</div>
-	 <div id=guia4 class=guia >Legenda</div>
-	 <div id=guia5 class=guia >Links</div>
+	 <div id=guia1 class=guia ></div>
+	 <div id=guia2 class=guia ></div>
+	 <div id=guia4 class=guia ></div>
+	 <div id=guia5 class=guia ></div>
     </div>
    </td>
+
    </tr>
   </table>
 </td>
 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
-	 <div id="menus" ></div>    
+	<!--
+		menu suspenso
+	-->
+	<div id="menus" ></div>
 </td>
 </tr>
 <tr>
  <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
+  <!--
+  	As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
+  	Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
+  	o div com id=guia1 deve ter um div com id=guia1obj
+  -->
   <div id='guia1obj' >
-  	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
+	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!--	Esta div acrescenta a lista de propriedades do mapa -->
   	<div id=listaPropriedades style='top:15px;' ></div>
+	<!--	Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
+  	<div id=listaLayersBase style='top:15px;'></div>
+	<!--	Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
   	<div id=listaTemas style='top:15px;'></div>
   </div>
+
+ 	<!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
+	use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
+  	<div id=arvoreAdicionaTema style='top:25px;' ></div>
+  	<div id=outrasOpcoesAdiciona style='top:25px;' ></div>
+  	-->
+
   <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
   <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
   <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  </td>
  <td style="vertical-align:top;border-width:0px;">
   <table width="100%" style="vertical-align:top;border-width:0px">
-   <tr><td  class=verdeclaro id=contemImg >
-    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
+    <tr><td  class=verdeclaro id=contemImg >
+    <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
    </td></tr>
   </table>
  </td>
  </tr>
+
 <tr>
+
  <td class=tdbranca >
- 	<div id=visual ></div>
+ 	<!--
+ 		Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
+ 		<div id=visual ></div>
+ 	-->
+	<!-- bot&atilde;o de compartilhamento em redes sociais -->
+	<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
+ 	<!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  	<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  </td>
  <td class=tdbranca >
-  <table width=100% ><tr>
-  <td class=tdbranca ></td>
-  <td class=tdbranca style=text-align:center >
-  	<div id=localizarxy >
-  	Aguarde...
-  	</div>
-  </td>
-  <td class=tdbranca ><div id=escala ></div></td>
-  <td class=tdbranca ><div id=ondeestou ></div></td>
+  <table width=100% >
+  <tr>
+	  <td class=tdbranca >
+		<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
+		<div id=escala style="text-align:right;" ></div>
+	  </td>
+	  <td class=tdbranca  >
+		<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
+		<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
+	  </td>
+ 	  <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
+	  <td class=tdbranca  ><div id=seletorIdiomas ></div></td>
+	  <!--
+		A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
+		que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
+		SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
+	  -->
+	  <td class=tdbranca  ><div id=ondeestou ></div></td>
   </tr>
-  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+  <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
+  As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
+  i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
+  se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
+  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+   -->
   </table>
  </td>
 </tr>
 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
+<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
-<tr style="border:0px"><td colspan=3 style=background-color:black;color:white  id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
+<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
+<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
 
 </table>
-</center>
-<div id=barraDeBotoes1 style='display:none'> 
-   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
-   <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
-   <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
-   <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
-   <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> 
-   <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> 
-   <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>   
-</div>
-<div id=barraDeBotoes2 style='display:none'>
-	<table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
-	<tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
-	</table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
-	</div>
+<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
+	<tr>
+		<td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
+	</tr>
+	<tr>
+		<td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
+	</tr>
+	<tr>
+		<td>
+			<!--
+			<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
+			-->
+		</td>
+	</tr>
+</table>
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
-	</div>
-	
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
-	</div>        
+<script src="../classesjs/i3geo47.js"></script>
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
+<script>
+i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
+i3GEO.configura.autotamanho = false;
+i3GEO.Interface.ATUAL = "openlayers";
+i3GEO.Interface.IDCORPO = "contemImg";
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
-	</div> 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="google" alt="" src="../imagens/branco.gif" id='google'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
-	</div> 
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
-	</div>
-   <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
-</div>
-<script type="text/javascript">
+i3GEO.Interface.openlayers.GADGETS = {
+		PanZoomBar:true,
+		PanZoom:false,
+		LayerSwitcher:true,
+		ScaleLine:true,
+		OverviewMap:false
+	};
+i3GEO.Interface.openlayers.TILES = true;
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
+i3GEO.cria();
+i3GEO.configura.mapaRefDisplay = "none";
 
-i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
-i3GEO.arvoreDeCamadas.EXPANDIDA = true;
-i3GEO.cria()
-i3GEO.inicia();
+i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
+i3GEO.barraDeBotoes.OFFSET = -170;
+
+i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
+i3GEO.idioma.IDSELETOR = "seletorIdiomas";
+i3GEO.Interface.ATIVAMENUCONTEXTO = false;
+i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
 
+i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
+i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
+i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
+i3GEO.mapa.AUTORESIZE = true;
+OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+(function(){
+	var oce = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Ocean Basemap",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
+		{format:"jpg"},
+		{isBaseLayer:true,visibility:false}
+	);
+	var ims = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Imagery World 2D",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI World Street Map",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var bra = new OpenLayers.Layer.WMS(
+		"Base carto MMA",
+		"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
+		{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
+		{isBaseLayer:true,visibility:false}
+	);
+	i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
+})();
 
+i3GEO.arvoreDeCamadas.EXPANDIDA = true;
+i3GEO.inicia();
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
+
+
diff --git a/exemplos/camadas2.htm b/exemplos/camadas2.htm
index 2c65c79..59fa319 100644
--- a/exemplos/camadas2.htm
+++ b/exemplos/camadas2.htm
@@ -1,22 +1,31 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
-<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<title>i3Geo - Mapa interativo</title>
-<script type="text/javascript" src="../classesjs/i3geo.js"></script>
-	<style> 
-	.yui-log .i3geo {background-color:yellow;} /* customize a color */
-	.yui-log .redesenho {background-color:yellow;} /* customize a color */
-	.yui-log .janela {background-color:yellow;} /* customize a color */
-	.yui-log-bd {text-align:left;}
-	.yui-log-entry yui-log-verbose, p{text-align:left;}
-	 .info {text-align:left;}
-	</style> 
+<title>i3GEO - OpenLayers</title>
+<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
+<style>
+.olControlEditingToolbar1 div {
+	background-image:url(../mashups/openlayers.png);
+	background-repeat:no-repeat;
+	float:right;
+	right: 0px;
+	height:29px;
+	margin:2px;
+	width:29px;
+	cursor:pointer;
+}
+</style>
 </head>
 <body id="i3geo">
-
+<!-- inclui o nome do usuario logado -->
+<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
+
+<!--
+	Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
+-->
 <tr style="border:0px">
 	<td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
 </tr>
@@ -24,154 +33,196 @@
 <td>
   <table width=100% cellspacing=0 cellpadding=0 >
    <tr>
-   <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
+   <td></td>
    <td>
+    <!--
+    	Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
+		Para remover uma guia, basta comentar a linha
+    -->
     <div class=verdeescuro style="top:0px;cursor:pointer;">
-	 <div id=guia1 class=guia >Temas</div>
-	 <div id=guia2 class=guia >Adiciona</div>
-	 <div id=guia4 class=guia >Legenda</div>
-	 <div id=guia5 class=guia >Links</div>
+	 <div id=guia1 class=guia ></div>
+	 <div id=guia2 class=guia ></div>
+	 <div id=guia4 class=guia ></div>
+	 <div id=guia5 class=guia ></div>
     </div>
    </td>
+
    </tr>
   </table>
 </td>
 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
-	 <div id="menus" ></div>    
+	<!--
+		menu suspenso
+	-->
+	<div id="menus" ></div>
 </td>
 </tr>
 <tr>
  <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
+  <!--
+  	As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
+  	Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
+  	o div com id=guia1 deve ter um div com id=guia1obj
+  -->
   <div id='guia1obj' >
-  	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
+	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!--	Esta div acrescenta a lista de propriedades do mapa -->
   	<div id=listaPropriedades style='top:15px;' ></div>
+	<!--	Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
+  	<div id=listaLayersBase style='top:15px;'></div>
+	<!--	Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
   	<div id=listaTemas style='top:15px;'></div>
   </div>
+
+ 	<!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
+	use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
+  	<div id=arvoreAdicionaTema style='top:25px;' ></div>
+  	<div id=outrasOpcoesAdiciona style='top:25px;' ></div>
+  	-->
+
   <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
   <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
   <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  </td>
  <td style="vertical-align:top;border-width:0px;">
   <table width="100%" style="vertical-align:top;border-width:0px">
-   <tr><td  class=verdeclaro id=contemImg >
-    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
+    <tr><td  class=verdeclaro id=contemImg >
+    <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
    </td></tr>
   </table>
  </td>
  </tr>
+
 <tr>
+
  <td class=tdbranca >
- 	<div id=visual ></div>
+ 	<!--
+ 		Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
+ 		<div id=visual ></div>
+ 	-->
+	<!-- bot&atilde;o de compartilhamento em redes sociais -->
+	<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
+ 	<!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  	<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  </td>
  <td class=tdbranca >
-  <table width=100% ><tr>
-  <td class=tdbranca ></td>
-  <td class=tdbranca style=text-align:center >
-  	<div id=localizarxy >
-  	Aguarde...
-  	</div>
-  </td>
-  <td class=tdbranca ><div id=escala ></div></td>
-  <td class=tdbranca ><div id=ondeestou ></div></td>
+  <table width=100% >
+  <tr>
+	  <td class=tdbranca >
+		<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
+		<div id=escala style="text-align:right;" ></div>
+	  </td>
+	  <td class=tdbranca  >
+		<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
+		<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
+	  </td>
+ 	  <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
+	  <td class=tdbranca  ><div id=seletorIdiomas ></div></td>
+	  <!--
+		A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
+		que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
+		SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
+	  -->
+	  <td class=tdbranca  ><div id=ondeestou ></div></td>
   </tr>
-  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+  <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
+  As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
+  i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
+  se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
+  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+   -->
   </table>
  </td>
 </tr>
 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
+<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
-<tr style="border:0px"><td colspan=3 style=background-color:black;color:white  id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
+<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
+<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
 
 </table>
-</center>
-<div id=barraDeBotoes1 style='display:none'> 
-   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
-   <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
-   <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
-   <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
-   <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> 
-   <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> 
-   <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>   
-</div>
-<div id=barraDeBotoes2 style='display:none'>
-	<table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
-	<tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
-	</table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
-	</div>
+<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
+	<tr>
+		<td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
+	</tr>
+	<tr>
+		<td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
+	</tr>
+	<tr>
+		<td>
+			<!--
+			<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
+			-->
+		</td>
+	</tr>
+</table>
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
-	</div>
-	
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
-	</div>        
+<script src="../classesjs/i3geo47.js"></script>
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
+<script>
+i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
+i3GEO.configura.autotamanho = false;
+i3GEO.Interface.ATUAL = "openlayers";
+i3GEO.Interface.IDCORPO = "contemImg";
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
-	</div> 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="google" alt="" src="../imagens/branco.gif" id='google'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
-	</div> 
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
-	</div>
-   <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
-</div>
-<script type="text/javascript">
+i3GEO.Interface.openlayers.GADGETS = {
+		PanZoomBar:true,
+		PanZoom:false,
+		LayerSwitcher:true,
+		ScaleLine:true,
+		OverviewMap:false
+	};
+i3GEO.Interface.openlayers.TILES = true;
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
+i3GEO.cria();
+i3GEO.configura.mapaRefDisplay = "none";
+
+i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
+i3GEO.barraDeBotoes.OFFSET = -170;
+
+i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
+i3GEO.idioma.IDSELETOR = "seletorIdiomas";
+i3GEO.Interface.ATIVAMENUCONTEXTO = false;
+i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
+
+i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
+i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
+i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
+i3GEO.mapa.AUTORESIZE = true;
+OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+(function(){
+	var oce = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Ocean Basemap",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
+		{format:"jpg"},
+		{isBaseLayer:true,visibility:false}
+	);
+	var ims = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Imagery World 2D",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI World Street Map",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var bra = new OpenLayers.Layer.WMS(
+		"Base carto MMA",
+		"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
+		{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
+		{isBaseLayer:true,visibility:false}
+	);
+	i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
+})();
 
-i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = true;
-i3GEO.cria()
 i3GEO.inicia();
-
-
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/exemplos/camadas3.htm b/exemplos/camadas3.htm
index 1ccc256..4b307a2 100644
--- a/exemplos/camadas3.htm
+++ b/exemplos/camadas3.htm
@@ -1,22 +1,31 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
-<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<title>i3Geo - Mapa interativo</title>
-<script type="text/javascript" src="../classesjs/i3geo.js"></script>
-	<style> 
-	.yui-log .i3geo {background-color:yellow;} /* customize a color */
-	.yui-log .redesenho {background-color:yellow;} /* customize a color */
-	.yui-log .janela {background-color:yellow;} /* customize a color */
-	.yui-log-bd {text-align:left;}
-	.yui-log-entry yui-log-verbose, p{text-align:left;}
-	 .info {text-align:left;}
-	</style> 
+<title>i3GEO - OpenLayers</title>
+<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
+<style>
+.olControlEditingToolbar1 div {
+	background-image:url(../mashups/openlayers.png);
+	background-repeat:no-repeat;
+	float:right;
+	right: 0px;
+	height:29px;
+	margin:2px;
+	width:29px;
+	cursor:pointer;
+}
+</style>
 </head>
 <body id="i3geo">
-
+<!-- inclui o nome do usuario logado -->
+<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
+
+<!--
+	Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
+-->
 <tr style="border:0px">
 	<td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
 </tr>
@@ -24,155 +33,202 @@
 <td>
   <table width=100% cellspacing=0 cellpadding=0 >
    <tr>
-   <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
+   <td></td>
    <td>
+    <!--
+    	Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
+		Para remover uma guia, basta comentar a linha
+    -->
     <div class=verdeescuro style="top:0px;cursor:pointer;">
-	 <div id=guia1 class=guia >Temas</div>
-	 <div id=guia2 class=guia >Adiciona</div>
-	 <div id=guia4 class=guia >Legenda</div>
-	 <div id=guia5 class=guia >Links</div>
+	 <div id=guia1 class=guia ></div>
+	 <div id=guia2 class=guia ></div>
+	 <div id=guia4 class=guia ></div>
+	 <div id=guia5 class=guia ></div>
     </div>
    </td>
+
    </tr>
   </table>
 </td>
 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
-	 <div id="menus" ></div>    
+	<!--
+		menu suspenso
+	-->
+	<div id="menus" ></div>
 </td>
 </tr>
 <tr>
  <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
+  <!--
+  	As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
+  	Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
+  	o div com id=guia1 deve ter um div com id=guia1obj
+  -->
   <div id='guia1obj' >
+	<!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
+	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!--	Esta div acrescenta a lista de propriedades do mapa -->
+  	<div id=listaPropriedades style='top:15px;' ></div>
+	<!--	Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
+  	<div id=listaLayersBase style='top:15px;'></div>
+	<!--	Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
   	<div id=listaTemas style='top:15px;'></div>
   </div>
+
+ 	<!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
+	use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
+  	<div id=arvoreAdicionaTema style='top:25px;' ></div>
+  	<div id=outrasOpcoesAdiciona style='top:25px;' ></div>
+  	-->
+
   <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
   <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
   <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  </td>
  <td style="vertical-align:top;border-width:0px;">
   <table width="100%" style="vertical-align:top;border-width:0px">
-   <tr><td  class=verdeclaro id=contemImg >
-    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
+    <tr><td  class=verdeclaro id=contemImg >
+    <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
    </td></tr>
   </table>
  </td>
  </tr>
+
 <tr>
+
  <td class=tdbranca >
- 	<div id=visual ></div>
+ 	<!--
+ 		Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
+ 		<div id=visual ></div>
+ 	-->
+	<!-- bot&atilde;o de compartilhamento em redes sociais -->
+	<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
+ 	<!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  	<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  </td>
  <td class=tdbranca >
-  <table width=100% ><tr>
-  <td class=tdbranca ></td>
-  <td class=tdbranca style=text-align:center >
-  	<div id=localizarxy >
-  	Aguarde...
-  	</div>
-  </td>
-  <td class=tdbranca ><div id=escala ></div></td>
-  <td class=tdbranca ><div id=ondeestou ></div></td>
+  <table width=100% >
+  <tr>
+	  <td class=tdbranca >
+		<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
+		<div id=escala style="text-align:right;" ></div>
+	  </td>
+	  <td class=tdbranca  >
+		<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
+		<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
+	  </td>
+ 	  <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
+	  <td class=tdbranca  ><div id=seletorIdiomas ></div></td>
+	  <!--
+		A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
+		que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
+		SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
+	  -->
+	  <td class=tdbranca  ><div id=ondeestou ></div></td>
   </tr>
-  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+  <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
+  As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
+  i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
+  se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
+  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+   -->
   </table>
  </td>
 </tr>
 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
+<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
-<tr style="border:0px"><td colspan=3 style=background-color:black;color:white  id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
+<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
+<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
 
 </table>
-</center>
-<div id=barraDeBotoes1 style='display:none'> 
-   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
-   <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
-   <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
-   <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
-   <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> 
-   <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> 
-   <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>   
-</div>
-<div id=barraDeBotoes2 style='display:none'>
-	<table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
-	<tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
-	</table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
-	</div>
-
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
-	</div>
-	
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
-	</div>        
-
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
-	</div> 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="google" alt="" src="../imagens/branco.gif" id='google'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
-	</div> 
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
-	</div>
-   <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
-</div>
-<script type="text/javascript">
+<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
+	<tr>
+		<td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
+	</tr>
+	<tr>
+		<td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
+	</tr>
+	<tr>
+		<td>
+			<!--
+			<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
+			-->
+		</td>
+	</tr>
+</table>
 
+<script src="../classesjs/i3geo47.js"></script>
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
+<script>
 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
+i3GEO.configura.autotamanho = false;
+i3GEO.Interface.ATUAL = "openlayers";
+i3GEO.Interface.IDCORPO = "contemImg";
+
+i3GEO.Interface.openlayers.GADGETS = {
+		PanZoomBar:true,
+		PanZoom:false,
+		LayerSwitcher:true,
+		ScaleLine:true,
+		OverviewMap:false
+	};
+i3GEO.Interface.openlayers.TILES = true;
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
+i3GEO.cria();
+i3GEO.configura.mapaRefDisplay = "none";
+
+i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
+i3GEO.barraDeBotoes.OFFSET = -170;
+
+i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
+i3GEO.idioma.IDSELETOR = "seletorIdiomas";
+i3GEO.Interface.ATIVAMENUCONTEXTO = false;
+i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
+
+i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
+i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
+i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
+i3GEO.mapa.AUTORESIZE = true;
+OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+(function(){
+	var oce = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Ocean Basemap",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
+		{format:"jpg"},
+		{isBaseLayer:true,visibility:false}
+	);
+	var ims = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Imagery World 2D",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI World Street Map",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var bra = new OpenLayers.Layer.WMS(
+		"Base carto MMA",
+		"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
+		{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
+		{isBaseLayer:true,visibility:false}
+	);
+	i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
+})();
+
+
 i3GEO.arvoreDeCamadas.EXPANDIDA = true;
 i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
 i3GEO.arvoreDeCamadas.OPCOESICONES = false
 i3GEO.configura.templateLegenda = "legenda3.htm"
-i3GEO.cria()
 i3GEO.inicia();
-
-
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
+
+
diff --git a/exemplos/camadas4.htm b/exemplos/camadas4.htm
index 9a2daf7..402f2f8 100644
--- a/exemplos/camadas4.htm
+++ b/exemplos/camadas4.htm
@@ -1,22 +1,31 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
-<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<title>i3Geo - Mapa interativo</title>
-<script type="text/javascript" src="../classesjs/i3geo.js"></script>
-	<style> 
-	.yui-log .i3geo {background-color:yellow;} /* customize a color */
-	.yui-log .redesenho {background-color:yellow;} /* customize a color */
-	.yui-log .janela {background-color:yellow;} /* customize a color */
-	.yui-log-bd {text-align:left;}
-	.yui-log-entry yui-log-verbose, p{text-align:left;}
-	 .info {text-align:left;}
-	</style> 
+<title>i3GEO - OpenLayers</title>
+<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
+<style>
+.olControlEditingToolbar1 div {
+	background-image:url(../mashups/openlayers.png);
+	background-repeat:no-repeat;
+	float:right;
+	right: 0px;
+	height:29px;
+	margin:2px;
+	width:29px;
+	cursor:pointer;
+}
+</style>
 </head>
 <body id="i3geo">
-
+<!-- inclui o nome do usuario logado -->
+<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
 <table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
+
+<!--
+	Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
+-->
 <tr style="border:0px">
 	<td colspan=2 id="barraSuperior" style="background-image:url('../imagens/visual/default/cabeca.png');height:10px"></td>
 </tr>
@@ -24,143 +33,186 @@
 <td>
   <table width=100% cellspacing=0 cellpadding=0 >
    <tr>
-   <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
+   <td></td>
    <td>
+    <!--
+    	Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
+		Para remover uma guia, basta comentar a linha
+    -->
     <div class=verdeescuro style="top:0px;cursor:pointer;">
-	 <div id=guia1 class=guia >Temas</div>
-	 <div id=guia4 class=guia >Legenda</div>
-	 <div id=guia5 class=guia >Links</div>
+	 <div id=guia1 class=guia ></div>
+	 <div id=guia2 class=guia ></div>
+	 <div id=guia4 class=guia ></div>
+	 <div id=guia5 class=guia ></div>
     </div>
    </td>
+
    </tr>
   </table>
 </td>
 <td id="contemMenu" style="text-align:right;height:0px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
-	 <div id="menus" ></div>    
+	<!--
+		menu suspenso
+	-->
+	<div id="menus" ></div>
 </td>
 </tr>
 <tr>
  <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
+  <!--
+  	As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
+  	Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
+  	o div com id=guia1 deve ter um div com id=guia1obj
+  -->
   <div id='guia1obj' >
+	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!--	Esta div acrescenta a lista de propriedades do mapa -->
+  	<div id=listaPropriedades style='top:15px;' ></div>
+	<!--	Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
+  	<div id=listaLayersBase style='top:15px;'></div>
+	<br>
 	<input style="cursor:pointer;left:-60px;top:10px;position:relative;" id=botaoMaisTemas size=10 type=button value="Adicionar mais temas" onclick="janelaMaisTemas()" />
+
+	<!--	Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
   	<div id=listaTemas style='top:15px;'></div>
   </div>
   <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
-  <div id='guia5obj' style='display:none;text-align:left'><div id='banners' style='overflow:auto;text-align:left'>Aguarde...</div></div>
  </td>
  <td style="vertical-align:top;border-width:0px;">
   <table width="100%" style="vertical-align:top;border-width:0px">
-   <tr><td  class=verdeclaro id=contemImg >
-    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
+    <tr><td  class=verdeclaro id=contemImg >
+    <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
    </td></tr>
   </table>
  </td>
  </tr>
+
 <tr>
+
  <td class=tdbranca >
- 	<div id=visual ></div>
+ 	<!--
+ 		Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
+ 		<div id=visual ></div>
+ 	-->
+	<!-- bot&atilde;o de compartilhamento em redes sociais -->
+	<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
+ 	<!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  	<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  </td>
  <td class=tdbranca >
-  <table width=100% ><tr>
-  <td class=tdbranca ></td>
-  <td class=tdbranca style=text-align:center >
-  	<div id=localizarxy >
-  	Aguarde...
-  	</div>
-  </td>
-  <td class=tdbranca ><div id=escala ></div></td>
-  <td class=tdbranca ><div id=ondeestou ></div></td>
+  <table width=100% >
+  <tr>
+	  <td class=tdbranca >
+		<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
+		<div id=escala style="text-align:right;" ></div>
+	  </td>
+	  <td class=tdbranca  >
+		<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
+		<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
+	  </td>
+ 	  <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
+	  <td class=tdbranca  ><div id=seletorIdiomas ></div></td>
+	  <!--
+		A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
+		que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
+		SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
+	  -->
+	  <td class=tdbranca  ><div id=ondeestou ></div></td>
   </tr>
-  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:10px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+  <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
+  As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
+  i3GEO.gadgets.mostraCoordenadasUTM.idhtml for diferente de i3GEO.gadgets.mostraCoordenadasGEO.idhtml
+  se os IDs forem iguais, o tipo de coordenada mostrada ser&aacute; intercalada, ora UTM ora GEO.
+  <tr><td></td><td class="tdbranca"><div style="text-align:left;font-size:8px;background-color:white;display:none;" id=mostraUTM ></div></td><td></td></tr>
+   -->
   </table>
  </td>
 </tr>
 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
+<!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
-<tr style="border:0px"><td colspan=3 style=background-color:black;color:white  id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
+<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
+<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
 
 </table>
-</center>
-<div id=barraDeBotoes1 style='display:none'> 
-   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
-   <table title="zoom" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/></td></tr></table>
-   <table title="desloca" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="desloca" alt="" src="../imagens/branco.gif" ID='pan'/></td></tr></table>
-   <table title="info" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="info" alt="" src="../imagens/branco.gif" id='identifica'/></td></tr></table>
-   <table title="geral" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="geral" alt="" src="../imagens/branco.gif" ID='zoomtot'/></td></tr></table> 
-   <table title="mede" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="mede" alt="" src="../imagens/branco.gif" id='mede'/></td></tr></table> 
-   <table title="area" style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><img title="area" alt="" src="../imagens/branco.gif" id='area'/></td></tr></table>   
-</div>
-<div id=barraDeBotoes2 style='display:none'>
-	<table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
-	<tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
-	</table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
-	</div>
+<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
+	<tr>
+		<td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
+	</tr>
+	<tr>
+		<td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
+	</tr>
+	<tr>
+		<td>
+			<!--
+			<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
+			-->
+		</td>
+	</tr>
+</table>
+
+<script src="../classesjs/i3geo47.js"></script>
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
+<script>
+i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
+i3GEO.configura.autotamanho = false;
+i3GEO.Interface.ATUAL = "openlayers";
+i3GEO.Interface.IDCORPO = "contemImg";
+
+i3GEO.Interface.openlayers.GADGETS = {
+		PanZoomBar:true,
+		PanZoom:false,
+		LayerSwitcher:true,
+		ScaleLine:true,
+		OverviewMap:false
+	};
+i3GEO.Interface.openlayers.TILES = true;
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
+i3GEO.cria();
+i3GEO.configura.mapaRefDisplay = "none";
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
-	</div>
-	
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
-	</div>        
+i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
+i3GEO.barraDeBotoes.OFFSET = -170;
+
+i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
+i3GEO.idioma.IDSELETOR = "seletorIdiomas";
+i3GEO.Interface.ATIVAMENUCONTEXTO = false;
+i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
+
+i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
+i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
+i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
+i3GEO.mapa.AUTORESIZE = true;
+OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+(function(){
+	var oce = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Ocean Basemap",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
+		{format:"jpg"},
+		{isBaseLayer:true,visibility:false}
+	);
+	var ims = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Imagery World 2D",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI World Street Map",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var bra = new OpenLayers.Layer.WMS(
+		"Base carto MMA",
+		"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
+		{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
+		{isBaseLayer:true,visibility:false}
+	);
+	i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
+})();
 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
-	</div> 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="google" alt="" src="../imagens/branco.gif" id='google'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="insere grafico" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
-	</div> 
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="scielo" alt="" src="../imagens/branco.gif" id='scielo'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:6px;'>&nbsp;</p>
-		<img  title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
-	</div>
-   <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
-</div>
-<script type="text/javascript">
 function janelaMaisTemas(){
 	var janela = i3GEO.janela.cria("400px","380px","","","","+ Temas","maisTemas");
 	janela[2].style.textAlign="left"
@@ -177,9 +229,7 @@ i3GEO.arvoreDeCamadas.LEGENDAEXPANDIDA = false;
 i3GEO.arvoreDeCamadas.OPCOESTEMAS = false
 i3GEO.arvoreDeCamadas.OPCOESICONES = false
 i3GEO.configura.templateLegenda = "legenda3.htm"
-i3GEO.cria()
 i3GEO.inicia();
-
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/exemplos/combos.htm b/exemplos/combos.htm
index c93a080..f93a45e 100644
--- a/exemplos/combos.htm
+++ b/exemplos/combos.htm
@@ -4,14 +4,14 @@
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
 
 <script type="text/javascript" src="../classesjs/i3geonaocompacto.js"></script>
-
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
 </head>
 <body id="i3geo" style=background-color:white; >
 <div id=listaTemas style='position:absolute;top:15px;left:15px'></div>
 <div style='position:absolute;top:15px;left:350px;width:600px'>
 <p class=paragrafo >
-A &aacute;rvore de camadas mostra a lista de layers que est&atilde;o dispon&iacute;veis no mapa atual. Com base nessa &aacute;rvore, 
-podem ser montados caixas de sele&ccedil;&atilde;o (combos). Esses combos s&atilde;o importantes na cria&ccedil;&atilde;o de ferramentas 
+A &aacute;rvore de camadas mostra a lista de layers que est&atilde;o dispon&iacute;veis no mapa atual. Com base nessa &aacute;rvore,
+podem ser montados caixas de sele&ccedil;&atilde;o (combos). Esses combos s&atilde;o importantes na cria&ccedil;&atilde;o de ferramentas
 novas ou na customiza&ccedil;&atilde;o do i3Geo.
 </p>
 <p class=paragrafo >
diff --git a/exemplos/fotos.htm b/exemplos/fotos.htm
index 4f3dc67..f2bd2f1 100644
--- a/exemplos/fotos.htm
+++ b/exemplos/fotos.htm
@@ -1,30 +1,27 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
-<meta http-equiv="Category" content="I3Geo Mapa interativo MMA geoprocessamento sig mobile">
+<meta http-equiv="Category" content="i3Geo Mapa interativo MMA geoprocessamento sig mobile">
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
-<title>i3Geo - Mapa interativo</title>
-<!--
-	Leitura dos programas javaScript e estilos.
-	Os códigos do i3geo s&atilde;o compactados para tornar o carregamento mais r&aacute;pido.
-	Se vc alterar os códigos originais, n&atilde;o se esque&ccedil;a de compact&aacute;-los com classesjs/compactajs.php.
-	Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo 
-	o arquivo i3geo.js por i3geonaocompacto.js
-	No modo n&atilde;o compactado o código est&aacute; adaptado para uso com o Firebug do Firefox.
--->
-<script type="text/javascript" src="../classesjs/i3geo47.js"></script>
-	<style> 
-	.yui-log .i3geo {background-color:yellow;} /* customize a color */
-	.yui-log .redesenho {background-color:yellow;} /* customize a color */
-	.yui-log .janela {background-color:yellow;} /* customize a color */
-	.yui-log-bd {text-align:left;}
-	.yui-log-entry yui-log-verbose, p{text-align:left;}
-	 .info {text-align:left;}
-	</style>
+<title>i3GEO - OpenLayers</title>
+<!-- estilo necess&aacute;rio para a ferramenta de edi&ccedil;&atilde;o -->
+<style>
+.olControlEditingToolbar1 div {
+	background-image:url(../mashups/openlayers.png);
+	background-repeat:no-repeat;
+	float:right;
+	right: 0px;
+	height:29px;
+	margin:2px;
+	width:29px;
+	cursor:pointer;
+}
+</style>
 </head>
 <body id="i3geo">
-
-<table id='mst' summary="" style='display:none;' width=100% cellspacing='0' >
+<!-- inclui o nome do usuario logado -->
+<div id="i3GEONomeLogin" style="position:absolute;left:10px;top:12px;font-size:11px;z-index:50000"></div>
+<table id='mst' summary="" style='display:none;' width=100% cellspacing='0'>
 
 <!--
 	Inclui a barra superior. Se vc n&atilde;o quiser o menu, &eacute; só comentar o TR
@@ -36,16 +33,16 @@
 <td>
   <table width=100% cellspacing=0 cellpadding=0 >
    <tr>
-   <td title="libera guias" class=tdclaro id=encolheFerramentas style="vertical-align:top;width:5px;text-align:left;"></td>
+   <td></td>
    <td>
     <!--
     	Guias principais, n&atilde;o mude o ID, apenas o nome se for desejado
+		Para remover uma guia, basta comentar a linha
     -->
-
     <div class=verdeescuro style="top:0px;cursor:pointer;">
-	 <div id=guia1 class=guia >Temas</div>
-	 <div id=guia2 class=guia >Adiciona</div>
-	 <div id=guia4 class=guia >Legenda</div>
+	 <div id=guia1 class=guia ></div>
+	 <div id=guia2 class=guia ></div>
+	 <div id=guia4 class=guia ></div>
 	 <div id=guia6 class=guia >Fotos</div>
     </div>
    </td>
@@ -57,31 +54,33 @@
 	<!--
 		menu suspenso
 	-->
-	 <div id="menus" ></div>    
+	<div id="menus" ></div>
 </td>
 </tr>
 <tr>
  <td class=tdbranca id=contemFerramentas style="vertical-align:top;width:300px;text-align:left;">
   <!--
-  	Esta div acrescenta a lista de propriedades do mapa, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico
-  -->
-
-  <!--<div id=listaPropriedades ></div>-->
-  <!--
-  	Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico
-  -->
-  <!-- <div id=buscaRapida ></div> -->
-  <!--
   	As divs guiaNobj guardam o conte&uacute;do que &eacute; mostrado quando a guia &eacute; clicada
   	Para cada bot&atilde;o na guia deve haver um div com o conte&uacute;do, pe.
   	o div com id=guia1 deve ter um div com id=guia1obj
   -->
   <div id='guia1obj' >
-  	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!-- Esta div acrescenta a op&ccedil;&atilde;o de busca r&aacute;pida, caso vc queira coloc&aacute;-la em um lugar espec&iacute;fico -->
+	<div style='left:5px;top:10px;' id=buscaRapida ></div>
+	<!--	Esta div acrescenta a lista de propriedades do mapa -->
   	<div id=listaPropriedades style='top:15px;' ></div>
+	<!--	Esta div acrescenta a lista de de camadas do tipo 'baselayers' espec&iacute;ficas da interface Openlayers. Veja tamb&eacute;m a op&ccedil;&atilde;o i3GEO.Interface.openlayers.GADGETS.LayerSwitcher -->
+  	<div id=listaLayersBase style='top:15px;'></div>
+	<!--	Esta div acrescenta a lista de de camadas dispon&iacute;veis no mapa atual -->
   	<div id=listaTemas style='top:15px;'></div>
   </div>
 
+ 	<!-- se vc quiser colocar a arvore de adi&ccedil;&atilde;o de temas em um lugar espec&iacute;fico,
+	use o div abaixo, caso contr&aacute;rio, a &aacute;rvore ser&aacute; colocada na guia definida em objmapa.guiaMenu, por default a guia2
+  	<div id=arvoreAdicionaTema style='top:25px;' ></div>
+  	<div id=outrasOpcoesAdiciona style='top:25px;' ></div>
+  	-->
+
   <div id='guia2obj' style='display:none;'>Aguarde...<img alt="" src="../imagens/branco.gif" width=248 /></div>
   <div id='guia4obj' style='display:none;text-align:left'><div id='legenda' style='text-align:left'></div></div>
   <div id='guia6obj' style='display:none;text-align:left'>
@@ -90,12 +89,13 @@
  </td>
  <td style="vertical-align:top;border-width:0px;">
   <table width="100%" style="vertical-align:top;border-width:0px">
-   <tr><td  class=verdeclaro id=contemImg >
-    <div id=corpoMapa style="background-image:url('../imagens/i3geo1bw.jpg');"></div>
+    <tr><td  class=verdeclaro id=contemImg >
+    <div id=corpoMapa style="position:relative;background-image:url('../imagens/i3geo1bw.jpg');"></div>
    </td></tr>
   </table>
  </td>
  </tr>
+
 <tr>
 
  <td class=tdbranca >
@@ -103,28 +103,30 @@
  		Nesse div s&atilde;o inclu&iacute;dos os &iacute;cones que permitem ao usu&aacute;rio modificar o visual de cores dos &iacute;cones
  		<div id=visual ></div>
  	-->
- 	<!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
- 	<div id="seletorIdiomas" ></div>
+	<!-- bot&atilde;o de compartilhamento em redes sociais -->
+	<div id=i3GEOcompartilhar style="text-align:left;border-top:1px solid rgb(250,250,250);padding-top:1px" ></div>
  	<!-- aqui ser&aacute; inclu&iacute;do o contador de tempo quando o temporizador de redesenho do mapa estiver ativo -->
  	<div id=tempoRedesenho style=color:green;background-color:black;width:50px;display:none ></div>
  </td>
  <td class=tdbranca >
-  <table width=100% ><tr>
-  <td class=tdbranca ></td>
-  <td class=tdbranca style=text-align:center >
-  	<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
-  	<div id=localizarxy style="text-align:left;font-size:10px;">Aguarde...</div>
-  </td>
-  <td class=tdbranca >
-  	<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
-  	<div id=escala ></div>
-  </td>
-  <!--
-  	A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
-  	que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
-  	SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
-  -->
-  <td class=tdbranca ><div id=ondeestou ></div></td>
+  <table width=100% >
+  <tr>
+	  <td class=tdbranca >
+		<!-- aqui ser&aacute; inclu&iacute;da a escala num&eacute;rica -->
+		<div id=escala style="text-align:right;" ></div>
+	  </td>
+	  <td class=tdbranca  >
+		<!-- aqui ser&aacute; inclu&iacute;do o gadget que mostra a coordenada geogr&aacute;fica da posi&ccedil;&atilde;o do mouse -->
+		<div id=localizarxy style="text-align:left;font-size:10px;display:inline-table">Aguarde...</div>
+	  </td>
+ 	  <!-- aqui ser&atilde;o inclu&iacute;das as bandeiras que permitem a troca de idioma -->
+	  <td class=tdbranca  ><div id=seletorIdiomas ></div></td>
+	  <!--
+		A op&ccedil;&atilde;o de localiza&ccedil;&atilde;o 'onde estou?' baseia-se na identifica&ccedil;&atilde;o do IP do usu&aacute;rio. Para
+		que esta op&ccedil;&atilde;o funcione corretamente, deve estar instalado no I3Geo o pacote geoIP. Veja no
+		SVN do portal do software p&uacute;blico o diretório arquivos_vers&otilde;es/pacotes para maiores informa&ccedil;&otilde;es
+	  -->
+	  <td class=tdbranca  ><div id=ondeestou ></div></td>
   </tr>
   <!-- esta div recebe o c&aacute;lculo do posicionamento do mouse em coordenadas UTM
   As coordenadas UTM apenas ser&atilde;o mostradas nessa div se o par&acirc;metro
@@ -138,137 +140,86 @@
 <tr style="border:0px"><td colspan=3 id="barraInferior" style="background-image:url('../imagens/visual/default/rodape.png');height:10px"></td></tr>
 <!-- aqui s&atilde;o mostradas imagens obtidas do metadata mensagem que pode existir em cada layer -->
 <tr style="border:0px"><td colspan=3 style=background-color:black ><input style="border:0px none; background-color:black;color:white;font-size:12pt;" type="text" size="1" id="i3geo_letreiro" ></td></tr>
-<tr style="border:0px"><td colspan=3 style=background-color:black;color:white  id="emailInstituicao">geoprocessamento@mma.gov.br</td></tr>
-</table>
+<!-- esse elemento &eacute; preenchido automaticamente pelo i3Geo, conforme definido em ms_configura.php -->
+<tr style="border:0px"><td colspan=3 style=background-color:black;color:white id="emailInstituicao">@</td></tr>
 
-<center>
-<br><br>
-<table>
-<tr>
-	<td colspan=3 ><center><img src='../imagens/i3geo1.jpg'></td>
-</tr>
-<tr><td style="padding:10px;"><center><img src='../imagens/pspb.png'></td>
-	<td style="padding:10px;"><center><img src='../imagens/mapserv.png'></td>
-	<td style="padding:10px;"><center><a href='http://mapas.mma.gov.br/download' target=blank ><img src='../imagens/somerights20_pt.gif' ></a></td>
-</tr>
-<tr>
-	<td colspan=3 ><center>
-		<script type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
-	</td>
-</tr>
+</table>
+<table id="i3GEOlogoMarcaX" style='margin: 0px auto;box-shadow:0 1px 13px gray;border-radius:5px;'>
+	<tr>
+		<td><div id=versaoi3geo ></div><h2 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">i3Geo - Software livre para cria&ccedil;&atilde;o de mapas interativos e geoprocessamento</h2><h3 style="font-size:10px;font-family: Verdana, Arial, Helvetica, sans-serif;">Baseado no Mapserver, &eacute; licenciado sob GPL e integra o Portal do Software P&uacute;blico Brasileiro</h3></td>
+	</tr>
+	<tr>
+		<td style="padding:10px;"><img style="width:560px;height:81px" alt="" src='../imagens/logo_inicio.png' ></td>
+	</tr>
+	<tr>
+		<td>
+			<!--
+			<script id="ohloh" type="text/javascript" src="http://www.ohloh.net/p/150688/widgets/project_users.js?style=red"></script>
+			-->
+		</td>
+	</tr>
 </table>
 
-
-<!--
-	Barra de botoes que ser&atilde;o inclu&iacute;dos na janela móvel de navega&ccedil;&atilde;o
-	Para excluir um bot&atilde;o &eacute; só apagar a linha.
-	Para adicionar um bot&atilde;o, &eacute; só criar uma linha e especificar a fun&ccedil;&atilde;o que ser&aacute; executada quando o usu&aacute;rio clicar no bot&atilde;o
--->
-<div id=barraDeBotoes1 style='display:none'> 
-   <table style="width:100%"><caption style="text-align:center">&nbsp;</caption><tr><td style='background-color:rgb(250,250,250);'><div ID='historicozoom' ></div></td></tr><tr><td style=height:5px ></td></tr></table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="zoom" alt="" src="../imagens/branco.gif" id='zoomli'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="desloca" alt="" src="../imagens/branco.gif" id='pan'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="info" alt="" src="../imagens/branco.gif" id='identifica'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="geral" alt="" src="../imagens/branco.gif" id='zoomtot'/>
-	</div>
-</div>
-<div id=barraDeBotoes2 style='display:none'>
-	<table style="width:100%"><caption style="text-align:center">&nbsp;</caption>
-	<tr><td style='background-color:rgb(250,250,250);'><img title="" alt="" src="../imagens/branco.gif" id='sobeferramentas'/></td></tr>
-	</table>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="mede" alt="" src="../imagens/branco.gif" id='mede'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="area" alt="" src="../imagens/branco.gif" id='area'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="imprimir" alt="" src="../imagens/branco.gif" id='imprimir'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="reinicia" alt="" src="../imagens/branco.gif" id='reinicia'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="extensao" alt="" src="../imagens/branco.gif" id='exten'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="referencia" alt="" src="../imagens/branco.gif" id='referencia'/>
-	</div>        
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="insere xy" alt="" src="../imagens/branco.gif" id='inserexy'/>
-	</div> 
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="texto" alt="" src="../imagens/branco.gif" id='textofid'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="selecao" alt="" src="../imagens/branco.gif" id='selecao'/>
-	</div>
-	<div style='display:inline;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="google" alt="" src="../imagens/branco.gif" id='google'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="fotos" alt="" src="../imagens/branco.gif" id='buscafotos'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="busca na wikipedia" alt="" src="../imagens/branco.gif" id='wiki'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img title="lente" alt="" src="../imagens/branco.gif" id='lentei'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="confluencias" alt="" src="../imagens/branco.gif" id='confluence'/>
-	</div>
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="Insere gr&aacute;ficos" alt="" src="../imagens/branco.gif" id='inseregrafico'/>
-	</div>	
-	<div style='display:none;background-color:rgb(250,250,250);'>
-		<p style='font-size:4px;'>&nbsp;</p>
-		<img  title="3d" alt="" src="../imagens/branco.gif" id='v3d'/>
-	</div>
-   <table style="width:100%;"><tr><td style='background-color:rgb(250,250,250);'><p style='font-size:6px;'>&nbsp;</p><img title="" alt="" src="../imagens/branco.gif" id='desceferramentas'/></td></tr></table>
-</div>
-<div id=teste ></div>
-<!-- Vari&aacute;veis globais e inicializa&ccedil;&atilde;o do mapa-->
-<script type="text/javascript">
-
+<script src="../classesjs/i3geo47.js"></script>
+<script src="../pacotes/openlayers/OpenLayers211.js.php"></script>
+<script>
 i3GEO.configura.locaplic = i3GEO.util.protocolo()+"://"+window.location.host+"/i3geo";
-
-
-i3GEO.cria()
-
-i3GEO.barraDeBotoes.AUTOALTURA = false
-i3GEO.barraDeBotoes.ATIVAMENUCONTEXTO = true
-i3GEO.barraDeBotoes.PERMITEFECHAR = true
-i3GEO.barraDeBotoes.PERMITEDESLOCAR = true
-i3GEO.barraDeBotoes.COMPORTAMENTO = "laranja"
-i3GEO.idioma.IDSELETOR = "seletorIdiomas"
-i3GEO.interface.ATIVAMENUCONTEXTO = true;
+i3GEO.configura.autotamanho = false;
+i3GEO.Interface.ATUAL = "openlayers";
+i3GEO.Interface.IDCORPO = "contemImg";
+
+i3GEO.Interface.openlayers.GADGETS = {
+		PanZoomBar:true,
+		PanZoom:false,
+		LayerSwitcher:true,
+		ScaleLine:true,
+		OverviewMap:false
+	};
+i3GEO.Interface.openlayers.TILES = true;
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza = 'if($i("omenudataInterface1")){i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", " ");}';
+i3GEO.cria();
+i3GEO.configura.mapaRefDisplay = "none";
+
+i3GEO.barraDeBotoes.TIPO = "olhodepeixe";
+i3GEO.barraDeBotoes.OFFSET = -170;
+i3GEO.configura.oMenuData["submenus"]["janelas"] = [];
+i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.permiteLogin = true;
+i3GEO.idioma.IDSELETOR = "seletorIdiomas";
+i3GEO.Interface.ATIVAMENUCONTEXTO = false;
+i3GEO.arvoreDeTemas.TIPOBOTAO = "radio";
+
+i3GEO.arvoreDeTemas.OPCOESADICIONAIS.comentarios = true;
+i3GEO.arvoreDeCamadas.VERIFICAABRANGENCIATEMAS = true;
+i3GEO.arvoreDeCamadas.MOSTRALISTAKML = false;
+i3GEO.mapa.AUTORESIZE = true;
+OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+(function(){
+	var oce = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Ocean Basemap",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/Ocean_Basemap/MapServer/export",
+		{format:"jpg"},
+		{isBaseLayer:true,visibility:false}
+	);
+	var ims = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI Imagery World 2D",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_Imagery_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+		"ESRI World Street Map",
+		"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+		{},
+		{isBaseLayer:true,visibility:false}
+	);
+	var bra = new OpenLayers.Layer.WMS(
+		"Base carto MMA",
+		"http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
+		{layers:"baseraster",srs:"EPSG:4618",format:"image/png",isBaseLayer:false},
+		{isBaseLayer:true,visibility:false}
+	);
+	i3GEO.Interface.openlayers.LAYERSADICIONAIS = [oce,ims,wsm,bra];
+})();
 i3GEO.guias.CONFIGURA.guiaDeFotos = {
 		titulo:"Fotos",
 		id:"guia6",
@@ -279,9 +230,9 @@ i3GEO.guias.ATUAL = "guiaDeFotos";
 
 i3GEO.inicia();
 
-var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js.php";
-i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos')","i3GEOF.buscaFotos_script");
-</script>
+var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js";
+i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script");
 
+</script>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/exemplos/fotos1.htm b/exemplos/fotos1.htm
index 2611b94..a462a37 100644
--- a/exemplos/fotos1.htm
+++ b/exemplos/fotos1.htm
@@ -8,13 +8,13 @@
 	Leitura dos programas javaScript e estilos.
 	Os códigos do i3geo s&atilde;o compactados para tornar o carregamento mais r&aacute;pido.
 	Se vc alterar os códigos originais, n&atilde;o se esque&ccedil;a de compact&aacute;-los com classesjs/compactajs.php.
-	Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo 
+	Para depurar o código sem ter de compact&aacute;-los, substitua na linha abaixo
 	o arquivo i3geo.js por i3geo.js
 -->
 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
 <script type="text/javascript" src="../pacotes/openlayers/OpenLayers211.js.php"></script>
 
-	<style> 
+	<style>
 	.yui-log .i3geo {background-color:yellow;} /* customize a color */
 	.yui-log .redesenho {background-color:yellow;} /* customize a color */
 	.yui-log .janela {background-color:yellow;} /* customize a color */
@@ -45,7 +45,7 @@
 	border: 1px solid #aaa;
 	width: 290px;
 	*width:298px; /*IE*/
-	
+
 }
 .accordiontable{
 	text-align:left;
@@ -96,9 +96,9 @@
 }
 .accordion dd.getHeight {
 	display: block;
-}	 
-	 
-	</style> 
+}
+
+	</style>
 </head>
 <body id="i3geo">
 
@@ -112,7 +112,7 @@
 </tr>
 <tr style="border:0px" >
 <td colspan=2 id="contemMenu" style="text-align:right;height:19px;border-width:0pt 0pt 1px;border-color:rgb(240,240,240)">
-	 <div id="menus" ></div>    
+	 <div id="menus" ></div>
 </td>
 </tr>
 <tr style="border:0px">
@@ -197,7 +197,7 @@ i3GEO.Interface.openlayers.GADGETS = {
 		PanZoom:false,
 		LayerSwitcher:true,
 		ScaleLine:true,
-		OverviewMap:false	
+		OverviewMap:false
 	};
 i3GEO.Interface.openlayers.TILES = false;
 
@@ -235,7 +235,7 @@ i3GEO.guias.ORDEM = ["guiaDeFotos","temas","adiciona","legenda"];
 i3GEO.guias.ATUAL = "guiaDeFotos";
 i3GEO.inicia();
 
-var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js.php";
+var js = i3GEO.configura.locaplic+"/ferramentas/buscafotos/index.js";
 i3GEO.util.scriptTag(js,"i3GEOF.buscaFotos.inicia('listaDeFotos',1)","i3GEOF.buscaFotos_script");
 
 </script>
diff --git a/exemplos/iframe1.htm b/exemplos/iframe1.htm
index c4d27e5..55b4aba 100644
--- a/exemplos/iframe1.htm
+++ b/exemplos/iframe1.htm
@@ -2,16 +2,16 @@
 <html>
 <head>
 <script type="text/javascript" src="../classesjs/i3geo.js"></script>
-	<style> 
+	<style>
 p{font-size:16px;text-align:left;padding:10px;}
-	</style> 
+	</style>
 </head>
 <body style="background:white;text-align:left; width:500px">
 <p>Este &eacute; um exemplo de uso do i3Geo em um elemento IFRAME.
-<p>Neste caso, o iframe chama diretamente o ms_criamapa.php 
-para inicializar o i3geo, o que n&atilde;o permite controlar o 
-tamanho do mapa. 
+<p>Neste caso, o iframe chama diretamente o ms_criamapa.php
+para inicializar o i3geo, o que n&atilde;o permite controlar o
+tamanho do mapa.
 <br>
-<iframe style="width:500px;height:500px" src="../ms_criamapa.php" />
+<iframe style="width:700px;height:500px" src="../ms_criamapa.php" />
 </body>
 </html>
\ No newline at end of file
diff --git a/ferramentas/buscafotos/index.js b/ferramentas/buscafotos/index.js
index 53daa94..1854e09 100644
--- a/ferramentas/buscafotos/index.js
+++ b/ferramentas/buscafotos/index.js
@@ -46,13 +46,13 @@ Class: i3GEOF.buscaFotos
 i3GEOF.buscaFotos = {
 	/*
 	Variavel: aguarde
-	
+
 	Objeto DOM com a imagem de aguarde existente no cabe&ccedil;alho da janela.
 	*/
 	aguarde: "",
 	/*
 	Propriedade: chaveFlicker
-	
+
 	C&oacute;digo de acesso aos web services do Flicker
 	*/
 	chaveFlicker: "b170cde3c3064ca44b1ae0fbe747575d",
@@ -64,11 +64,11 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: iniciaDicionario
-	
+
 	Carrega o dicion&aacute;rio e chama a fun&ccedil;&atilde;o que inicia a ferramenta
-	
+
 	O Javascript &eacute; carregado com o id i3GEOF.nomedaferramenta.dicionario_script
-	*/	
+	*/
 	iniciaDicionario: function(){
 		if(typeof(i3GEOF.buscaFotos.dicionario) === 'undefined'){
 			i3GEO.util.scriptTag(
@@ -80,16 +80,16 @@ i3GEOF.buscaFotos = {
 		else{
 			i3GEOF.buscaFotos.iniciaJanelaFlutuante();
 		}
-	},		
+	},
 	/*
 	Function: inicia
-	
+
 	Inicia a ferramenta. &Eacute; chamado por criaJanelaFlutuante
-	
+
 	Parametro:
-	
+
 	iddiv {String} - id do div que receber&aacute; o conteudo HTML da ferramenta
-	
+
 	pagina {integer} - (opcional) p&aacute;gina que ser&aacute; mostrada. Se for definida a janela de busca ser&aacute; mostrada j&aacute; de in&iacute;cio por meio do servi&ccedil;o do panoramio
 	*/
 	inicia: function(iddiv,busca){
@@ -106,7 +106,7 @@ i3GEOF.buscaFotos = {
 				i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,300000);
 				i3GEOF.buscaFotos.mostraMenu();
 			}}});
-			
+
 			i3GEOF.buscaFotos.ativaFoco();
 			i3GEO.eventos.NAVEGAMAPA.push("i3GEOF.buscaFotos.busca('1')");
 			if(busca){
@@ -119,11 +119,11 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: html
-	
+
 	Gera o c&oacute;digo html para apresenta&ccedil;&atilde;o das op&ccedil;&otilde;es da ferramenta
-	
+
 	Retorno:
-	
+
 	String com o c&oacute;digo html
 	*/
 	html:function(){
@@ -158,15 +158,15 @@ i3GEOF.buscaFotos = {
 		ins += '	<input type=radio style="top:2px;background-color:#f2f2f2;border:0px solid white;cursor:pointer;position:relative;" onclick="i3GEOF.buscaFotos.esconde(this)" name=buscador value=locr id=i3GEObuscafotosbuscalocr /><a href="http://www.locr.com" target="_blank" >Locr</a>';
 		ins += '	</div>';
 		ins += '	<div id="i3GEObuscafotospaginas" style="top:10px;"></div><br>';
-		ins += '	<div style="top:0px;left:5px;display:block;width:99%;overflow:auto"  id="i3GEObuscafotosresultadofotos" ></div>';
+		ins += '	<div style="top:0px;left:5px;display:block;width:95%;overflow:auto"  id="i3GEObuscafotosresultadofotos" ></div>';
 		ins += '</div>';
 		return ins;
 	},
 	/*
 	Function: iniciaJanelaFlutuante
-	
+
 	Cria a janela flutuante para controle da ferramenta.
-	*/	
+	*/
 	iniciaJanelaFlutuante: function(){
 		var minimiza,cabecalho,janela,divid,temp,titulo;
 		//funcao que sera executada ao ser clicado no cabe&ccedil;alho da janela
@@ -197,11 +197,11 @@ i3GEOF.buscaFotos = {
 		temp = function(){
 			i3GEO.eventos.NAVEGAMAPA.remove("i3GEOF.buscaFotos.busca('1')");
 		};
-		YAHOO.util.Event.addListener(janela[0].close, "click", temp);		
+		YAHOO.util.Event.addListener(janela[0].close, "click", temp);
 	},
 	/*
 	Function: ativaFoco
-	
+
 	Refaz a interface da ferramenta quando a janela flutuante tem seu foco ativado
 	*/
 	ativaFoco: function(){
@@ -215,7 +215,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: mostraMenu
-	
+
 	Mostra o menu de escolha do provedor de fotos e esconde o aviso inicial
 	*/
 	mostraMenu: function(){
@@ -224,11 +224,11 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: esconde
-	
+
 	Esconde as op&ccedil;&otilde;es de busca dos servidores de fotos e mostra as op&ccedil;&otilde;es do objeto especificado
-	
+
 	Parametro:
-	
+
 	obj - objeto que ter&aacute; o estilo modificado para display = none
 	*/
 	esconde: function (obj){
@@ -238,13 +238,13 @@ i3GEOF.buscaFotos = {
 		if(obj.value === "flickr")
 		{$i("i3GEObuscafotosf").style.display="block";}
 		else
-		{i3GEOF.buscaFotos.busca("1");}	
+		{i3GEOF.buscaFotos.busca("1");}
 	},
 	/*
 	Function: busca
-	
+
 	Procura as fotos no servidor escolhido e chama a fun&ccedil;&atilde;o correta de apresenta&ccedil;&atilde;o das fotos.
-	
+
 	*/
 	busca: function(pagina){
 		i3GEOF.buscaFotos.aguarde.visibility = "visible";
@@ -287,7 +287,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: escondexy
-	
+
 	Esconde a imagem de localiza&ccedil;&atilde;o da foto no mapa
 	*/
 	escondexy: function(){
@@ -300,7 +300,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: mostraxy
-	
+
 	Mostra a imagem que localiza a foto no mapa
 	*/
 	mostraxy: function(xy){
@@ -317,7 +317,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: listafotospanoramio
-	
+
 	Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Panoramio
 	*/
 	listafotospanoramio: function(retorno){
@@ -339,9 +339,9 @@ i3GEOF.buscaFotos = {
 					ins += "<img src='"+data.photos[i].photo_file_url+"' ";
 					ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
 					ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data.photos[i].latitude+","+data.photos[i].longitude+"\")'";
-					ins += " onclick='javascript:window.open(\""+data.photos[i].owner_url+"\")' ";	
+					ins += " onclick='javascript:window.open(\""+data.photos[i].owner_url+"\")' ";
 					t = data.photos[i].owner_name+" - "+data.photos[i].photo_title;
-					ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";			
+					ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
 				}
 			}
 		}
@@ -356,7 +356,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: listafotosflickr
-	
+
 	Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Flickr
 	*/
 	listafotosflickr: function(retorno){
@@ -383,7 +383,7 @@ i3GEOF.buscaFotos = {
 				ins += "<img src='http://farm"+data[i].farm+".static.flickr.com/"+data[i].server+"/"+data[i].id+"_"+data[i].secret+"_s.jpg' ";
 				ins += " onmouseout='i3GEOF.buscaFotos.escondexy()' ";
 				ins += " onmouseover='i3GEOF.buscaFotos.mostraxy(\""+data[i].latitude+","+data[i].longitude+"\")'";
-				ins += " onclick='javascript:window.open(\"http://www.flickr.com/photos/"+data[i].owner+"/"+data[i].id+"\")' ";	
+				ins += " onclick='javascript:window.open(\"http://www.flickr.com/photos/"+data[i].owner+"/"+data[i].id+"\")' ";
 				t = data[i].title;
 				ins += "title='"+t+"' style='margin:3px;cursor:pointer;' />";
 			}
@@ -398,7 +398,7 @@ i3GEOF.buscaFotos = {
 	},
 	/*
 	Function: listafotoslocr
-	
+
 	Monta a apresenta&ccedil;&atilde;o das fotos obtidas do servidor Locr
 	*/
 	listafotoslocr: function(retorno){
--
libgit2 0.21.2

