botoesIni = [
{
	"corpo":"Para ver os parâmetros de inicialização com ms_configura",
	"link": "http://localhost/i3geo/ms_criamapa.php?ajuda",
	"tag": "Inicialização"
},{
	"link":"vinde.htm",
	"corpo":"Navegador de WMS cadastrados na INDE Brasileira",
	"tag":"IDE"
},{
	"link":"vindegm.phtml",
	"corpo":"Navegador de WMS cadastrados na INDE Brasileira com Google Maps",
	"tag":"IDE"
},{
	"link":"guiamovel1.htm",
	"corpo":"Ícones inseridos no puxador lateral da guia móvel",
	"tag":"Guias"
},{
	"link":"guiamovel2.htm",
	"corpo":"Puxador lateral da guia móvel sem ícones",
	"tag":"Guias"
},{
	"link":"guiaesquerda.htm",
	"corpo":"Guias laterais posicionados à esquerda do mapa",
	"tag":"Guias"
},{
	"link":"../ms_criamapa.php?mapext=&perfil=&temasa=&layers=&restauramapa=8&interface=exemplos/painel1.htm",
	"corpo":"Painel que abre um mapa e gráficos. O mapa é restaurado de um mapa salvo anteriormente e que contém dois gráficos",
	"tag":"Painel"
},{
	"link":"infodiv.htm",
	"corpo":"Ao clicar no mapa (tip) as informações são mostradas em uma posição fixa no mapa",
	"tag":"Identifica"
},{
	"link":"dobra.htm",
	"corpo":"Botão de troca de interface localizado no canto inferior direito",
	"tag":"Dobra"
},{
	"link":"semdobra.htm",
	"corpo":"Botão de troca de interface localizado na guia móvel",
	"tag":"Dobra"
},{
	"link":"mashupol1.htm",
	"corpo":"Openlayers em um iframe",
	"tag":"Mashup"
},{
	"link":"../mashups",
	"corpo":"Mais sobre mashups",
	"tag":"Mashup"
},
{
	"corpo":"Carregamento do codigo",
	"link":"codemirror.php?&pagina=cursodsv1.htm",
	"tag":"Sequência"
},
{
	"corpo":"Cria",
	"link":"codemirror.php?&pagina=cursodsv2.htm",
	"tag":"Sequência"
},
{
	"corpo":"Cria e inicia o mapa",
	"link":"codemirror.php?&pagina=cursodsv3.htm",
	"tag":"Sequência"
},
{
	"corpo":"Mostra o mapa",
	"link":"codemirror.php?&pagina=cursodsv4.htm",
	"tag":"Sequência"
},
{
	"corpo":"Tamanho definido no estilo",
	"link":"codemirror.php?&pagina=cursodsv5.htm",
	"tag":"Sequência"
},
{
	"corpo":"Posicionamento definido no estilo",
	"link":"codemirror.php?&pagina=cursodsv6.htm",
	"tag":"Sequência"
},
{
	"corpo":"Inclusao da escala numerica",
	"link":"codemirror.php?&pagina=cursodsv7.htm",
	"tag":"Sequência"
},
{
	"corpo":"Inclusao da arvore de camadas",
	"link":"codemirror.php?&pagina=cursodsv8.htm",
	"tag":"Sequência"
},
{
	"corpo":"Controle da arvore com YUI",
	"link":"codemirror.php?&pagina=cursodsv9.htm",
	"tag":"Sequência"
},
{
	"corpo":"Ajuste da arvore via parametros",
	"link":"codemirror.php?&pagina=cursodsv10.htm",
	"tag":"Sequência"
},
{
	"corpo":"Mostra apenas a opcao de legenda na arvore",
	"link":"codemirror.php?&pagina=cursodsv11.htm",
	"tag":"Sequência"
},
{
	"corpo":"Legenda aberta na arvore",
	"link":"codemirror.php?&pagina=cursodsv12.htm",
	"tag":"Sequência"
},
{
	"corpo":"Exemplo de uso de templates na legenda",
	"link":"codemirror.php?&pagina=cursodsv13.htm",
	"tag":"Sequência"
},
{
	"corpo":"Alteracao da arvore via JS ",
	"link":"codemirror.php?&pagina=cursodsv14.htm",
	"tag":"Sequência"
},
{
	"corpo":"Arvore do catalogo",
	"link":"codemirror.php?&pagina=cursodsv15.htm",
	"tag":"Sequência"
},
{
	"corpo":"Menu suspenso",
	"link":"codemirror.php?&pagina=cursodsv16.htm",
	"tag":"Sequência"
},
{
	"corpo":"Alteracao no menu",
	"link":"codemirror.php?&pagina=cursodsv17.htm",
	"tag":"Sequência"
},
{
	"corpo":"Componentes OpenLayers",
	"link":"codemirror.php?&pagina=cursodsv18.htm",
	"tag":"Sequência"
},
{
	"corpo":"Barra de botoes",
	"link":"codemirror.php?&pagina=cursodsv19.htm",
	"tag":"Sequência"
},
{
	"corpo":"Inclusao de um novo botao",
	"link":"codemirror.php?&pagina=cursodsv20.htm",
	"tag":"Sequência"
},
{
	"corpo":"Barra de botoes em linha",
	"link":"codemirror.php?&pagina=cursodsv21.htm",
	"tag":"Sequência"
},
{
	"corpo":"Botao com funcao Ajax",
	"link":"codemirror.php?&pagina=cursodsv22.htm",
	"tag":"Sequência"
},
{
	"corpo":"Barra de botoes fora do mapa",
	"link":"codemirror.php?&pagina=cursodsv23.htm",
	"tag":"Sequência"
},
{
	"corpo":"Legenda fora do mapa",
	"link":"codemirror.php?&pagina=cursodsv24.htm",
	"tag":"Sequência"
},
{
	"corpo":"Altera a funcao de atualizacao da legenda",
	"link":"codemirror.php?&pagina=cursodsv25.htm",
	"tag":"Sequência"
},
{
	"corpo":"Legenda sem alteracao da funcao de atualizacao",
	"link":"codemirror.php?&pagina=cursodsv26.htm",
	"tag":"Sequência"
},
{
	"corpo":"Desenho de poligono",
	"link":"codemirror.php?&pagina=cursodsv27.htm",
	"tag":"Sequência"
},
{
	"corpo":"Catalogo customizado",
	"link":"codemirror.php?&pagina=cursodsv28.htm",
	"tag":"Sequência"
},
{
	"corpo":"Coordenadas no rodape do mapa e dobra de troca de API",
	"link":"codemirror.php?&pagina=cursodsv29.htm",
	"tag":"Sequência"
},
{
	"link":"openlayers3.htm",
	"corpo":"Modo TILE com uma área de entorno maior i3GEO.Interface.openlayers.BUFFER = 1",
	"tag":"Tile"
},
{
	"link":"openlayers4.htm",
	"corpo":"Sem nenhum layer de fundo. A lista de layers de fundo e o controle sobre qual será mostrado no início do mapa é feito simplesmente modificando-se os parâmetros desses layers no HTML utilizado no mapa",
	"tag":"Fundo"
},
{
	"link":"openlayers5.htm",
	"corpo":"Modifica a extensão geográfica máxima de apresentação i3GEO.Interface.openlayers.MAXEXTENT = [-63.712484, -20.765721, -42.385294, -9.136698]",
	"tag":"Extensão"
},
{
	"link":"controleol.htm",
	"corpo":"Controle com a posição do mouse",
	"tag":"Controles"
},
{
	"link":"menus1.htm",
	"corpo":"Modifica o menu suspenso",
	"tag":"Menus"
},
{
	"link":"menus2.htm",
	"corpo":"Não mostra o menu de administração",
	"tag":"Menus"
},
{
	"link":"guias3.htm",
	"corpo":"Modificação na guia que mostra o catálogo de dados. Uso de combo ao invés de árvore",
	"tag":"Guias"
},
{
	"link":"guias2.htm",
	"corpo":"Guias do tipo sanfona",
	"tag":"Guias"
},
{
	"link":"guias4.htm",
	"corpo":"Inicia com uma guia específica",
	"tag":"Guias"
},
{
	"link":"fotos1.htm",
	"corpo":"Guias do tipo sanfona com fotos",
	"tag":"Guias"
},
{
	"link":"guias1.htm",
	"corpo":"Retorna à guia padrão após adicionar um tema",
	"tag":"Guias"
},
{
	"link":"barraemlinha.htm",
	"corpo":"Barra de botões em linha, com formatação livre",
	"tag":"Botões"
},
{
	"link":"barraemlinha1.htm",
	"corpo":"Barra de botões em linha, posicionada dentro do corpo do mapa",
	"tag":"Botões"
},
{
	"link":"barraemlinha2.htm",
	"corpo":"Barra de botões em linha, posicionada dentro do corpo do mapa e com aplicação de estilo transparente",
	"tag":"Botões"
},
{
	"link":"botoestop.htm",
	"corpo":"Barra do tipo 'olho de peixe' posicionada na parte superior do mapa",
	"tag":"Botões"
},
{
	"link":"botoes6.htm",
	"corpo":"Apenas alguns ícones são mostrados e com uma função alterada (binóculo)",
	"tag":"Botões"
},
{
	"link":"botoes1.htm",
	"corpo":"Barra apenas com os ícones",
	"tag":"Botões"
},
{
	"link":"botoes5.htm",
	"corpo":"Como inserir botões na barra de botões",
	"tag":"Botões"
},
{
	"link":"legenda1.htm",
	"corpo":"Legenda com grupos",
	"tag":"Legenda"
},
{
	"link":"aplic2.htm",
	"corpo":"Adiciona uma camada extra via javascript",
	"tag":"Camadas"
},
{
	"link":"camadas5.htm",
	"corpo":"Vincula temas na árvore de camadas para ligar/desligar em bloco",
	"tag":"Camadas"
},
{
	"link":"mashup1.htm",
	"corpo":"Exemplo 1 - Botões com destaque laranja, em dois grupos na parte superior e mapa com zoom",
	"tag":"Mashup"
},
{
	"link":"mashup2.htm",
	"corpo":"Exemplo 2 - Botões com destaque laranja, em um único grupo na parte superior e mapa sem zoom",
	"tag":"Mashup"
},
{
	"link":"mashup3.htm",
	"corpo":"Exemplo 3 - Sem as guias, com os botões na parte superior e a legenda em um outro local da página",
	"tag":"Mashup"
},
{
	"link":"mashup9.htm",
	"corpo":"Exemplo 3a - O mesmo que o 3 mas usando o Open Street Map",
	"tag":"Mashup"
},
{
	"link":"mashup4.htm",
	"corpo":"Exemplo 4 - Sem as guias, com os botões na parte superior e a legenda em uma janela flutuante",
	"tag":"Mashup"
},
{
	"link":"mashup5.htm",
	"corpo":"Exemplo 5 - Sem as guias e apenas com os botões de naveção em uma janela flutuante",
	"tag":"Mashup"
},
{
	"link":"mashup6.htm",
	"corpo":"Exemplo 6 - Mapa posicionado no canto superior esquerdo, sem as guias e apenas com os botões de naveção em uma janela flutuante",
	"tag":"Mashup"
},
{
	"link":"iframe1.htm",
	"corpo":"Iframe Exemplo 1 - Sem controle de tamanho",
	"tag":"IFRAME"
},
{
	"link":"iframe2.htm",
	"corpo":"Iframe Exemplo 2 - Com tamanho controlado",
	"tag":"IFRAME"
},
{
	"link":"../interface/googlemaps_noite.phtml",
	"corpo":"Aplicação de estilo diferente",
	"tag":"Google Maps"
},
{
	"link":"gm1.php?&temasa=_lbiomashp,_llocali&layers=_lbiomashp&mapext=-76,-39,-29,9",
	"corpo":"Sem nenhum componente adicional, apenas um botão 'legenda' com a árvore de camadas",
	"tag":"Google Maps"
},
{
	"link":"googlemapssanfona.phtml",
	"corpo":"Guias do tipo sanfona",
	"tag":"Google Maps"
},
{
	"link":"googlemapscomogc.php",
	"corpo":"Como adicionar uma camada WMS do i3Geo em um mapa normal do Google Maps",
	"tag":"Google Maps"
},
{
	"link":"adicionatema.htm",
	"corpo":"Como definir as camadas que serão incluídas no mapa na inicialização por meio da configuração de propriedades via Javascript",
	"tag":"Camadas"
},
{
	"link":"janelas.htm",
	"corpo":"Opções de criação de janelas flutuantes",
	"tag":"Janelas"
},
{
	"link":"arvoredetemas.htm",
	"corpo":"Construtor de opções da árvore de adição de temas",
	"tag":"Árvore"
},
{
	"link":"arvoredecamadas.htm",
	"corpo":"Construtor de opções da árvore de camadas",
	"tag":"Árvore"
},
{
	"link":"combos.htm",
	"corpo":"Criação de combos baseados na árvore de camadas e lista de colunas de um tema",
	"tag":"Árvore"
},
{
	"link":"camadas1.htm",
	"corpo":"Árvore expandida",
	"tag":"Árvore"
},
{
	"link":"camadas2.htm",
	"corpo":"Legenda expandida",
	"tag":"Árvore"
},
{
	"link":"camadas3.htm",
	"corpo":"Árvore simplificada",
	"tag":"Árvore"
},
{
	"link":"camadas4.htm",
	"corpo":"Opção 'mais temas' na guia de camadas",
	"tag":"Árvore"
},
{
	"link":"legenda2.htm",
	"corpo":"Árvore com grupos",
	"tag":"Árvore"
},
{
	"link":"calculo1.htm",
	"corpo":"Distâncias",
	"tag":"Cálculos"
},
{
	"link":"login.htm",
	"corpo":"Login simples Abre uma janela de diálogo para que o usuário faça login. Nesse exemplo não é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.",
	"tag":"Login"
},
{
	"link":"login1.htm",
	"corpo":"Login simples com verificação Abre uma janela de diálogo para que o usuário faça login. Ao contrário do anterior nesse exemplo é considerado se o login já foi feito antes ou não. Essa técnica não oferece muita segurança pois o código javascript fica exposto e um usuário mais experiente pode burlar o login.",
	"tag":"Login"
},
{
	"link":"login2.htm",
	"corpo":"Login com página de verificação anterior Abre uma janela de diálogo para que o usuário faça login. O código javascript só fica exposto após o login.",
	"tag":"Login"
},
{
	"link":"login3.php",
	"corpo":"Exigência de login A página só é aberta se o usuário estiver logado.",
	"tag":"Login"
},
{
	"link":"login4.htm",
	"corpo":"Exige login e verifica acesso à página O mapa só é aberto se o usuário estiver cadastrado em um dos papéis que pode acessar essa operação.",
	"tag":"Login"
},
{
	"link":"idioma.htm",
	"corpo":"Mostra o seletor deidiomas no rodapé",
	"tag":"Idioma"
}
];

function mostraBotoesBT(){
	//
	//essa funcao obtem a lista unica de tags para montar o indice
	//
	var html = "", novalista = [], n, nc, i, j, chaves = [], nchaves = [];

	n = botoesIni.length;
	for(i=0; i<n; i++){
		chaves.push(botoesIni[i].tag);
	}
	chaves = chaves.getUnique();
	chaves.sort();
	nc = chaves.length;
	for(j=0;j<nc;j++){
		for(i=0; i<n; i++){
			if(botoesIni[i].tag == chaves[j]){
				botoesIni[i]["id"] = "a"+j;
				novalista.push(botoesIni[i]);
			}
		}
	}
	html = Mustache.to_html(
			"{{#d}}" + $("#botoesTpl").html() + "{{/d}}",
			{"d":novalista}
	);
	$("#botoesTpl").html(html);

	for(j=0;j<nc;j++){
		nchaves.push({"tag":chaves[j],"id":"a"+j});
	}
	html = Mustache.to_html(
			"{{#d}}" + $("#tplLista").html() + "{{/d}}",
			{"d":nchaves}
	);
	var r = new RegExp("&amp;","g");
	$("#tplLista").html(html.replace(r,"&"));

}