/**
 * Title: Gadgets (objetos marginais do mapa)
 *
 * Inclui elementos especiais no mapa
 *
 * Os elementos são opcionais e adicionam funcionalidades ao mapa.
 *
 * Namespace:
 *
 * i3GEO.gadgets
 *
 * Veja:
 *
 * <http://localhost/i3geo/classesjs/classe_gadgets.js>
 */

/**
 *
 * 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 ADEQUACAtilde;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.
 */
if (typeof (i3GEO) === 'undefined') {
	var i3GEO = {};
}
i3GEO.gadgets =
	{
		/**
		 * Propriedade: PARAMETROS
		 *
		 * Par&acirc;metros de inicializa&ccedil;&atilde;o dos gadgets.
		 *
		 * Essa vari&aacute;vel define os parametros individuais de cada gadget e o ID do elemento HTML onde o gadget ser&aacute;
		 * inclu&iacute;do (parametro "idhtml").
		 *
		 * Cada tipo de gadget pode ter parametros espec&iacute;ficos, descritos a seguir.
		 *
		 * Voc&ecirc; pode acessar os par&acirc;metros da seguinte forma:
		 *
		 * i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.deslocaEsquerda = 400;
		 *
		 * Para evitar o funcionamento de um gadget experimente utilizar
		 *
		 * Exemplo:
		 *
		 * i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml = "";
		 *
		 * Default:
		 *
		 * (start code)
		 *
		 * i3GEO.gadgets.PARAMETROS = { "mostraInserirKml" : { idhtml : "inserirKml" }, "mostraEscalaNumerica" : { idhtml : "escala" },
		 * "mostraEscalaGrafica" : { idhtml : "escalaGrafica" }, "mostraBuscaRapida" : { idhtml : "buscaRapida", servicosexternos : true,
		 * temasmapa : false, google : true }, "mostraVisual" : { idhtml : "" }, "mostraHistoricoZoom" : { idhtml : "historicozoom" },
		 * "mostraMenuSuspenso" : { permiteLogin : true, marcadores : true, idhtml : "menus", deslocaEsquerda : 0, parametrosYUI : { iframe :
		 * false, autosubmenudisplay : false, showdelay : 200, hidedelay : 500, lazyload : false } }, "mostraMenuLista" : { idhtml :
		 * "menuLista" }, "mostraVersao" : { idhtml : "versaoi3geo" }, "mostraEmail" : { idhtml : "emailInstituicao" } };
		 *
		 * (end)
		 */
		PARAMETROS : {
			"mostraInserirKml" : {
				idhtml : "inserirKml"
			},
			"mostraEscalaNumerica" : {
				idhtml : "escala"
			},
			"mostraEscalaGrafica" : {
				idhtml : "escalaGrafica"
			},
			"mostraBuscaRapida" : {
				idhtml : "buscaRapida",
				servicosexternos : true,
				temasmapa : false,
				google : true
			},
			"mostraVisual" : {
				idhtml : ""
			},
			"mostraHistoricoZoom" : {
				idhtml : "historicozoom"
			},
			"mostraMenuSuspenso" : {
				permiteLogin : true,
				marcadores : true,
				idhtml : "menus",
				deslocaEsquerda : 0,
				menuUnico : false,
				parametrosYUI : {
					iframe : false,
					autosubmenudisplay : false,
					showdelay : 200,
					hidedelay : 500,
					lazyload : false
				}
			},
			"mostraMenuLista" : {
				idhtml : "menuLista"
			},
			"mostraVersao" : {
				idhtml : "versaoi3geo"
			},
			"mostraEmail" : {
				idhtml : "emailInstituicao"
			}
		},
		/**
		 * Function: mostraEmail
		 *
		 * Mostra o e-mail armazenado na vari&aacute;vel i3GEO.parametros.emailInstituicao
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraEmail : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraEmail()");

			if (arguments.length === 0 || id === "") {
				id = i3GEO.gadgets.PARAMETROS.mostraEmail.idhtml;
			} else {
				i3GEO.gadgets.PARAMETROS.mostraEmail.idhtml = id;
			}
			i3GEO.util.defineValor(id, "innerHTML", i3GEO.parametros.emailInstituicao);
		},
		/**
		 * Function: mostraVersao
		 *
		 * Mostra a vers&atilde;o atual do i3Geo armazenada na vari&aacute;vel i3GEO.parametros.mensageminicial
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraVersao : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraVers&atilde;o()");

			if (arguments.length === 0 || id === "") {
				id = i3GEO.gadgets.PARAMETROS.mostraVersao.idhtml;
			} else {
				i3GEO.gadgets.PARAMETROS.mostraVersao.idhtml = id;
			}
			i3GEO.util.defineValor(id, "innerHTML", i3GEO.parametros.mensageminicia);
		},
		/**
		 * Function: mostraInserirKml
		 *
		 * Mostra no mapa a a op&ccedil;&atilde;o para inserir kml.
		 *
		 * Essa op&ccedil;&atilde;o s&oacute; funciona com a API do Google carregada
		 *
		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
		 * definido em i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de
		 * i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml
		 */
		mostraInserirKml : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraInserirKml()");

			var i, ins, temp;
			if (arguments.length === 0) {
				id = i3GEO.gadgets.PARAMETROS.mostraInserirKml.idhtml;
			}
			if ($i(id)) {
				if (!$i("i3geo_urlkml")) {
					i = $inputText(id, "290", "i3geo_urlkml", "kml url", "35", "kml");
					ins = "<table><tr><td>" + i;
					temp = 'i3GEO.Interface.adicionaKml();';
					ins +=
						"</td><td><img src='" + i3GEO.configura.locaplic
							+ "/imagens/branco.gif"
							+ "' class='tic' onclick='"
							+ temp
							+ "' /></td></tr></table>";
					$i(id).innerHTML = ins;
				}
			}
		},
		/**
		 * Function: mostraEscalaNumerica
		 *
		 * Mostra no mapa a escala num&eacute;rica.
		 *
		 * A escala num&eacute;rica pode ser alterada pelo usu&aacute;rio digitando-se a nova escala.
		 *
		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
		 * definido em i3GEO.gadgets.PARAMETROS
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraEscalaNumerica : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraEscalaNumerica()");

			var i, ins, temp, onde;
			if (arguments.length === 0) {
				id = i3GEO.gadgets.PARAMETROS.mostraEscalaNumerica.idhtml;
			}
			onde = $i(id);
			if (onde) {
				if (onde.style.display == "none") {
					onde.style.display = "block";
				}
				if (!$i("i3geo_escalanum")) {
					i =
						"<form id='i3GEOescalanumForm' >" + $inputText(id, "100", "i3geo_escalanum", $trad("d10"), "10", parseInt(
							i3GEO.parametros.mapscale, 10))
							+ "</form>";
					ins = "<table style='width:120px;'><tr><td>" + i;
					temp = 'var nova = document.getElementById("i3geo_escalanum").value;';
					temp += 'i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic,i3GEO.configura.sid,nova);';
					ins += "</td></tr></table>";
					onde.innerHTML = ins;
					$i("i3GEOescalanumForm").onsubmit =
						function() {
							i3GEO.navega.aplicaEscala(i3GEO.configura.locaplic, i3GEO.configura.sid, document
								.getElementById("i3geo_escalanum").value);
							return false;
						};
				}
				i3GEO.eventos.adicionaEventos("NAVEGAMAPA", [
					"i3GEO.gadgets.atualizaEscalaNumerica()"
				]);
			}
		},
		atualizaEscalaNumerica : function(escala) {
			var e = $i("i3geo_escalanum");
			if (!e) {
				i3GEO.eventos.removeEventos("NAVEGAMAPA", [
					"i3GEO.gadgets.atualizaEscalaNumerica()"
				]);
				return;
			}
			if (arguments.length === 1) {
				e.value = escala;
			} else {
				if (i3GEO.parametros.mapscale !== "") {
					e.value = parseInt(i3GEO.parametros.mapscale, 10);
				} else {
					e.value = 0;
				}
			}
		},

		/**
		 * Function: mostraEscalaGrafica
		 *
		 * Mostra no mapa a escala grafica como um elemento fora do mapa.
		 *
		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
		 * definido em i3GEO.gadgets.PARAMETROS(escala)
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraEscalaGrafica : function(id) {
			if (arguments.length === 0) {
				id = i3GEO.gadgets.PARAMETROS.mostraEscalaGrafica.idhtml;
			}
			var ins;
			if ($i(id)) {
				if (!$i("imagemEscalaGrafica")) {
					ins =
						"<img class='menuarrow' src=\"" + i3GEO.configura.locaplic
							+ "/imagens/branco.gif\" title='op&ccedil;&otilde;es' onclick='i3GEO.mapa.dialogo.opcoesEscala()' style='cursor:pointer'/><img id=imagemEscalaGrafica src='' />";
					$i(id).innerHTML = ins;
				}
				i3GEO.gadgets.atualizaEscalaGrafica();
				i3GEO.eventos.adicionaEventos("NAVEGAMAPA", [
					"i3GEO.gadgets.atualizaEscalaGrafica()"
				]);
			}
		},
		/**
		 * Function: atualizaEscalaGrafica
		 *
		 * Atualiza a escala gr&aacute;fica
		 *
		 */
		atualizaEscalaGrafica : function() {
			var e = $i("imagemEscalaGrafica");
			if (!e) {
				i3GEO.eventos.removeEventos("NAVEGAMAPA", [
					"i3GEO.gadgets.atualizaEscalaGrafica()"
				]);
				return;
			}
			temp = function(retorno) {
				eval(retorno.data);
				$i("imagemEscalaGrafica").src = scaimagem;
			};
			i3GEO.php.escalagrafica(temp);
		},
		/**
		 * Function: mostraBuscaRapida
		 *
		 * Mostra a op&ccedil;&atilde;o de busca r&aacute;pida de lugares por palavra digitada.
		 *
		 * Se voc&ecirc; n&atilde;o quer essa fun&ccedil;&atilde;o no mapa, elimine o elemento HTML existente no mapa que contenha o id
		 * definido em i3GEO.gadgets.PARAMETROS (buscaRapida)
		 *
		 * Onde a busca ser&aacute; feita &eacute; controlado pela vari&aacute;vel i3GEO.gadgets.PARAMETROS.mostraBuscaRapida
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraBuscaRapida : function(id) {
			// TODO implementar a separacao do template mustache em arquivos em disco
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraBuscaRapida()");

			var ins, temp, fbusca, hashMustache, templateMustache;
			if (arguments.length === 0) {
				id = i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.idhtml;
			}
			i3GEO.gadgets.mostraBuscaRapida.id = id;
			temp = $i(id);
			if (temp) {
				// monta a interface
				hashMustache = {
					"idform" : "i3GEObotaoFormBuscaRapida" + id,
					"idinput" : "valorBuscaRapida" + id,
					"link" : i3GEO.configura.locaplic + "/ajuda_usuario.php?idcategoria=8&idajuda=71",
					"branco" : i3GEO.configura.locaplic + "/imagens/branco.gif",
					"ajuda" : $trad("p13"),
					"prop" : "i3GEObotaoPropriedadesBuscaRapida" + id,
					"busca" : "i3GEObotaoBuscaRapida" + id
				};
				templateMustache =
					"" + "<table><tr>"
						+ "	<td><a class=ajuda_usuario target=_blank href='{{link}}' ><b> </b></a></td>"
						+ "	<td><img src='{{branco}}' title='{{ajuda}}' class='ticPropriedades2' id={{prop}} style='margin-right:5px;margin-left:5px;'/></td>"
						+ "	<td>"
						+ "		<form id={{idform}}>"
						+ "			<div class='i3geoForm' style='width:160px;'><input class=i3geoFormSemIcone type=text value='' id='{{idinput}}' /></div>"
						+ "		</form>"
						+ "	</td>"
						+ "	<td><img src='{{branco}}' class='ticfind' id={{busca}} style='margin-left:3px;' /></td>"
						+ "</tr></table>";

				ins = Mustache.render(templateMustache, hashMustache);
				temp.innerHTML = ins;
				// funcao de busca
				fbusca =
					function() {
						// sem condicoes de busca
						if (i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.google === false && i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.servicosexternos === false
							&& i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.temasmapa === false) {
							i3GEO.janela.tempoMsg($trad("x35"));
							return;
						}
						// nao digitou palavra
						if ($i("valorBuscaRapida" + id).value === "") {
							i3GEO.janela.tempoMsg($trad("x36"));
							return;
						}
						// janela com a rotina e o resultado da busca
						i3GEO.janela.cria("300px", "280px", i3GEO.configura.locaplic + "/ferramentas/buscarapida/index.htm", "", "",
							"<div class='i3GeoTituloJanela'>"+$trad("o2")+"</div>");
						return false;
					};
				$i("i3GEObotaoBuscaRapida" + id).onclick = fbusca;
				$i("i3GEObotaoFormBuscaRapida" + id).onsubmit = fbusca;
				$i("i3GEObotaoPropriedadesBuscaRapida" + id).onclick =
					function() {
						var janela, hashMustache, templateMustache, ins, interno = "", externo = "", google = "";
						if (i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.servicosexternos) {
							externo = "checked";
						}
						if (i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.temasmapa) {
							interno = "checked";
						}
						if (i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.google) {
							google = "checked";
						}
						hashMustache = {
							"externo" : externo,
							"interno" : interno,
							"google" : google,
							"titulo" : $trad("x37"),
							"servExt" : $trad("x38"),
							"servMap" : $trad("x39"),
							"googlemaps" : false,
							"ajuda" : $trad("x40")
						};
						if (i3GEO.Interface.ATUAL === "googlemaps") {
							hashMustache["googlemaps"] = true;
						}
						templateMustache =
							"" + "<p class=paragrafo >{{titulo}}:</p>"
								+ "<table class=lista3 >"
								+ "	<tr>"
								+ "		<td><input style=cursor:pointer onclick='i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.servicosexternos = this.checked' type=checkbox {{externo}} ></td>"
								+ "		<td>{{servExt}}</td>"
								+ "	</tr>"
								+ "	<tr>"
								+ "		<td><input style=cursor:pointer onclick='i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.temasmapa = this.checked' type=checkbox {{interno}} ></td>"
								+ "		<td>{{servMap}}</td>"
								+ "	</tr>"
								+ "{{#googlemaps}}"
								+ "	<tr>"
								+ "		<td><input style=cursor:pointer onclick='i3GEO.gadgets.PARAMETROS.mostraBuscaRapida.google = this.checked' type=checkbox {{google}} ></td>"
								+ "		<td>Google</td>"
								+ "	</tr>"
								+ "{{/googlemaps}}"
								+ "</table><br><p class=paragrafo >{{ajuda}}</p>";

						ins = i3GEO.util.parseMustache(templateMustache, hashMustache);
						janela = i3GEO.janela.cria("300px", "150px", "", "", "", "<div class='i3GeoTituloJanela'>"+$trad("s5")+"</div>", "i3GEOpropriedadesBuscaRapida" + id);
						janela[0].setBody("<div>" + ins + "</div>");
					};
			}
		},
		/**
		 * Function: mostraHistoricoZoom
		 *
		 * Mostra na barra de zoom os &iacute;cones que controlam a visualiza&ccedil;&atilde;o do hist&oacute;rico da
		 * navega&ccedil;&atilde;o sobre o mapa
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraHistoricoZoom : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraHistoricoZoom()");

			if (arguments.length === 0) {
				id = i3GEO.gadgets.PARAMETROS.mostraHistoricoZoom.idhtml;
			}
			if ($i(id)) {
				marcadorZoom = "";
				var ins = "<table style='text-align:center;position:relative;left:";
				if (navm) {
					ins += "0px;'>";
				} else {
					ins += "6px;'>";
				}
				ins +=
					"<tr><td><img  id='i3geo_zoomanterior' class='zoomAnterior' title='anterior' src='" + i3GEO.configura.locaplic
						+ "/imagens/branco.gif"
						+ "'  /></td>";
				ins += "<td>&nbsp;</td>";
				ins +=
					"<td><img  id='i3geo_zoomproximo' class='zoomProximo' title='proximo' src='" + i3GEO.configura.locaplic
						+ "/imagens/branco.gif"
						+ "'  /></td>";
				ins += "</tr></table>";
				$i(id).innerHTML = ins;
			}
		},
		/**
		 * i3GEO.gadgets.visual (depreciado)
		 *
		 * Gera os &iacute;cones e controla as op&ccedil;&otilde;es de modifica&ccedil;&atilde;o do visual do mapa.
		 *
		 * O visual consiste na defini&ccedil;&atilde;o dos &iacute;cones utilizados no mapa. O visual pode ser modificado na
		 * inicializa&ccedil;&atilde;o ou ent&atilde;o escolhido pelo usu&aacute;rio.
		 *
		 * Os visuais dispon&iacute;veis s&atilde;o definidos no servidor e consistem em diret&oacute;rios localizados em
		 * i3geo/imagens/visual. A lista de visuais dispon&iacute;veis &eacute; obtida na inicializa&ccedil;&atilde;o do i3geo.
		 *
		 * Os &iacute;cones para mudan&ccedil;a do visual s&atilde;o inclu&iacute;dos no elemento HTML definido em
		 * i3geo.gadgets.PARAMETROS.visual
		 */
		visual : {
			/**
			 * Constr&oacute;i os &iacute;cones de escolha do visual.
			 *
			 * Parametro:
			 *
			 * id {String} - id do elemento que receber&aacute; os &iacute;cones (opcional)
			 */
			inicia : function(id) {
				alert("A i3GEO.gadgets.visual foi depreciado");
			},
			/**
			 * Troca o visual atual. A lista de visuais dispon&iacute;veis &eacute; obtida em i3GEO.parametros.listavisual
			 *
			 * Parametro:
			 *
			 * visual {String} - nome do visual que ser&aacute; utilizado.
			 */
			troca : function(visual) {
				alert("A i3GEO.gadgets.visual foi depreciado");
			}
		},
		/**
		 * Function: mostraMenuSuspenso
		 *
		 * Mostra o menu suspenso com op&ccedil;&otilde;es extras de an&aacute;lise, ajuda, etc
		 *
		 * Paradefinir os &iacute;cones existentes nos elementos principais do menu, edite o arquivo i3geo/css/botoes2.css e acrescente o
		 * estilo desejado. Utilize # para se referenciar ao elemento, cujo identificador &eacute; composto por "menu"+chave, exemplo
		 * #menuinterface ou #menuajuda
		 *
		 * O objeto YAHOO.widget.MenuBar resultante pode ser obtido na vari&aacute;vel i3GEOoMenuBar
		 *
		 * i3GEOoMenuBar pode ser manipulado com os m&eacute;todos da biblioteca YUI
		 *
		 * Exemplo:
		 *
		 * (start code) i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", "zzzzzz");
		 *
		 * i3GEOoMenuBar.getMenuItem("omenudataInterface1").destroy(); (end)
		 *
		 * Para executar uma opera&ccedil;&atilde;o ap&oacute;s o menu ser montado, utilize a propriedade
		 * i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza, por exemplo (a string &eacute; executada por meio da fun&ccedil;&atilde;o
		 * eval do javascript)
		 *
		 * Exemplo:
		 *
		 * (start code) i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.finaliza =
		 * 'i3GEOoMenuBar.getMenuItem("omenudataInterface1").cfg.setProperty("text", "");'; (end)
		 *
		 * O conte&uacute;do do menu &eacute; baseado na vari&aacute;vel i3GEO.configura.oMenuData
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraMenuSuspenso : function(id) {
			if (typeof (console) !== 'undefined')
				console.info("i3GEO.gadgets.mostraMenuSuspenso()");

			var menuUnico, objid, i, estilo, t, onMenuBarBeforeRender, temp, i3GEOoMenuBarLocal, ms = i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso, confm =
				i3GEO.configura.oMenuData, ins = "", alinhamento = "";

			if (arguments.length === 0) {
				id = ms.idhtml;
			} else {
				ms.idhtml = id;
			}
			objid = $i(id);
			if (!objid) {
				return;
			}
			// cria o menu se ainda n&atilde;o existir
			if (i3GEO.util.trim(objid.innerHTML) === "") {
				try {
					if (ms.marcadores === true) {
						// complementa o array com os dados para o menu de
						// marcadores
						i3GEO.configura.oMenuData = i3GEO.marcador.adicionaMenuSuspenso(i3GEO.configura.oMenuData);
					}
				} catch (e) {
				}
				// inclui opcoes admin
				try {
					if (ms.permiteLogin === true || (ms.permiteLogin != false && i3GEO.parametros.editor === "sim")) {
						i3GEO.configura.oMenuData = i3GEO.login.adicionaMenuSuspenso(i3GEO.configura.oMenuData);
					}
				} catch (e) {
				}
				// monta um menu unico
				menuUnico = function(){
					var menu = i3GEO.configura.oMenuData.menu,
						submenus = i3GEO.configura.oMenuData.submenus,
						menuUnico = {},
						n = 0, s, tempMenu, m = 0, idts, idt;
					menuUnico["menu"] = [
						{
							nome : "<span class='menuTresLinhas' ><b> </b><b> </b><b> </b></span>MENU",
							id : "menuUnico"
						}
					];
					menuUnico["submenus"] = {
						"menuUnico" : []
					};
					for (n in menu) {
						if (menu[n].id) {
							s = submenus[menu[n].id];
							tempMenu = [];
							for (m in s) {
								if (s[m].url) {
									tempMenu.push(s[m]);
								}
								else{
									if (s[m].submenu && s[m].submenu.itemdata) {
										idts = s[m].submenu.itemdata[0];
										tempMenu.push({
											text: s[m].text
										});
										for (idt = 0; idt < idts.length; idt++) {
											tempMenu.push(idts[idt]);
										}
									}
								}
							}
							if(tempMenu.length > 0){
								menuUnico["submenus"]["menuUnico"].push({
									id : menu[n].id + "Menu",
									text : menu[n].nome,
									submenu : {
										id : menu[n].id + "Sub",
										itemdata : [
											tempMenu
										]
									}
								});
							}
						}
					}
					i3GEO.configura.oMenuData = menuUnico;
					confm = i3GEO.configura.oMenuData;
				};
				if(i3GEO.parametros.w < 700 || ms.menuUnico === true){
					menuUnico();
				}
				i3GEOoMenuBar = YAHOO.widget.MenuManager;
				if (objid) {
					objid.className = "yuimenubar";
					temp = $i("contemMenu");
					if (temp) {
						temp.className = "yui-navset";
					}
					if (ms.deslocaEsquerda) {
						alinhamento = "left:" + ms.deslocaEsquerda * -1 + "px;";
					}
					// ajusta a altura caso n&atilde;o tenha sido especificado no
					// HTML
					if (temp && (!temp.style.height || parseInt(temp.style.height) === 0)) {
						temp.style.height = "30px";
					}
					if (objid.style.height && parseInt(objid.style.height, 10) === 0) {
						objid.style.height = "0px";
					}

					ins +=
						'<div class="bd" style="top:0px;' + alinhamento
							+ 'display:block;align:right;border: 0px solid white;z-index:3;line-height:1.4" >'
							+ '<ul class="first-of-type" style="display:block;border:0px solid white;top:10px;">';
					n = confm.menu.length;
					estilo = "padding-bottom:3px;top:0px;border: 0px solid white;";
					for (i = 0; i < n; i += 1) {
						t = "";
						if (confm.menu[i].target) {
							t = "target=" + confm.menu[i].target;
						}
						if (confm.submenus[confm.menu[i].id].length > 0) {
							ins +=
								'<li class="yuimenubaritem" style="padding-top:2px;"><a style="' + estilo
									+ '" href="#" class="yuimenubaritemlabel" '
									+ t
									+ 'id="menu'
									+ confm.menu[i].id
									+ '" >'
									+ confm.menu[i].nome
									+ '</a></li>';
						}
					}
					ins += '</ul>';
					ins += '</div>';
					objid.innerHTML = ins;
					if (i3GEO.Interface.ATUAL === "googleearth") {
						i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.parametrosYUI.iframe = true;
					}
					i3GEOoMenuBarLocal = new YAHOO.widget.MenuBar(id, i3GEO.gadgets.PARAMETROS.mostraMenuSuspenso.parametrosYUI);
					onMenuBarBeforeRender = function(p_sType, p_sArgs) {
						var nomeMenu = "", nomeSub, subs = i3GEO.configura.oMenuData.submenus, conta = 0;
						for (nomeMenu in subs) {
							if ($i("menu" + nomeMenu)) {
								nomeSub = subs[nomeMenu];
								if (nomeSub !== "") {
									i3GEOoMenuBarLocal.getItem(conta).cfg.setProperty('submenu', {
										id : nomeMenu,
										itemdata : nomeSub
									});
								}
								conta += 1;
							}
						}
					};
					// esses eventos fazem com que os itens de um menu fiquem sempre
					// sobre outros elementos do mapa
					temp = $i("contemMenu");
					if (temp) {
						i3GEOoMenuBarLocal.subscribe("beforeShow", function() {
							$i("contemMenu").style.zIndex = 5000;
							return;
						}, i3GEO.configura.oMenuData.submenus);
						i3GEOoMenuBarLocal.subscribe("beforeHide", function() {
							$i("contemMenu").style.zIndex = 1;
							return;
						}, i3GEO.configura.oMenuData.submenus);
					}
					i3GEOoMenuBar.addMenu(i3GEOoMenuBarLocal);
					i3GEOoMenuBarLocal.beforeRenderEvent.subscribe(onMenuBarBeforeRender);
					i3GEOoMenuBarLocal.render();
				}
			}
			//
			// marca o tipo de interface em uso
			//
			temp = [
				"omenudataInterface1", "omenudataInterface2", "omenudataInterface3", "omenudataInterface4", "omenudataInterface5"
			];
			n = temp.length;
			while (n > 0) {
				n -= 1;
				i = i3GEOoMenuBar.getMenuItem(temp[n]);
				if (i) {
					i.cfg.setProperty("checked", false);
				}
			}
			try {
				temp = "";
				switch (i3GEO.Interface.ATUAL) {
				case "openlayers":
					temp = "omenudataInterface2";
					break;
				case "googlemaps":
					temp = "omenudataInterface4";
					break;
				case "googleearth":
					temp = "omenudataInterface5";
					break;
				}
				if (temp != "" && $i(temp)) {
					i3GEOoMenuBar.getMenuItem(temp).cfg.setProperty("checked", true);
				}
			} catch (e) {
				if (typeof (console) !== 'undefined')
					console.warning("i3GEO.gadgets.mostraMenuSuspenso() ");

			}
			//
			// desabilita op&ccedil;&otilde;es em interfaces espec&iacute;ficas
			//
			temp = [
				"omenudataFerramentas7b", "omenudataArquivos3", "omenudataJanelas1", "omenudataJanelas3", "omenudataFerramentas2a"
			];
			n = temp.length;
			while (n > 0) {
				n -= 1;
				i = i3GEOoMenuBar.getMenuItem(temp[n]);
				if (i) {
					i.cfg.setProperty("disabled", false);
				}
			}
			try {
				temp = [];
				switch (i3GEO.Interface.ATUAL) {
				case "openlayers":
					temp = [
						"omenudataArquivos3", "omenudataJanelas1"
					];
					break;
				case "googlemaps":
					temp = [
						"omenudataArquivos3", "omenudataJanelas1", "omenudataJanelas3"
					];
					break;
				case "googleearth":
					temp = [
						"omenudataFerramentas7b", "omenudataArquivos3", "omenudataJanelas3", "omenudataFerramentas2a"
					];
					break;
				}
				;
				n = temp.length;
				while (n > 0) {
					n -= 1;
					i = i3GEOoMenuBar.getMenuItem(temp[n]);
					if (i) {
						i.cfg.setProperty("disabled", true);
					}
				}
			} catch (e) {
			}
			//
			// corrige problemas de estilo
			//
			temp = objid.style;
			temp.backgroundPosition = "0px -1px";
			temp.border = "0px solid white";
			// if(navm)
			// {temp.borderBottom = "2px solid white";}
			// if(navm && i3GEO.Interface.ATUAL === "googlemaps")
			// {temp.border = "2px dotted white";}
			if (ms.finaliza && ms.finaliza != "") {
				eval(ms.finaliza);
			}
		},
		/**
		 * Function: mostraMenuLista
		 *
		 * Mostra as op&ccedil;&otilde;es existentes no menu suspenso por&eacute;m na forma de uma lista de op&ccedil;&otilde;es
		 *
		 * O conte&uacute;do do menu &eacute; baseado na vari&aacute;vel i3GEO.configura.oMenuData
		 *
		 * Parametro:
		 *
		 * {String} - id do elemento HTML que receber&aacute; o resultado. Esse id por default &eacute; obtido de i3GEO.gadgets.PARAMETROS
		 */
		mostraMenuLista : function(id) {
			var objid, n, i, sub, nomeMenu = "", ms = i3GEO.gadgets.PARAMETROS.mostraMenuLista, confm = i3GEO.configura.oMenuData, ins = "", subs =
				i3GEO.configura.oMenuData.submenus;
			if (arguments.length === 0) {
				id = ms.idhtml;
			} else {
				ms.idhtml = id;
			}
			objid = $i(id);
			if (objid) {
				n = confm.menu.length;
				for (i = 0; i < n; i += 1) {
					ins += '<div class="listaMenuTitulo" id=menulista_' + confm.menu[i].id + '>' + confm.menu[i].nome + '</div>';
				}
				objid.innerHTML = ins;
				for (nomeMenu in subs) {
					if ($i("menulista_" + nomeMenu)) {
						sub = subs[nomeMenu];
						n = sub.length;
						ins = "";
						for (i = 0; i < n; i++) {
							ins += "<p class='listaMenuItem' ><a href='" + sub[i].url + "' target='_self'>" + sub[i].text + "</a>";
						}
						$i("menulista_" + nomeMenu).innerHTML += ins;
					}
				}
			}
		}
	};