Alteração na cor de fundo

Edmar Moretti
1 parent 8cd8ce94
Showing 14 changed files with 708 additions and 22 deletions Show diff stats
exemplos/index.php
ferramentas/atalhoscamada/template_mst.html
ferramentas/baseguias/index.htm
init/head.php
init/index.php
mapas/index.js
mapas/index.php
ogc/index.js
ogc/index.php
permlinks/dicionario.js
permlinks/index.js
permlinks/index.php
testainstal/index.php
utilitarios/index.php
@@ -42,7 +42,7 @@ include &quot;../init/head.php&quot;;
 	line-height: 30px;
 }
 </style>
-<body style="background-color: #eeeeee; padding-top: 55px;">
+<body style="padding-top: 55px;">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
 			<div class="navbar-header">
@@ -67,7 +67,7 @@
 	</p>
 	<p class='paragrafo'>
 		<input id='{{{idjanela}}}i3GEOFatalhoscamadaStoryMap' type='button' value='StoryMap' style='display:none;'/>
-	</p>	
+	</p>
 	<hr>
 	<p>Login:</p>
 	<br>
@@ -8,7 +8,7 @@ div
 {text-align:left;border: 0px solid #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:10px;padding:0px;font-weight:normal;left:10px;}
 #fundo
 {background-color:rgb(245,245,245);overflow:hidden;position:absolute;top:0px;left:0px;}
-.guias 
+.guias
 {background-color:rgb(245,245,245);cursor:pointer;position:relative;text-align: left;top:8px;left:8px;padding:0px;margin:0px;}
 .guia
 {display:inline;background-color:rgb(230,230,230);color:rgb(150,150,150);position:relative;left:0px;top:0px;border: 0px solid white;font-size: 12px;z-index:1050;padding:0;margin-right:3px;border-left:1px solid rgb(230,230,230);border-top:1px solid rgb(230,230,230);border-right:1px solid rgb(230,230,230);}
@@ -42,7 +42,7 @@ div
 		</div>
 		<div id=guia3obj style="display:none">
 			<div style="position:relative;top:5px;left:0px;width:90%" >
-				Para que as opera&ccedil;&otilde;es atuem apenas sobre os elementos selecionados, 
+				Para que as opera&ccedil;&otilde;es atuem apenas sobre os elementos selecionados,
 				ative a sele&ccedil;&atilde;o no mapa, para isso utilize, na guia "selecionados"
 				a op&ccedil;&atilde;o "Ativa a sele&ccedil;&atilde;o"
 			</div>
@@ -58,23 +58,22 @@ div
 <script type="text/javascript">
 //eventos das guias
 document.getElementById("guia1").onclick = function()
-{document.getElementById("guia1obj").style.display="block";}
+{document.getElementById("guia1obj").style.display="block";};
 document.getElementById("guia2").onclick = function()
-{document.getElementById("guia2obj").style.display="block";}
+{document.getElementById("guia2obj").style.display="block";};
 document.getElementById("guia3").onclick = function()
-{document.getElementById("guia3obj").style.display="block";}
+{document.getElementById("guia3obj").style.display="block";};
 document.getElementById("guia4").onclick = function()
-{document.getElementById("guia4obj").style.display="block";}
+{document.getElementById("guia4obj").style.display="block";};
 navm = false; // IE
 navn = false; // netscape
-var app = navigator.appName.substring(0,1);
+var i, j, app = navigator.appName.substring(0,1);
 if (app=='N') navn=true; else navm=true;
 //verifica se existem guias
-reduzAltura = 30
-for (i=0;i<7;i++)
-{
+reduzAltura = 30;
+for (i=0;i<7;i++){
 	if (document.getElementById("guia"+i))
-	{reduzAltura = 50}
+	{reduzAltura = 50;}
 }
 h = 500; //altura do corpo geral da guia
 if (navn)
@@ -118,6 +118,8 @@ hr {
     padding-top: 7px;
     width: 40px;
 }
-
+body{
+	background-color: #fff;
+}
 </style>
 </head>
@@ -36,7 +36,7 @@ error_reporting ( 0 );
 include "head.php";
 ?>
-<body style="background-color: #eeeeee; padding-top: 90px;" id="topo">
+<body style="padding-top: 90px;" id="topo">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
 			<div class="navbar-header">
@@ -113,7 +113,7 @@ function alerta(texto,d){
 	}
 	var a = $(".alert");
 	a.html(texto);
-	a.slideDown(d)
-	a.delay(d).slideUp(d)
+	a.slideDown(d);
+	a.delay(d).slideUp(d);
 }
@@ -103,7 +103,7 @@ include &quot;../init/head.php&quot;;
 <script id="indiceTpl" type="x-tmpl-mustache">
 <li><a href="#affix-{{ID_MAPA}}">{{{NOME}}}</a></li>
 </script>
-<body style="background-color: #eeeeee; padding-top: 55px; position: relative;" id="affix-topo"
+<body style="padding-top: 55px; position: relative;" id="affix-topo"
 	data-spy="scroll" data-target="#indiceSpy" data-offset="80">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
@@ -77,7 +77,7 @@ function listaCamadasSubgrupo(idmenu,id_n1,id_n2){
 	var corpo = $("#corpoSubGrupo"+id_n2),
 	camadas;
 	if(corpo.html().trim()+"x" == "x"){
-		corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>')
+		corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>');
 	}
 	var r = function(retorno){
@@ -133,7 +133,7 @@ include &quot;../init/head.php&quot;;
 </div>
 </div>
 </script>
-<body style="background-color: #eeeeee; padding-top: 55px;" id="topo">
+<body style="padding-top: 55px;" id="topo">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
 			<div class="navbar-header">
@@ -0,0 +1,14 @@
+//veja em index.js o objeto que utiliza essa traducao
+g_traducao_mapas =
+{
+		"mapas" : [{
+			pt : "Mapas de usu&aacute;rios",
+			en : "",
+			es : ""
+		}],
+		"copiado" : [{
+			pt : "Copiado",
+			en : "",
+			es : ""
+		}]
+};
@@ -0,0 +1,504 @@
+/*
+Gerador de links
+
+Classe javascript da aplica&ccedil;&atilde;o de gera&ccedil;&atilde;o de links.
+
+L&ecirc; o conjunto de javascripts para o funcionamento da interface geradordelinks.htm
+
+Arquivo
+
+i3geo/classesjs/geradordelinks.js
+
+Esse programa possu&iacute; as seguintes depend&ecirc;ncias:
+
+i3geo/pacotes/cpaint/cpaint2.inc.compressed.js
+
+i3geo/pacotes/openlayers/OpenLayers.js
+
+i3geo/classesjs/compactados/funcoes_compacto.js
+
+As depend&ecirc;ncias s&atilde;o carregadas pelo pr&oacute;prio geradordelinks.js, n&atilde;o sendo necess&aacute;rio incluir no HTML.
+
+Licen&ccedil;a
+
+GPL2
+
+i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
+
+Direitos Autorais Reservados (c) 2006 Minist&eacute;rio do Meio Ambiente Brasil
+Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com
+
+Este programa &eacute; software livre; voc&ecirc; pode redistribu&iacute;-lo
+e/ou modific&aacute;-lo sob os termos da Licen&ccedil;a P&uacute;blica Geral
+GNU conforme publicada pela Free Software Foundation;
+
+Este programa &eacute; distribu&iacute;do na expectativa de que seja &uacute;til,
+por&eacute;m, SEM NENHUMA GARANTIA; nem mesmo a garantia impl&iacute;cita
+de COMERCIABILIDADE OU ADEQUAC&Atilde;O A UMA FINALIDADE ESPEC&Iacute;FICA.
+Consulte a Licen&ccedil;a P&uacute;blica Geral do GNU para mais detalhes.
+Voc&ecirc; deve ter recebido uma c&oacute;pia da Licen&ccedil;a P&uacute;blica Geral do
+GNU junto com este programa; se n&atilde;o, escreva para a
+Free Software Foundation, Inc., no endere&ccedil;o
+59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
+
+Veja
+
+<i3geo/geradordelinks.htm>
+
+<i3geo/classesjs/funcoes.js>
+*/
+//
+//carrega as depend&ecirc;ncias
+//
+
+//TODO aplicar o padrao de css nos inputs (ver HTML)
+(function(){
+	var scriptLocation = "";
+	var scripts = document.getElementsByTagName('script');
+	for (var i = 0; i < scripts.length; i++) {
+		var src = scripts[i].getAttribute('src');
+		if (src) {
+			var index = src.lastIndexOf("index.js");
+			// is it found, at the end of the URL?
+			if ((index > -1) && (index + "index.js".length == src.length)) {
+				scriptLocation = src.slice(0, -"index.js".length);
+				break;
+			}
+		}
+	}
+	var allScriptTags = "";
+	var jsfiles = [];
+	//jsfiles[0] = "i3geo_tudo_compacto.js.php"
+	jsfiles[0] = "../pacotes/openlayers/OpenLayers2131.js.php";
+	for (var i = 0; i < jsfiles.length; i++)
+	{
+		var currentScriptTag = "<script src='" + scriptLocation + jsfiles[i] + "'></script>";
+		allScriptTags += currentScriptTag;
+	}
+	document.write(allScriptTags);
+})();
+/*
+Classe i3geo_gl_configura
+
+Cria o objeto javascript com os parametros de configura&ccedil;&atilde;o da api e com as fun&ccedil;&otilde;es de manipula&ccedil;&atilde;o.
+
+Example
+
+var i3geo_gl_configura = new i3geo_gl_configura("http://localhost/i3geo","estadosl","temasa","link")
+
+Parameters
+
+loc_i3geo - endere&ccedil;o web onde est&aacute; instalado o i3geo.
+
+nomeseltema - identificador do tema inicial que ser&aacute; incluido no link, normalmente estadosl
+
+temasa - Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usu&aacute;rio, ser&aacute; inclu&iacute;da.
+
+link - Id do elemento HTML do tipo <a> onde ser&aacute; mostrado o link criado para o mapa.
+
+grupo - Id do elemento HTML que receber&aacute; o combo com os grupos
+
+subgrupo - Id do elemento HTML que receber&aacute; o combo com os subgrupos
+
+tema - Id do elemento HTML que receber&aacute; o combo com a lista de temas
+
+buscageo - Id do elemento HTML onde ser&aacute; inclu&iacute;da a op&ccedil;&atilde;o de busca de coordenadas geogr&aacute;ficas
+
+menu - id do elemento HTML onde ser&aacute; incluido a lista de menus
+*/
+function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tema,buscageo,menu)
+{
+	/*
+	Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usu&aacute;rio, ser&aacute; inclu&iacute;da.
+	 */
+	this.temasa = temasa;
+	/*
+	Id do elemento HTML do tipo <a> onde ser&aacute; mostrado o link criado para o mapa.
+	 */
+	this.link = link;
+	/*
+	Guarda o valor do parametro seltema
+	*/
+	this.nomeseltema = nomeseltema;
+	/*
+	Guarda o valor do parametro loc_i3geo
+	*/
+	this.loc_i3geo = loc_i3geo;
+	/*
+	Guarda o valor do parametro menu
+	*/
+	this.menu = menu;
+	/*
+	Guarda o valor do parametro grupo
+	*/
+	this.grupo = grupo;
+	/*
+	Guarda o valor do parametro subgrupo
+	*/
+	this.subgrupo = subgrupo;
+	/*
+	Guarda o valor do parametro tema
+	*/
+	this.tema = tema;
+	/*
+	Guarda o valor do parametro buscageo
+	*/
+	this.buscageo = buscageo;
+	/*
+	Function seltema
+
+	Adiciona na lista de temas escolhidos pelo usu&aacute;rio um novo tema.
+
+	Ativada quando um grupo ou subgrupo &eacute; escolhido.
+
+	Parameters
+
+	idtema = identificador do tema conforme definido em menutemas/menutemas.xml
+	 */
+	this.seltema = function(idtema)
+	{
+		var novodiv = document.createElement("div");
+		novodiv.style.textAlign="left";
+		novodiv.id = idtema;
+		$i($i3geo_gl.temasa).appendChild(novodiv);
+		var novoel = document.createElement("img");
+		novoel.title = "excluir";
+		//novoel.onclick = excluir
+		eval("novoel.onclick = $i3geo_gl.excluir");
+		novoel.src = "imagens/x.png";
+		novodiv.appendChild(novoel);
+		var novoel = document.createElement("img");
+		novoel.title = "subir";
+		novoel.src = "imagens/sobe.gif";
+		//novoel.onclick = subir
+		eval("novoel.onclick = $i3geo_gl.subir");
+		novodiv.appendChild(novoel);
+		var novoel = document.createElement("img");
+		novoel.title = "descer";
+		novoel.src = "imagens/desce.gif";
+		//novoel.onclick = descer
+		eval("novoel.onclick = $i3geo_gl.descer;");
+		novodiv.appendChild(novoel);
+		var novoel = document.createElement("input");
+		eval("novoel.onclick = function(){$i3geo_gl.crialink()}");
+		novoel.title = "vis&iacute;vel/n&atilde;o vis&iacute;vel";
+		novoel.type = "checkbox";
+		novoel.style.cursor="pointer";
+		novoel.style.top="3px";
+		novoel.style.position="relative";
+		novoel.style.border="0px";
+		novoel.value=idtema;
+		novodiv.appendChild(novoel);
+		var novoel = document.createElement("span");
+		novoel.style.cursor="pointer";
+		novoel.title="preview";
+		novoel.style.textDecoration = "underline";
+		novoel.innerHTML = idtema;
+		eval("novoel.onclick = $i3geo_gl.preview");
+		novodiv.appendChild(novoel);
+		novodiv.appendChild(document.createElement("br"));
+		this.crialink();
+	};
+	/*
+	Function crialink
+
+	Pega os parametros especificados pelo usu&aacute;rio e monta o link para mostrar na tela.
+	*/
+	this.crialink = function()
+	{
+		var ins = $i3geo_gl.loc_i3geo+"/ms_criamapa.php?";
+		var iguias = $i($i3geo_gl.temasa).getElementsByTagName("input");
+		var tsl = []; //temas ligados
+		var tsd = []; //temas
+		for (var i=0;i<iguias.length; i++)
+		{
+			if (iguias[i].type == "checkbox")
+			{
+				tsd.push(iguias[i].value);
+				if (iguias[i].checked == true)
+				{tsl.push(iguias[i].value);}
+			}
+		}
+		if(tsd.length > 0)
+		{ins += "&temasa="+tsd.join(" ");}
+		if(tsl.length > 0)
+		{ins += "&layers="+tsl.join(" ");}
+		if($i("pontos").value != "")
+		{
+			ins += "&pontos="+$i("pontos").value;
+			ins += "&nometemapontos="+$i("nometemapontos").value;
+		}
+		if($i("perfili") && $i("perfili").value != "")
+		{
+			ins += "&perfil="+$i("perfili").value;
+		}
+		if($i("interface").value != "")
+		{
+			ins += "&interface="+$i("interface").value;
+		}
+		if($i($i3geo_gl.buscageo))
+		{
+			if($i("i3geo_gl_xmin").value != "")
+			{
+				ins += "&mapext="+$i("i3geo_gl_xmin").value+" ";
+				ins += $i("i3geo_gl_ymin").value+" ";
+				ins += $i("i3geo_gl_xmax").value+" ";
+				ins += $i("i3geo_gl_ymax").value;
+			}
+		}
+		$i($i3geo_gl.link).href = ins;
+		$i($i3geo_gl.link).innerHTML = ins;
+	};
+	/*
+	Function combogrupos
+
+	Chama a fun&ccedil;&atilde;o do i3geo que monta um combo com a lista de grupos de um menu do i3geo
+
+	Parameters
+
+	idMenu - id do menu que ser&aacute; pesquisado
+	*/
+	this.combogrupos = function(idMenu)
+	{
+		$i($i3geo_gl.grupo).innerHTML = "<span style=color:red >Aguarde...</span>";
+		i3GEO.arvoreDeTemas.comboGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combosubgrupos",$i3geo_gl.grupo,"","530","1",idMenu);
+	};
+	/*
+	Function combosubgrupos
+
+	Chama a fun&ccedil;&atilde;o do i3geo que monta um combo com a lista de subgrupos de um grupo do menu do i3geo
+
+	Parameters
+
+	idGrupo - id do grupo que ser&aacute; pesquisado
+	*/
+	this.combosubgrupos = function(idGrupo,dados)
+	{
+		//alert($i3geo_gl.subgrupo);
+		$i3geo_gl.combotemas(idGrupo,"",i3GEO.arvoreDeTemas.temasRaizGrupos[idGrupo]);
+		//if(dados != undefined)
+		//{$i3geo_gl.combotemas(idGrupo,$i3geo_gl.subgrupo,dados.temasgrupo);}
+		$i($i3geo_gl.subgrupo).innerHTML = "<span style=color:red >Aguarde...</span>";
+		i3GEO.arvoreDeTemas.comboSubGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combotemas",$i3geo_gl.subgrupo,"",idGrupo,"530","1");
+	};
+	/*
+	Function combotemas
+
+	Monta um combo com a lista de temas vinculados diretamente a um grupo.
+
+	Chamado pela fun&ccedil;&atilde;o combosubgrupos.
+
+	Parameters
+
+	idGrupo - id que identifica o grupo escolhido.
+
+	idSubGrupo - id do sibgrupo
+	*/
+	this.combotemas = function (idGrupo,idSubGrupo,temas)
+	{
+		if(temas == undefined)
+		{temas = "";}
+		$i($i3geo_gl.tema).innerHTML = "<span style=color:red >Aguarde...</span>";
+		i3GEO.arvoreDeTemas.comboTemasMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.preseltema",$i3geo_gl.tema,"",idGrupo,idSubGrupo,"530","5","",temas);
+	};
+	this.combointerfaces = function(){
+		var temp = function(retorno){
+			var ins = "<select id=interface onchange='$i3geo_gl.crialink()'><option value=''>Default</option>",
+				d = retorno.data,
+				n = d.length,
+				i;
+			for(i=0; i<n; i++){
+				ins += "<option value='"+d[i]+"'>"+d[i]+"</option>";
+			}
+			ins += "</select>";
+			$i("comboInterfaces").innerHTML = ins;
+		};
+		i3GEO.php.listaInterfaces(temp);
+	};
+	/*
+	Function preseltema
+
+	Compatibiliza a chamada da fun&ccedil;&atilde;o i3geo_combotemasMenu com a fun&ccedil;&atilde;o this.seltema em termos de n&uacute;mero de parametros
+	*/
+	this.preseltema = function(idgrupo,idsubgrupo,idtema)
+	{
+		$i3geo_gl.seltema(idtema);
+	};
+	/*
+	Function preview
+
+	Mostra um preview do tema clicado.
+
+	Parameters
+
+	e - elemento do DOM do objeto clicado.
+	*/
+	this.preview = function(e)
+	{
+		var id = i3GEO.util.pegaElementoPai(e).id;
+		window.open("testamapfile.php?map="+id+".map&tipo=grande");
+	};
+	/*
+	Function descer
+
+	Desce um tema na lista de temas selecionados.
+
+	Parameters
+
+	e - elemento do DOM do objeto clicado.
+	*/
+	this.descer = function(e)
+	{
+		var pai = i3GEO.util.pegaElementoPai(e);
+		divpai = pai.parentNode;
+		if(pai.nextSibling)
+		divpai.insertBefore(pai,pai.nextSibling.nextSibling);
+		$i3geo_gl.crialink();
+	};
+	/*
+	Function subir
+
+	Sobe um tema na lista de temas selecionados
+
+	Parameters
+
+	e - elemento do DOM.
+	*/
+	this.subir = function(e)
+	{
+		var pai = i3GEO.util.pegaElementoPai(e);
+		divpai = pai.parentNode;
+		divpai.insertBefore(pai,pai.previousSibling);
+		$i3geo_gl.crialink();
+	};
+	/*
+	Function excluir
+
+	Exclui um tema da lista de temas selecionados
+
+	Parameters
+
+	e - elemento do DOM.
+	*/
+	this.excluir = function(e)
+	{
+		var pai = i3GEO.util.pegaElementoPai(e);
+		pai.parentNode.removeChild(pai);
+		$i3geo_gl.crialink();
+	};
+	/*
+	Function buscageo_init
+
+	Inicializa o OpenLayers para permitir ao usu&aacute;rio escolher a abrang&ecirc;ncia espacial do link.
+	*/
+	this.buscageo_init = function()
+	{
+		var ins = "<div style=margin:10px;text-align:left; >";
+		ins += "<p class=paragrafo ><b>Utilize o navegador abaixo para definir as coordenadas geogr&aacute;ficas do seu mapa, ou digite os valores desejados (opcional):</b></p>";
+		ins += "<div id=i3geo_gl_mapa1 style='width:256px;height:256px;border:1px solid blue;display:none'></div>";
+		ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >";
+		ins += "Coordenadas geogr&aacute;ficas:<br><br>";
+		ins += "<table style=text-align:left >";
+		ins += "<tr><td style=text-align:left >Longitude m&iacute;nima:</td>";
+		ins += "<td><div style=padding:5px;width:80px; id=paiXmin >";
+		ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmin />";
+		ins += "</div></td></tr>";
+		ins += "<tr><td style=text-align:left >Longitude m&aacute;xima:</td>";
+		ins += "<td><div style=padding:5px;width:80px; id=paiXmax >";
+		ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmax />";
+		ins += "</div></td></tr>";
+		ins += "<tr><td style=text-align:left >Latitude m&iacute;nima:</td>";
+		ins += "<td><div style=padding:5px;width:80px; id=paiYmin >";
+		ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymin />";
+		ins += "</div></td></tr>";
+		ins += "<tr><td style=text-align:left >Latitude m&aacute;xima:</td>";
+		ins += "<td><div style=padding:5px;width:80px; id=paiYmax >";
+		ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymax />";
+		ins += "</div></td></tr></table>";
+		ins += "<input style='width:140px;position:relative;top:10px;left:-10px' class=aplicar type='button' value='capturar' onclick='$i3geo_gl.OL.capturageo()' />";
+		ins += "</div></div>";
+		document.getElementById(this.buscageo).innerHTML = ins;
+		$i("i3geo_gl_mapa1").style.display = "block";
+		$i3geo_gl.OL = new OpenLayers.Map('i3geo_gl_mapa1',{controls:[],numZoomLevels: 13});
+		//
+		//layers
+		//
+		var wsm = new OpenLayers.Layer.ArcGIS93Rest(
+			"ESRI World Street Map",
+			"http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
+			{
+				format : "jpeg"
+			}, {
+				isBaseLayer : true,
+				visibility : true
+			});
+		$i3geo_gl.OL.addLayer(wsm);
+
+		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_gl.OL.addLayer(bra);
+
+		//
+		//zoom e controle de layers
+		//
+		var ls = new OpenLayers.Control.LayerSwitcher();
+		$i3geo_gl.OL.addControl(ls);
+		$i(ls.id).style.zIndex=2000;
+		$i3geo_gl.OL.setCenter(new OpenLayers.LonLat(-55,-14), 3);
+		var panel = new OpenLayers.Control.NavToolbar();
+		$i3geo_gl.OL.addControl(panel);
+		panel.div.style.left="-4px";
+		panel.div.style.top="-298px";
+		var zb = new OpenLayers.Control.PanZoomBar();
+		$i3geo_gl.OL.addControl(zb);
+		zb.div.style.left="0px";
+		$i3geo_gl.OL.capturageo = function()
+		{
+			var b = $i3geo_gl.OL.getExtent();
+			$i("i3geo_gl_xmin").value = b.left;
+			$i("i3geo_gl_xmax").value = b.right;
+			$i("i3geo_gl_ymin").value = b.bottom;
+			$i("i3geo_gl_ymax").value = b.top;
+			$i3geo_gl.crialink();
+		};
+	};
+}
+
+/*
+Function i3geo_gl_inicia
+
+Inicia a interface do gerador de links.
+
+Parameters
+
+objeto_i3geo_gl_configura - objeto com os paramentros de configura&ccedil;&atilde;o criado pela fun&ccedil;&atilde;o i3geo_gl_configura
+*/
+function i3geo_gl_inicia(objeto_i3geo_gl_configura)
+{
+	/*
+	Propriedade $i3geo_gl
+
+	Cont&eacute;m o objeto $i3geo_gl com todas as propriedades e fun&ccedil;&otilde;es de controle da interface
+	*/
+	i3GEO.configura.sid = "";
+	$i3geo_gl = objeto_i3geo_gl_configura;
+	if(document.getElementById($i3geo_gl.buscageo))
+	$i3geo_gl.buscageo_init();
+	$i3geo_gl.combointerfaces();
+	i3GEO.arvoreDeTemas.comboMenus($i3geo_gl.loc_i3geo,"$i3geo_gl.combogrupos",$i3geo_gl.menu,"","530","1","");
+	/*
+	$inputText("paiPontos","","pontos","","","")
+	$inputText("paiNometemapontos","","nometemapontos","","","")
+	$inputText("paiPerfil","","perfil","","","")
+	*/
+}
 \ No newline at end of file
@@ -0,0 +1,167 @@
+<?php
+define ( ONDEI3GEO, ".." );
+include (dirname ( __FILE__ ) . "/../ms_configura.php");
+if (! empty ( $_GET ["customDir"] )) {
+	$customDir = strip_tags ( $_GET ["customDir"] );
+} else if (empty ( $customDir )) {
+	$customDir = "interface";
+}
+if (! file_exists ( $dir_tmp )) {
+	@mkdir ( $dir_tmp, 0777 );
+}
+if (file_exists ( $dir_tmp )) {
+	@mkdir ( $dir_tmp . "/comum", 0777 );
+	@mkdir ( $dir_tmp . "/saiku-datasources", 0777 );
+	chmod ( $dir_tmp . "/saiku-datasources", 0777 );
+	@mkdir ( $dir_tmp . "/cache", 0777 );
+	chmod ( $dir_tmp . "/cache", 0777 );
+	@mkdir ( $dir_tmp . "/cache/googlemaps", 0777 );
+	chmod ( $dir_tmp . "/cache/googlemaps", 0777 );
+}
+error_reporting ( 0 );
+include "../init/head.php";
+?>
+<body style="background-color: #eeeeee; padding-top: 55px; position: relative;" id="affix-topo"
+	data-spy="scroll" data-target="#indiceSpy" data-offset="80">
+	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+					data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+					<span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span
+						class="icon-bar"></span>
+				</button>
+				<a class="navbar-brand" href="../init/index.php"><?php echo $mensagemInicia;?> <i
+					class="fa fa-home fa-1x"></i></a>
+			</div>
+		</div>
+	</nav>
+	<!--para as mensagens de alerta-->
+	<div class="navbar-fixed-top alert alert-success text-center" style="padding: 0px;"></div>
+	<div class="container-fluid">
+		<div class="row">
+			<ol class="breadcrumb">
+				<li><a href="../init/index.php">i3Geo</a></li>
+				<li class="active">Mapas de usu&aacute;rios</li>
+			</ol>
+		</div>
+	</div>
+	<div class="container">
+		<fieldset>
+			<legend style="font-size: 14px;"></legend>
+			<br>
+			<p class=paragrafo>
+				Para ver todos os par&acirc;metros de inicializa&ccedil;&atilde;o que podem ser utilizados: <a
+					href="ms_criamapa.php?ajuda" target=_blank>ms_criamapa.php?ajuda</a>
+			</p>
+
+			<p class=paragrafo>
+				Aqui voc&ecirc; pode gerar links para abrir o i3Geo de forma personalizada. Os links podem ser
+				inclu&iacute;dos em qualquer p&aacute;gina WEB, sendo poss&iacute;vel definir quais os temas
+				ser&atilde;o mostrados e qual a extens&atilde;o geogr&aacute;fica do mapa.<br> <br>
+			</p>
+		</fieldset>
+		<fieldset style="min-height: 100px;">
+			<p class=paragrafo>
+				Este &eacute; o link para abrir o mapa. Copie e cole em sua p&aacute;gina na internet ou clique
+				para testar: <a style="color: blue; font-size: 12px" href="" id=link target=blanck></a>
+
+		</fieldset>
+		<fieldset>
+			<div style="margin: 10px;">
+				<p class=paragrafo>
+					<b>Escolha os temas que ser&atilde;o inclu&iacute;dos no mapa (opcional):</b>
+				</p>
+				<p class=paragrafo>Menu:
+
+
+				<div id=menus style="text-align: left;">Aguarde...</div>
+				<br>
+				<p class=paragrafo>Grupo:
+
+
+				<div id=grupos style="text-align: left;">&nbsp;</div>
+				<br>
+				<p class=paragrafo>Sub-grupo:
+
+
+				<div id=subgrupos style="text-align: left;">&nbsp;</div>
+				<br>
+				<p class=paragrafo>Tema:
+
+
+				<div id=temas style="text-align: left;">&nbsp;</div>
+				<br>
+				<div style="left: 0px; text-align: left;">
+					Temas j&aacute; escolhidos. Os que estiverem marcados, ficar&atilde;o ligados logo ao abrir o
+					mapa:
+					<div id=temasa
+						style='width: 530px; border: 1px gray solid; height: 90px; top: 10px; left: 0px; text-align: left; overflow: auto'></div>
+				</div>
+			</div>
+
+		</fieldset>
+		<fieldset>
+			<div style="margin: 10px;">
+				<p class=paragrafo>
+					<b>Se vc quiser, o mapa poder&aacute; ser aberto mostrando pontos, digite abaixo as coordenadas
+						dos pontos em d&eacute;cimos de grau (exemplo: -54 -12 -54 1 -51 -15) (opcional):</b>
+				</p>
+				<p class=paragrafo>Coordenadas dos pontos:</p>
+				<div style="padding: 5px;" id=paiPontos>
+					<input type=text size=60 id=pontos value="" onchange="$i3geo_gl.crialink()" />
+				</div>
+				<p class=paragrafo>Nome do tema para aparecer na legenda:</p>
+				<div style="padding: 5px;" id=paiNometemapontos>
+					<input type=text size=60 id=nometemapontos value="" onchange="$i3geo_gl.crialink()" /> &nbsp;
+				</div>
+			</div>
+		</fieldset>
+		<fieldset>
+			<div style="margin: 10px;">
+				<p class=paragrafo>
+					<b>Caso existam perfis definidos na configura&ccedil;&atilde;o do menu de temas, vc pode
+						restringir a lista de temas do menu de adi&ccedil;&atilde;o de temas do I3Geo (opcional)</b>
+				</p>
+				<p class=paragrafo>Perfil:</p>
+				<input onchange="$i3geo_gl.crialink()" type=text size=60 id=perfili value=""
+					style="border: 1px solid black" />
+			</div>
+		</fieldset>
+		<fieldset>
+			<div style="margin: 10px; text-align: left;">
+				<p class=paragrafo>
+					<b>Escolha a interface para o mapa (opcional)</b>
+				</p>
+				<div id="comboInterfaces" style="text-align: left;">
+					<select id=interface onchange="$i3geo_gl.crialink()">
+						<option value="">Default</option>
+						<option value="black_gm.phtml">Google Maps</option>
+						<option value="googleearth.phtml">Google Earth</option>
+						<option value="black_ol.htm">Openlayers</option>
+						<option value="black_osm.htm">Open Street Map</option>
+					</select>
+				</div>
+			</div>
+		</fieldset>
+		<fieldset id=buscageo></fieldset>
+	</div>
+
+	<script type="text/javascript" src="../classesjs/i3geo_tudo_compacto6.js"></script>
+	<script src='dicionario.js'></script>
+	<script src='index.js'></script>
+	<script>
+	//$(document).ready(function(){
+		i3GEO.configura = {"locaplic" : window.location.href.split("/permlinks")[0],"sid": ""};
+		$(".active").html($trad("mapas",g_traducao_mapas));
+		OpenLayers.ImgPath = "../pacotes/openlayers/img/";
+
+		var i3geo_gl_configura =
+			new i3geo_gl_configura(i3GEO.configura.locaplic, "", "temasa", "link", "grupos", "subgrupos", "temas", "buscageo", "menus");
+		i3geo_gl_inicia(i3geo_gl_configura);
+
+		$.material.init();
+	//});
+	</script>
+</body>
+</html>
@@ -16,7 +16,7 @@
 define ( ONDEI3GEO, ".." );
 include "../init/head.php";
 ?>
-<body style="background-color: #eeeeee; padding-top: 55px;" id="topo">
+<body style="padding-top: 55px;" id="topo">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
 			<div class="navbar-header">
@@ -17,7 +17,7 @@ include &quot;../init/head.php&quot;;
 	margin: auto;
 }
 </style>
-<body style="background-color: #eeeeee; padding-top: 55px;">
+<body style="padding-top: 55px;">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
 			<div class="navbar-header">
	@@ -42,7 +42,7 @@ include "../init/head.php";		@@ -42,7 +42,7 @@ include "../init/head.php";
42	line-height: 30px;	42	line-height: 30px;
43	}	43	}
44	</style>	44	</style>
45	-<body style="background-color: #eeeeee; padding-top: 55px;">	45	+<body style="padding-top: 55px;">
46	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">	46	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
47	<div class="container-fluid">	47	<div class="container-fluid">
48	<div class="navbar-header">	48	<div class="navbar-header">
	@@ -67,7 +67,7 @@		@@ -67,7 +67,7 @@
67	</p>	67	</p>
68	<p class='paragrafo'>	68	<p class='paragrafo'>
69	<input id='{{{idjanela}}}i3GEOFatalhoscamadaStoryMap' type='button' value='StoryMap' style='display:none;'/>	69	<input id='{{{idjanela}}}i3GEOFatalhoscamadaStoryMap' type='button' value='StoryMap' style='display:none;'/>
70	- </p>	70	+ </p>
71	<hr>	71	<hr>
72	<p>Login:</p>	72	<p>Login:</p>
73	<br>	73	<br>
	@@ -8,7 +8,7 @@ div		@@ -8,7 +8,7 @@ div
8	{text-align:left;border: 0px solid #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:10px;padding:0px;font-weight:normal;left:10px;}	8	{text-align:left;border: 0px solid #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:10px;padding:0px;font-weight:normal;left:10px;}
9	#fundo	9	#fundo
10	{background-color:rgb(245,245,245);overflow:hidden;position:absolute;top:0px;left:0px;}	10	{background-color:rgb(245,245,245);overflow:hidden;position:absolute;top:0px;left:0px;}
11	-.guias	11	+.guias
12	{background-color:rgb(245,245,245);cursor:pointer;position:relative;text-align: left;top:8px;left:8px;padding:0px;margin:0px;}	12	{background-color:rgb(245,245,245);cursor:pointer;position:relative;text-align: left;top:8px;left:8px;padding:0px;margin:0px;}
13	.guia	13	.guia
14	{display:inline;background-color:rgb(230,230,230);color:rgb(150,150,150);position:relative;left:0px;top:0px;border: 0px solid white;font-size: 12px;z-index:1050;padding:0;margin-right:3px;border-left:1px solid rgb(230,230,230);border-top:1px solid rgb(230,230,230);border-right:1px solid rgb(230,230,230);}	14	{display:inline;background-color:rgb(230,230,230);color:rgb(150,150,150);position:relative;left:0px;top:0px;border: 0px solid white;font-size: 12px;z-index:1050;padding:0;margin-right:3px;border-left:1px solid rgb(230,230,230);border-top:1px solid rgb(230,230,230);border-right:1px solid rgb(230,230,230);}
	@@ -42,7 +42,7 @@ div		@@ -42,7 +42,7 @@ div
42	</div>	42	</div>
43	<div id=guia3obj style="display:none">	43	<div id=guia3obj style="display:none">
44	<div style="position:relative;top:5px;left:0px;width:90%" >	44	<div style="position:relative;top:5px;left:0px;width:90%" >
45	- Para que as operações atuem apenas sobre os elementos selecionados,	45	+ Para que as operações atuem apenas sobre os elementos selecionados,
46	ative a seleção no mapa, para isso utilize, na guia "selecionados"	46	ative a seleção no mapa, para isso utilize, na guia "selecionados"
47	a opção "Ativa a seleção"	47	a opção "Ativa a seleção"
48	</div>	48	</div>
	@@ -58,23 +58,22 @@ div		@@ -58,23 +58,22 @@ div
58	<script type="text/javascript">	58	<script type="text/javascript">
59	//eventos das guias	59	//eventos das guias
60	document.getElementById("guia1").onclick = function()	60	document.getElementById("guia1").onclick = function()
61	-{document.getElementById("guia1obj").style.display="block";}	61	+{document.getElementById("guia1obj").style.display="block";};
62	document.getElementById("guia2").onclick = function()	62	document.getElementById("guia2").onclick = function()
63	-{document.getElementById("guia2obj").style.display="block";}	63	+{document.getElementById("guia2obj").style.display="block";};
64	document.getElementById("guia3").onclick = function()	64	document.getElementById("guia3").onclick = function()
65	-{document.getElementById("guia3obj").style.display="block";}	65	+{document.getElementById("guia3obj").style.display="block";};
66	document.getElementById("guia4").onclick = function()	66	document.getElementById("guia4").onclick = function()
67	-{document.getElementById("guia4obj").style.display="block";}	67	+{document.getElementById("guia4obj").style.display="block";};
68	navm = false; // IE	68	navm = false; // IE
69	navn = false; // netscape	69	navn = false; // netscape
70	-var app = navigator.appName.substring(0,1);	70	+var i, j, app = navigator.appName.substring(0,1);
71	if (app=='N') navn=true; else navm=true;	71	if (app=='N') navn=true; else navm=true;
72	//verifica se existem guias	72	//verifica se existem guias
73	-reduzAltura = 30
74	-for (i=0;i<7;i++)
75	-{	73	+reduzAltura = 30;
		74	+for (i=0;i<7;i++){
76	if (document.getElementById("guia"+i))	75	if (document.getElementById("guia"+i))
77	- {reduzAltura = 50}	76	+ {reduzAltura = 50;}
78	}	77	}
79	h = 500; //altura do corpo geral da guia	78	h = 500; //altura do corpo geral da guia
80	if (navn)	79	if (navn)
	@@ -118,6 +118,8 @@ hr {		@@ -118,6 +118,8 @@ hr {
118	padding-top: 7px;	118	padding-top: 7px;
119	width: 40px;	119	width: 40px;
120	}	120	}
121	-	121	+body{
		122	+ background-color: #fff;
		123	+}
122	</style>	124	</style>
123	</head>	125	</head>
	@@ -36,7 +36,7 @@ error_reporting ( 0 );		@@ -36,7 +36,7 @@ error_reporting ( 0 );
36	include "head.php";	36	include "head.php";
37	?>	37	?>
38		38
39	-<body style="background-color: #eeeeee; padding-top: 90px;" id="topo">	39	+<body style="padding-top: 90px;" id="topo">
40	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">	40	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
41	<div class="container-fluid">	41	<div class="container-fluid">
42	<div class="navbar-header">	42	<div class="navbar-header">
	@@ -103,7 +103,7 @@ include "../init/head.php";		@@ -103,7 +103,7 @@ include "../init/head.php";
103	<script id="indiceTpl" type="x-tmpl-mustache">	103	<script id="indiceTpl" type="x-tmpl-mustache">
104	<li><a href="#affix-{{ID_MAPA}}">{{{NOME}}}</a></li>	104	<li><a href="#affix-{{ID_MAPA}}">{{{NOME}}}</a></li>
105	</script>	105	</script>
106	-<body style="background-color: #eeeeee; padding-top: 55px; position: relative;" id="affix-topo"	106	+<body style="padding-top: 55px; position: relative;" id="affix-topo"
107	data-spy="scroll" data-target="#indiceSpy" data-offset="80">	107	data-spy="scroll" data-target="#indiceSpy" data-offset="80">
108	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">	108	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
109	<div class="container-fluid">	109	<div class="container-fluid">
	@@ -77,7 +77,7 @@ function listaCamadasSubgrupo(idmenu,id_n1,id_n2){		@@ -77,7 +77,7 @@ function listaCamadasSubgrupo(idmenu,id_n1,id_n2){
77	var corpo = $("#corpoSubGrupo"+id_n2),	77	var corpo = $("#corpoSubGrupo"+id_n2),
78	camadas;	78	camadas;
79	if(corpo.html().trim()+"x" == "x"){	79	if(corpo.html().trim()+"x" == "x"){
80	- corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>')	80	+ corpo.html('<div class="panel-body"><i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i><span class="sr-only">Aguarde</span></div>');
81		81
82	}	82	}
83	var r = function(retorno){	83	var r = function(retorno){
	@@ -133,7 +133,7 @@ include "../init/head.php";		@@ -133,7 +133,7 @@ include "../init/head.php";
133	</div>	133	</div>
134	</div>	134	</div>
135	</script>	135	</script>
136	-<body style="background-color: #eeeeee; padding-top: 55px;" id="topo">	136	+<body style="padding-top: 55px;" id="topo">
137	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">	137	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
138	<div class="container-fluid">	138	<div class="container-fluid">
139	<div class="navbar-header">	139	<div class="navbar-header">
@@ -0,0 +1,14 @@		@@ -0,0 +1,14 @@
	1	+//veja em index.js o objeto que utiliza essa traducao
	2	+g_traducao_mapas =
	3	+{
	4	+ "mapas" : [{
	5	+ pt : "Mapas de usuários",
	6	+ en : "",
	7	+ es : ""
	8	+ }],
	9	+ "copiado" : [{
	10	+ pt : "Copiado",
	11	+ en : "",
	12	+ es : ""
	13	+ }]
	14	+};
	@@ -0,0 +1,504 @@		@@ -0,0 +1,504 @@
		1	+/*
		2	+Gerador de links
		3	+
		4	+Classe javascript da aplicação de geração de links.
		5	+
		6	+Lê o conjunto de javascripts para o funcionamento da interface geradordelinks.htm
		7	+
		8	+Arquivo
		9	+
		10	+i3geo/classesjs/geradordelinks.js
		11	+
		12	+Esse programa possuí as seguintes dependências:
		13	+
		14	+i3geo/pacotes/cpaint/cpaint2.inc.compressed.js
		15	+
		16	+i3geo/pacotes/openlayers/OpenLayers.js
		17	+
		18	+i3geo/classesjs/compactados/funcoes_compacto.js
		19	+
		20	+As dependências são carregadas pelo próprio geradordelinks.js, não sendo necessário incluir no HTML.
		21	+
		22	+Licença
		23	+
		24	+GPL2
		25	+
		26	+i3Geo Interface Integrada de Ferramentas de Geoprocessamento para Internet
		27	+
		28	+Direitos Autorais Reservados (c) 2006 Ministério do Meio Ambiente Brasil
		29	+Desenvolvedor: Edmar Moretti edmar.moretti@gmail.com
		30	+
		31	+Este programa é software livre; você pode redistribuí-lo
		32	+e/ou modificá-lo sob os termos da Licença Pública Geral
		33	+GNU conforme publicada pela Free Software Foundation;
		34	+
		35	+Este programa é distribuído na expectativa de que seja útil,
		36	+porém, SEM NENHUMA GARANTIA; nem mesmo a garantia implícita
		37	+de COMERCIABILIDADE OU ADEQUACÃO A UMA FINALIDADE ESPECÍFICA.
		38	+Consulte a Licença Pública Geral do GNU para mais detalhes.
		39	+Você deve ter recebido uma cópia da Licença Pública Geral do
		40	+GNU junto com este programa; se não, escreva para a
		41	+Free Software Foundation, Inc., no endereço
		42	+59 Temple Street, Suite 330, Boston, MA 02111-1307 USA.
		43	+
		44	+Veja
		45	+
		46	+<i3geo/geradordelinks.htm>
		47	+
		48	+<i3geo/classesjs/funcoes.js>
		49	+*/
		50	+//
		51	+//carrega as dependências
		52	+//
		53	+
		54	+//TODO aplicar o padrao de css nos inputs (ver HTML)
		55	+(function(){
		56	+ var scriptLocation = "";
		57	+ var scripts = document.getElementsByTagName('script');
		58	+ for (var i = 0; i < scripts.length; i++) {
		59	+ var src = scripts[i].getAttribute('src');
		60	+ if (src) {
		61	+ var index = src.lastIndexOf("index.js");
		62	+ // is it found, at the end of the URL?
		63	+ if ((index > -1) && (index + "index.js".length == src.length)) {
		64	+ scriptLocation = src.slice(0, -"index.js".length);
		65	+ break;
		66	+ }
		67	+ }
		68	+ }
		69	+ var allScriptTags = "";
		70	+ var jsfiles = [];
		71	+ //jsfiles[0] = "i3geo_tudo_compacto.js.php"
		72	+ jsfiles[0] = "../pacotes/openlayers/OpenLayers2131.js.php";
		73	+ for (var i = 0; i < jsfiles.length; i++)
		74	+ {
		75	+ var currentScriptTag = "<script src='" + scriptLocation + jsfiles[i] + "'></script>";
		76	+ allScriptTags += currentScriptTag;
		77	+ }
		78	+ document.write(allScriptTags);
		79	+})();
		80	+/*
		81	+Classe i3geo_gl_configura
		82	+
		83	+Cria o objeto javascript com os parametros de configuração da api e com as funções de manipulação.
		84	+
		85	+Example
		86	+
		87	+var i3geo_gl_configura = new i3geo_gl_configura("http://localhost/i3geo","estadosl","temasa","link")
		88	+
		89	+Parameters
		90	+
		91	+loc_i3geo - endereço web onde está instalado o i3geo.
		92	+
		93	+nomeseltema - identificador do tema inicial que será incluido no link, normalmente estadosl
		94	+
		95	+temasa - Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usuário, será incluída.
		96	+
		97	+link - Id do elemento HTML do tipo <a> onde será mostrado o link criado para o mapa.
		98	+
		99	+grupo - Id do elemento HTML que receberá o combo com os grupos
		100	+
		101	+subgrupo - Id do elemento HTML que receberá o combo com os subgrupos
		102	+
		103	+tema - Id do elemento HTML que receberá o combo com a lista de temas
		104	+
		105	+buscageo - Id do elemento HTML onde será incluída a opção de busca de coordenadas geográficas
		106	+
		107	+menu - id do elemento HTML onde será incluido a lista de menus
		108	+*/
		109	+function i3geo_gl_configura(loc_i3geo,nomeseltema,temasa,link,grupo,subgrupo,tema,buscageo,menu)
		110	+{
		111	+ /*
		112	+ Id do elemento HTML onde a lista de temas adicionados, ou seja, os que forem escolhidos pelo usuário, será incluída.
		113	+ */
		114	+ this.temasa = temasa;
		115	+ /*
		116	+ Id do elemento HTML do tipo <a> onde será mostrado o link criado para o mapa.
		117	+ */
		118	+ this.link = link;
		119	+ /*
		120	+ Guarda o valor do parametro seltema
		121	+ */
		122	+ this.nomeseltema = nomeseltema;
		123	+ /*
		124	+ Guarda o valor do parametro loc_i3geo
		125	+ */
		126	+ this.loc_i3geo = loc_i3geo;
		127	+ /*
		128	+ Guarda o valor do parametro menu
		129	+ */
		130	+ this.menu = menu;
		131	+ /*
		132	+ Guarda o valor do parametro grupo
		133	+ */
		134	+ this.grupo = grupo;
		135	+ /*
		136	+ Guarda o valor do parametro subgrupo
		137	+ */
		138	+ this.subgrupo = subgrupo;
		139	+ /*
		140	+ Guarda o valor do parametro tema
		141	+ */
		142	+ this.tema = tema;
		143	+ /*
		144	+ Guarda o valor do parametro buscageo
		145	+ */
		146	+ this.buscageo = buscageo;
		147	+ /*
		148	+ Function seltema
		149	+
		150	+ Adiciona na lista de temas escolhidos pelo usuário um novo tema.
		151	+
		152	+ Ativada quando um grupo ou subgrupo é escolhido.
		153	+
		154	+ Parameters
		155	+
		156	+ idtema = identificador do tema conforme definido em menutemas/menutemas.xml
		157	+ */
		158	+ this.seltema = function(idtema)
		159	+ {
		160	+ var novodiv = document.createElement("div");
		161	+ novodiv.style.textAlign="left";
		162	+ novodiv.id = idtema;
		163	+ $i($i3geo_gl.temasa).appendChild(novodiv);
		164	+ var novoel = document.createElement("img");
		165	+ novoel.title = "excluir";
		166	+ //novoel.onclick = excluir
		167	+ eval("novoel.onclick = $i3geo_gl.excluir");
		168	+ novoel.src = "imagens/x.png";
		169	+ novodiv.appendChild(novoel);
		170	+ var novoel = document.createElement("img");
		171	+ novoel.title = "subir";
		172	+ novoel.src = "imagens/sobe.gif";
		173	+ //novoel.onclick = subir
		174	+ eval("novoel.onclick = $i3geo_gl.subir");
		175	+ novodiv.appendChild(novoel);
		176	+ var novoel = document.createElement("img");
		177	+ novoel.title = "descer";
		178	+ novoel.src = "imagens/desce.gif";
		179	+ //novoel.onclick = descer
		180	+ eval("novoel.onclick = $i3geo_gl.descer;");
		181	+ novodiv.appendChild(novoel);
		182	+ var novoel = document.createElement("input");
		183	+ eval("novoel.onclick = function(){$i3geo_gl.crialink()}");
		184	+ novoel.title = "visível/não visível";
		185	+ novoel.type = "checkbox";
		186	+ novoel.style.cursor="pointer";
		187	+ novoel.style.top="3px";
		188	+ novoel.style.position="relative";
		189	+ novoel.style.border="0px";
		190	+ novoel.value=idtema;
		191	+ novodiv.appendChild(novoel);
		192	+ var novoel = document.createElement("span");
		193	+ novoel.style.cursor="pointer";
		194	+ novoel.title="preview";
		195	+ novoel.style.textDecoration = "underline";
		196	+ novoel.innerHTML = idtema;
		197	+ eval("novoel.onclick = $i3geo_gl.preview");
		198	+ novodiv.appendChild(novoel);
		199	+ novodiv.appendChild(document.createElement("br"));
		200	+ this.crialink();
		201	+ };
		202	+ /*
		203	+ Function crialink
		204	+
		205	+ Pega os parametros especificados pelo usuário e monta o link para mostrar na tela.
		206	+ */
		207	+ this.crialink = function()
		208	+ {
		209	+ var ins = $i3geo_gl.loc_i3geo+"/ms_criamapa.php?";
		210	+ var iguias = $i($i3geo_gl.temasa).getElementsByTagName("input");
		211	+ var tsl = []; //temas ligados
		212	+ var tsd = []; //temas
		213	+ for (var i=0;i<iguias.length; i++)
		214	+ {
		215	+ if (iguias[i].type == "checkbox")
		216	+ {
		217	+ tsd.push(iguias[i].value);
		218	+ if (iguias[i].checked == true)
		219	+ {tsl.push(iguias[i].value);}
		220	+ }
		221	+ }
		222	+ if(tsd.length > 0)
		223	+ {ins += "&temasa="+tsd.join(" ");}
		224	+ if(tsl.length > 0)
		225	+ {ins += "&layers="+tsl.join(" ");}
		226	+ if($i("pontos").value != "")
		227	+ {
		228	+ ins += "&pontos="+$i("pontos").value;
		229	+ ins += "&nometemapontos="+$i("nometemapontos").value;
		230	+ }
		231	+ if($i("perfili") && $i("perfili").value != "")
		232	+ {
		233	+ ins += "&perfil="+$i("perfili").value;
		234	+ }
		235	+ if($i("interface").value != "")
		236	+ {
		237	+ ins += "&interface="+$i("interface").value;
		238	+ }
		239	+ if($i($i3geo_gl.buscageo))
		240	+ {
		241	+ if($i("i3geo_gl_xmin").value != "")
		242	+ {
		243	+ ins += "&mapext="+$i("i3geo_gl_xmin").value+" ";
		244	+ ins += $i("i3geo_gl_ymin").value+" ";
		245	+ ins += $i("i3geo_gl_xmax").value+" ";
		246	+ ins += $i("i3geo_gl_ymax").value;
		247	+ }
		248	+ }
		249	+ $i($i3geo_gl.link).href = ins;
		250	+ $i($i3geo_gl.link).innerHTML = ins;
		251	+ };
		252	+ /*
		253	+ Function combogrupos
		254	+
		255	+ Chama a função do i3geo que monta um combo com a lista de grupos de um menu do i3geo
		256	+
		257	+ Parameters
		258	+
		259	+ idMenu - id do menu que será pesquisado
		260	+ */
		261	+ this.combogrupos = function(idMenu)
		262	+ {
		263	+ $i($i3geo_gl.grupo).innerHTML = "<span style=color:red >Aguarde...</span>";
		264	+ i3GEO.arvoreDeTemas.comboGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combosubgrupos",$i3geo_gl.grupo,"","530","1",idMenu);
		265	+ };
		266	+ /*
		267	+ Function combosubgrupos
		268	+
		269	+ Chama a função do i3geo que monta um combo com a lista de subgrupos de um grupo do menu do i3geo
		270	+
		271	+ Parameters
		272	+
		273	+ idGrupo - id do grupo que será pesquisado
		274	+ */
		275	+ this.combosubgrupos = function(idGrupo,dados)
		276	+ {
		277	+ //alert($i3geo_gl.subgrupo);
		278	+ $i3geo_gl.combotemas(idGrupo,"",i3GEO.arvoreDeTemas.temasRaizGrupos[idGrupo]);
		279	+ //if(dados != undefined)
		280	+ //{$i3geo_gl.combotemas(idGrupo,$i3geo_gl.subgrupo,dados.temasgrupo);}
		281	+ $i($i3geo_gl.subgrupo).innerHTML = "<span style=color:red >Aguarde...</span>";
		282	+ i3GEO.arvoreDeTemas.comboSubGruposMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.combotemas",$i3geo_gl.subgrupo,"",idGrupo,"530","1");
		283	+ };
		284	+ /*
		285	+ Function combotemas
		286	+
		287	+ Monta um combo com a lista de temas vinculados diretamente a um grupo.
		288	+
		289	+ Chamado pela função combosubgrupos.
		290	+
		291	+ Parameters
		292	+
		293	+ idGrupo - id que identifica o grupo escolhido.
		294	+
		295	+ idSubGrupo - id do sibgrupo
		296	+ */
		297	+ this.combotemas = function (idGrupo,idSubGrupo,temas)
		298	+ {
		299	+ if(temas == undefined)
		300	+ {temas = "";}
		301	+ $i($i3geo_gl.tema).innerHTML = "<span style=color:red >Aguarde...</span>";
		302	+ i3GEO.arvoreDeTemas.comboTemasMenu($i3geo_gl.loc_i3geo,"$i3geo_gl.preseltema",$i3geo_gl.tema,"",idGrupo,idSubGrupo,"530","5","",temas);
		303	+ };
		304	+ this.combointerfaces = function(){
		305	+ var temp = function(retorno){
		306	+ var ins = "<select id=interface onchange='$i3geo_gl.crialink()'><option value=''>Default</option>",
		307	+ d = retorno.data,
		308	+ n = d.length,
		309	+ i;
		310	+ for(i=0; i<n; i++){
		311	+ ins += "<option value='"+d[i]+"'>"+d[i]+"</option>";
		312	+ }
		313	+ ins += "</select>";
		314	+ $i("comboInterfaces").innerHTML = ins;
		315	+ };
		316	+ i3GEO.php.listaInterfaces(temp);
		317	+ };
		318	+ /*
		319	+ Function preseltema
		320	+
		321	+ Compatibiliza a chamada da função i3geo_combotemasMenu com a função this.seltema em termos de número de parametros
		322	+ */
		323	+ this.preseltema = function(idgrupo,idsubgrupo,idtema)
		324	+ {
		325	+ $i3geo_gl.seltema(idtema);
		326	+ };
		327	+ /*
		328	+ Function preview
		329	+
		330	+ Mostra um preview do tema clicado.
		331	+
		332	+ Parameters
		333	+
		334	+ e - elemento do DOM do objeto clicado.
		335	+ */
		336	+ this.preview = function(e)
		337	+ {
		338	+ var id = i3GEO.util.pegaElementoPai(e).id;
		339	+ window.open("testamapfile.php?map="+id+".map&tipo=grande");
		340	+ };
		341	+ /*
		342	+ Function descer
		343	+
		344	+ Desce um tema na lista de temas selecionados.
		345	+
		346	+ Parameters
		347	+
		348	+ e - elemento do DOM do objeto clicado.
		349	+ */
		350	+ this.descer = function(e)
		351	+ {
		352	+ var pai = i3GEO.util.pegaElementoPai(e);
		353	+ divpai = pai.parentNode;
		354	+ if(pai.nextSibling)
		355	+ divpai.insertBefore(pai,pai.nextSibling.nextSibling);
		356	+ $i3geo_gl.crialink();
		357	+ };
		358	+ /*
		359	+ Function subir
		360	+
		361	+ Sobe um tema na lista de temas selecionados
		362	+
		363	+ Parameters
		364	+
		365	+ e - elemento do DOM.
		366	+ */
		367	+ this.subir = function(e)
		368	+ {
		369	+ var pai = i3GEO.util.pegaElementoPai(e);
		370	+ divpai = pai.parentNode;
		371	+ divpai.insertBefore(pai,pai.previousSibling);
		372	+ $i3geo_gl.crialink();
		373	+ };
		374	+ /*
		375	+ Function excluir
		376	+
		377	+ Exclui um tema da lista de temas selecionados
		378	+
		379	+ Parameters
		380	+
		381	+ e - elemento do DOM.
		382	+ */
		383	+ this.excluir = function(e)
		384	+ {
		385	+ var pai = i3GEO.util.pegaElementoPai(e);
		386	+ pai.parentNode.removeChild(pai);
		387	+ $i3geo_gl.crialink();
		388	+ };
		389	+ /*
		390	+ Function buscageo_init
		391	+
		392	+ Inicializa o OpenLayers para permitir ao usuário escolher a abrangência espacial do link.
		393	+ */
		394	+ this.buscageo_init = function()
		395	+ {
		396	+ var ins = "<div style=margin:10px;text-align:left; >";
		397	+ ins += "<p class=paragrafo ><b>Utilize o navegador abaixo para definir as coordenadas geográficas do seu mapa, ou digite os valores desejados (opcional):</b></p>";
		398	+ ins += "<div id=i3geo_gl_mapa1 style='width:256px;height:256px;border:1px solid blue;display:none'></div>";
		399	+ ins += "<div style=position:absolute;top:40px;left:270px;text-align:left; >";
		400	+ ins += "Coordenadas geográficas:<br><br>";
		401	+ ins += "<table style=text-align:left >";
		402	+ ins += "<tr><td style=text-align:left >Longitude mínima:</td>";
		403	+ ins += "<td><div style=padding:5px;width:80px; id=paiXmin >";
		404	+ ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmin />";
		405	+ ins += "</div></td></tr>";
		406	+ ins += "<tr><td style=text-align:left >Longitude máxima:</td>";
		407	+ ins += "<td><div style=padding:5px;width:80px; id=paiXmax >";
		408	+ ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_xmax />";
		409	+ ins += "</div></td></tr>";
		410	+ ins += "<tr><td style=text-align:left >Latitude mínima:</td>";
		411	+ ins += "<td><div style=padding:5px;width:80px; id=paiYmin >";
		412	+ ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymin />";
		413	+ ins += "</div></td></tr>";
		414	+ ins += "<tr><td style=text-align:left >Latitude máxima:</td>";
		415	+ ins += "<td><div style=padding:5px;width:80px; id=paiYmax >";
		416	+ ins += "<input onchange='$i3geo_gl.crialink()' type=text style=width:85px; value='' id=i3geo_gl_ymax />";
		417	+ ins += "</div></td></tr></table>";
		418	+ ins += "<input style='width:140px;position:relative;top:10px;left:-10px' class=aplicar type='button' value='capturar' onclick='$i3geo_gl.OL.capturageo()' />";
		419	+ ins += "</div></div>";
		420	+ document.getElementById(this.buscageo).innerHTML = ins;
		421	+ $i("i3geo_gl_mapa1").style.display = "block";
		422	+ $i3geo_gl.OL = new OpenLayers.Map('i3geo_gl_mapa1',{controls:[],numZoomLevels: 13});
		423	+ //
		424	+ //layers
		425	+ //
		426	+ var wsm = new OpenLayers.Layer.ArcGIS93Rest(
		427	+ "ESRI World Street Map",
		428	+ "http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer/export",
		429	+ {
		430	+ format : "jpeg"
		431	+ }, {
		432	+ isBaseLayer : true,
		433	+ visibility : true
		434	+ });
		435	+ $i3geo_gl.OL.addLayer(wsm);
		436	+
		437	+ var bra = new OpenLayers.Layer.WMS(
		438	+ "Base carto MMA",
		439	+ "http://mapas.mma.gov.br/cgi-bin/mapserv?map=/opt/www/html/webservices/baseraster.map",
		440	+ {
		441	+ layers : "baseraster",
		442	+ srs : "EPSG:4618",
		443	+ format : "image/png",
		444	+ isBaseLayer : false
		445	+ }, {
		446	+ isBaseLayer : true,
		447	+ visibility : false
		448	+ });
		449	+ $i3geo_gl.OL.addLayer(bra);
		450	+
		451	+ //
		452	+ //zoom e controle de layers
		453	+ //
		454	+ var ls = new OpenLayers.Control.LayerSwitcher();
		455	+ $i3geo_gl.OL.addControl(ls);
		456	+ $i(ls.id).style.zIndex=2000;
		457	+ $i3geo_gl.OL.setCenter(new OpenLayers.LonLat(-55,-14), 3);
		458	+ var panel = new OpenLayers.Control.NavToolbar();
		459	+ $i3geo_gl.OL.addControl(panel);
		460	+ panel.div.style.left="-4px";
		461	+ panel.div.style.top="-298px";
		462	+ var zb = new OpenLayers.Control.PanZoomBar();
		463	+ $i3geo_gl.OL.addControl(zb);
		464	+ zb.div.style.left="0px";
		465	+ $i3geo_gl.OL.capturageo = function()
		466	+ {
		467	+ var b = $i3geo_gl.OL.getExtent();
		468	+ $i("i3geo_gl_xmin").value = b.left;
		469	+ $i("i3geo_gl_xmax").value = b.right;
		470	+ $i("i3geo_gl_ymin").value = b.bottom;
		471	+ $i("i3geo_gl_ymax").value = b.top;
		472	+ $i3geo_gl.crialink();
		473	+ };
		474	+ };
		475	+}
		476	+
		477	+/*
		478	+Function i3geo_gl_inicia
		479	+
		480	+Inicia a interface do gerador de links.
		481	+
		482	+Parameters
		483	+
		484	+objeto_i3geo_gl_configura - objeto com os paramentros de configuração criado pela função i3geo_gl_configura
		485	+*/
		486	+function i3geo_gl_inicia(objeto_i3geo_gl_configura)
		487	+{
		488	+ /*
		489	+ Propriedade $i3geo_gl
		490	+
		491	+ Contém o objeto $i3geo_gl com todas as propriedades e funções de controle da interface
		492	+ */
		493	+ i3GEO.configura.sid = "";
		494	+ $i3geo_gl = objeto_i3geo_gl_configura;
		495	+ if(document.getElementById($i3geo_gl.buscageo))
		496	+ $i3geo_gl.buscageo_init();
		497	+ $i3geo_gl.combointerfaces();
		498	+ i3GEO.arvoreDeTemas.comboMenus($i3geo_gl.loc_i3geo,"$i3geo_gl.combogrupos",$i3geo_gl.menu,"","530","1","");
		499	+ /*
		500	+ $inputText("paiPontos","","pontos","","","")
		501	+ $inputText("paiNometemapontos","","nometemapontos","","","")
		502	+ $inputText("paiPerfil","","perfil","","","")
		503	+ */
		504	+}
0	\ No newline at end of file	505	\ No newline at end of file