From 0a32d7123aa313c7996a58b3751e131689f019aa Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Wed, 29 Sep 2010 00:21:24 +0000
Subject: [PATCH] Reorganização da árvore de temas na opção de edição do sistema de administração

---
 admin/html/arvore.html            |   2 +-
 admin/js/arvore.js                | 328 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------------
 admin/js/core.js                  |   8 +++++++-
 admin/js/editormapfile.js         |   4 ++--
 classesjs/classe_gadgets.js       |  21 +++++++++++++++------
 classesjs/classe_janela.js        |   3 ++-
 ferramentas/colorpicker/index.htm |   4 ++--
 menutemas/admin.db                | Bin 66560 -> 0 bytes
 8 files changed, 206 insertions(+), 164 deletions(-)

diff --git a/admin/html/arvore.html b/admin/html/arvore.html
index de19277..c16743e 100644
--- a/admin/html/arvore.html
+++ b/admin/html/arvore.html
@@ -26,7 +26,7 @@
 <h1>Administração do i3geo - Árvore de temas <img src="../imagens/04.png" style="cursor:pointer" id=botaoAjuda /></h1>
 
 </div>
-<div id="ajuda">
+<div id="ajuda" style=display:none >
 	<div class="hd">Ajuda</div>
 	<div class="bd" style="height:144px;overflow:auto">
 		<p>Este formulário permite editar árvore de temas que será utilizada pelo i3Geo.
diff --git a/admin/js/arvore.js b/admin/js/arvore.js
index 3583d3e..e81bb2c 100644
--- a/admin/js/arvore.js
+++ b/admin/js/arvore.js
@@ -106,6 +106,10 @@ function montaArvore(dados)
 		}
         function loadNodeData(node, fnLoadComplete)
         {
+			if(node.data.id_menu == undefined){
+				fnLoadComplete.call();
+				return;
+			}
 			var sUrl = "../php/arvore.php?funcao=pegaGrupos&id_menu="+node.data.id_menu+"&idioma="+idiomaSel();
 			var callback =
 			{
@@ -142,6 +146,12 @@ function montaArvore(dados)
    	montaNosMenus(dados)
    	tree.draw();
 }
+function temaIconMode()
+{
+	var newVal = parseInt(this.value);
+	if (newVal != currentIconMode)
+	{currentIconMode = newVal;}
+}
 //
 //adiciona os menus na árvore
 //
@@ -171,64 +181,84 @@ Monta os nós com os grupos e permite abrir os subgrupos
 */
 function montaNosGrupos(idmenu,no,dados,redesenha)
 {
-	function temaIconMode()
-	{
-		var newVal = parseInt(this.value);
-		if (newVal != currentIconMode)
-		{currentIconMode = newVal;}
-	}
-    function loadSubgruposData(node, fnLoadComplete)
-    {
-		var sUrl = "../php/arvore.php?funcao=pegaSubGrupos&id_n1="+node.data.id_n1+"&id_menu="+idmenu+"&idioma="+idiomaSel();
-		var callback =
-		{
-            success: function(oResponse)
-            {
-                var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-				montaNosSubgrupos(idmenu,node,dados,true)
-                oResponse.argument.fnLoadComplete();
-            },
-            failure: function(oResponse)
-            {
-                oResponse.argument.fnLoadComplete();
-            },
-            argument:
-            {
-                "node": node,
-                "fnLoadComplete": fnLoadComplete
-            },
-            timeout: 7000
-        };
-        YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
-    }
     //pega os temas que ficam na raiz da árvore
 	if(!tree.getNodeByProperty("etiquetaTemasRaiz","menu_"+idmenu))
-	montaTemasRaiz(no,dados,true)
+	{montaTemasRaiz(no,dados,true);}
 	//pega os grupos do menu
-    if(!tree.getNodeByProperty("etiquetaGrupo","menu_"+idmenu))
+    if(idmenu == undefined)
+	{return;}
+	if(!tree.getNodeByProperty("etiquetaGrupo","menu_"+idmenu))
     {
-		var conteudo = "<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoGrupo('"+idmenu+"')\" title='adiciona grupo' src=\"../imagens/05.png\" />"
 		var temp = "menu_"+idmenu
-		var d = {tipo:"etiqueta","etiquetaGrupo":temp,html:conteudo+"<i>Grupos:</i>"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.isLeaf = true;
-	}
+		var d = {tipo:"etiqueta","etiquetaGrupo":temp,html:"<i>Grupos</i>"}
+		var tempNodeR = new YAHOO.widget.HTMLNode(d, no, false,true);
+		tempNodeR.isLeaf = false;
+		
+		var conteudo = "<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoGrupo('"+idmenu+"')\" title='adiciona grupo' src=\"../imagens/05.png\" /> Adicionar um novo"
+		var d = {html:conteudo};
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.isLeaf = true;			
+	}	
 	for (var i=0, j=dados.grupos.length; i<j; i++)
 	{
-		var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','grupo','"+dados.grupos[i].id_n1+"')\" title=sobe src=\"../imagens/34.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('desce','grupo','"+dados.grupos[i].id_n1+"')\" title=desce src=\"../imagens/33.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('grupo','"+dados.grupos[i].id_n1+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('grupo','"+dados.grupos[i].id_n1+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;";
-		var cor = "";
-		if(dados.grupos[i].publicado == "NAO")
-		var cor = "style='color:red'";
-		conteudo += "<span "+cor+" >"+dados.grupos[i].nome_grupo+"</span>"
-		var d = {html:conteudo,id_n1:dados.grupos[i].id_n1,tipo:"grupo"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.setDynamicLoad(loadSubgruposData, temaIconMode);
+		var conteudo = montaConteudoNo(dados.grupos[i].id_n1,dados.grupos[i].publicado,dados.grupos[i].nome_grupo,"grupo")
+		var d = {idmenu:idmenu,html:conteudo,id_n1:dados.grupos[i].id_n1,tipo:"grupo"}
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.setDynamicLoad(loadSubgruposData, temaIconMode, idmenu);
 	}
 	if(redesenha){tree.draw();}
 }
+function loadSubgruposData(node, fnLoadComplete)
+{
+	var idmenu = node.data.idmenu;
+	var sUrl = "../php/arvore.php?funcao=pegaSubGrupos&id_n1="+node.data.id_n1+"&id_menu="+idmenu+"&idioma="+idiomaSel();
+	var callback =
+	{
+		success: function(oResponse)
+		{
+			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
+			montaNosSubgrupos(idmenu,node,dados,true)
+			oResponse.argument.fnLoadComplete();
+		},
+		failure: function(oResponse)
+		{
+			oResponse.argument.fnLoadComplete();
+		},
+		argument:
+		{
+			"node": node,
+			"fnLoadComplete": fnLoadComplete
+		},
+		timeout: 7000
+	};
+	YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
+}
+function loadTemasData(node, fnLoadComplete)
+{
+	var idmenu = node.data.idmenu;
+	var sUrl = "../php/arvore.php?funcao=pegaTemas&id_n2="+node.data.id_n2+"&idioma="+idiomaSel();
+	var callback =
+	{
+		success: function(oResponse)
+		{
+			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
+			montaTemas(idmenu,node,dados,false)
+			oResponse.argument.fnLoadComplete();
+		},
+		failure: function(oResponse)
+		{
+			oResponse.argument.fnLoadComplete();
+		},
+		argument:
+		{
+			"node": node,
+			"fnLoadComplete": fnLoadComplete
+		},
+		timeout: 7000
+	};
+	YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
+}
+
 /*
 Function: montaNosSubgrupos
 
@@ -238,57 +268,26 @@ Monta os nós com os temas
 */
 function montaNosSubgrupos(idmenu,no,dados,redesenha)
 {
-    function loadTemasData(node, fnLoadComplete)
-    {
-		var sUrl = "../php/arvore.php?funcao=pegaTemas&id_n2="+node.data.id_n2+"&idioma="+idiomaSel();
-		var callback =
-		{
-            success: function(oResponse)
-            {
-                var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-				montaTemas(idmenu,node,dados,false)
-                oResponse.argument.fnLoadComplete();
-            },
-            failure: function(oResponse)
-            {
-                oResponse.argument.fnLoadComplete();
-            },
-            argument:
-            {
-                "node": node,
-                "fnLoadComplete": fnLoadComplete
-            },
-            timeout: 7000
-        };
-        YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
-    }
     if(!tree.getNodeByProperty("etiquetaTemasGrupo","grupo_"+no.data.id_n1))
 	montaTemasRaizGrupo(idmenu,no,dados,true)
+    if(idmenu == undefined)
+	{return;}	
 	if(!tree.getNodeByProperty("etiquetaTemasSubGrupo",no.data.id_n1))
 	{
+		var d = {tipo:"etiqueta",etiquetaTemasSubGrupo:no.data.id_n1,html:"<i>Sub-grupos</i>"}
+		var tempNodeR = new YAHOO.widget.HTMLNode(d, no, false,true);
+		tempNodeR.isLeaf = false;
+		
 		var conteudo = "<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoSubGrupo('"+idmenu+"','"+no.data.id_n1+"')\" title='adiciona sub-grupo' src=\"../imagens/05.png\" />"
-		var d = {tipo:"etiqueta",etiquetaTemasSubGrupo:no.data.id_n1,html:conteudo+"<i>Sub-grupos:</i>"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.isLeaf = true;
-	}
-	function temaIconMode()
-	{
-		var newVal = parseInt(this.value);
-		if (newVal != currentIconMode)
-		{currentIconMode = newVal;}
+		var d = {html:conteudo+"<i>Adicionar um novo</i>"}
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.isLeaf = true;		
 	}
 	for (var i=0, j=dados.subgrupos.length; i<j; i++)
 	{
-		var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','subgrupo','"+dados.subgrupos[i].id_n2+"')\" title=sobe src=\"../imagens/34.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('desce','subgrupo','"+dados.subgrupos[i].id_n2+"')\" title=desce src=\"../imagens/33.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('subgrupo','"+dados.subgrupos[i].id_n2+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('subgrupo','"+dados.subgrupos[i].id_n2+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;"
-		var cor = "";
-		if(dados.subgrupos[i].publicado == "NAO")
-		var cor = "style='color:red'";
-		conteudo += "<span "+cor+" >"+dados.subgrupos[i].nome_subgrupo+"</span>"
-		var d = {html:conteudo,id_n2:dados.subgrupos[i].id_n2,tipo:"subgrupo"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+		var conteudo = montaConteudoNo(dados.subgrupos[i].id_n2,dados.subgrupos[i].publicado,dados.subgrupos[i].nome_subgrupo,"subgrupo")
+		var d = {idmenu:idmenu,html:conteudo,id_n2:dados.subgrupos[i].id_n2,tipo:"subgrupo"}
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
 		tempNode.setDynamicLoad(loadTemasData, temaIconMode);
 	}
 	if(redesenha){tree.draw();}
@@ -297,40 +296,53 @@ function montaTemas(idmenu,no,dados,redesenha)
 {
 	if(!tree.getNodeByProperty("etiquetaTemas",no.data.id_n2))
 	{
+		var d = {tipo:"etiqueta",etiquetaTemas:no.data.id_n2,html:"<i>Temas</i>"}
+		var tempNodeR = new YAHOO.widget.HTMLNode(d, no, false,true);
+		tempNodeR.isLeaf = false;
+		
 		var conteudo = "<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoTema('"+idmenu+"','"+no.data.id_n2+"')\" title='adiciona tema' src=\"../imagens/05.png\" />"
-		var d = {tipo:"etiqueta",etiquetaTemas:no.data.id_n2,html:conteudo+"<i>Temas:</i>"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.isLeaf = true;
+		var d = {html:conteudo+"<i>Adicionar um novo</i>"}
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.isLeaf = true;		
 	}
 	for (i=0, j=dados.length; i<j; i++)
 	{
-		var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','tema','"+dados[i].id_n3+"')\" title=sobe src=\"../imagens/34.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('desce','tema','"+dados[i].id_n3+"')\" title=desce src=\"../imagens/33.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('tema','"+dados[i].id_n3+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('tema','"+dados[i].id_n3+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;"
-		var cor = "";
-		if(dados[i].publicado == "NAO")
-		var cor = "style='color:red'";
-		if(dados[i].nome_tema)
-		conteudo += "<span "+cor+" >"+dados[i].nome_tema+"</span>"
-		else
-		conteudo += "<span "+cor+" >edite para escolher o tema</span>"
+		var conteudo = montaConteudoNo(dados[i].id_n3,dados[i].publicado,dados[i].nome_tema,"tema");
 		var d = {html:conteudo,id_n3:dados[i].id_n3,tipo:"tema"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
 		tempNode.isLeaf = true;
 	}
 	if(redesenha){tree.draw();}
 }
+function montaConteudoNo(id,publicado,nome,tipo){
+	var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','"+tipo+"','"+id+"')\" title=sobe src=\"../imagens/34.png\" />"
+	conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('desce','"+tipo+"','"+id+"')\" title=desce src=\"../imagens/33.png\" />"
+	conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('"+tipo+"','"+id+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
+	conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('"+tipo+"','"+id+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;"
+	var cor = "";
+	if(publicado == "NAO")
+	{var cor = "style='color:red'";}
+	if(nome)
+	conteudo += "<span "+cor+" >"+nome+"</span>"
+	else
+	conteudo += "<span "+cor+" > ??? vc precisa editar esse nó</span>"
+	return conteudo;
+}
 function montaTemasRaiz(no,dados,redesenha)
 {
-    if(!tree.getNodeByProperty("etiquetaTemasRaiz","menu_"+no.data.id_menu))
-    {
-		var temp = "menu_"+no.data.id_menu
-		var d = {etiquetaTemasRaiz:temp,tipo:"etiqueta",html:"<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoTemaRaiz('"+no.data.id_menu+"')\" title='adiciona tema'  src=\"../imagens/05.png\" /><i>Temas na raiz do menu:</i>"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.isLeaf = true;
-	}
 	var resultado = new Array();
+	if(no.data.id_menu == undefined)
+	{return;}
+	if(!tree.getNodeByProperty("etiquetaTemasRaiz","menu_"+no.data.id_menu))
+    {
+		var temp = "menu_"+no.data.id_menu;
+		var d = {id_menu:no.data.id_menu,tipo:"etiqueta",etiquetaTemasRaiz:temp,html:"<i>Temas na raiz do menu</i>"}
+		var tempNodeR = new YAHOO.widget.HTMLNode(d, no, false,true);
+		tempNodeR.isLeaf = false;
+		var d = {tipo:"etiqueta",html:"<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoTemaRaiz('"+no.data.id_menu+"')\" title='adiciona tema'  src=\"../imagens/05.png\" /><i>Adicionar um novo</i>"}
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.isLeaf = true;		
+	}	
 	for (var i=0, j=dados.raiz.length; i<j; i++)
 	{
 		var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','raizmenu','"+dados.raiz[i].id_raiz+"')\" title=sobe src=\"../imagens/34.png\" />"
@@ -338,7 +350,7 @@ function montaTemasRaiz(no,dados,redesenha)
 		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('raizmenu','"+dados.raiz[i].id_raiz+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
 		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('raizmenu','"+dados.raiz[i].id_raiz+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;<span>"+dados.raiz[i].nome_tema+"</span>"
 		var d = {html:conteudo,id_raiz:dados.raiz[i].id_raiz,tipo:"raizmenu"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
 		tempNode.isLeaf = true;
 		resultado.push(tempNode)
 	}
@@ -346,31 +358,29 @@ function montaTemasRaiz(no,dados,redesenha)
 }
 function montaTemasRaizGrupo(idmenu,no,dados,redesenha)
 {
-    if(!tree.getNodeByProperty("etiquetaTemasGrupo","grupo_"+no.data.id_n1))
+    var resultado = new Array();
+	if(no.data.id_n1 == undefined)
+	{return;}	
+	if(!tree.getNodeByProperty("etiquetaTemasGrupo","grupo_"+no.data.id_n1))
     {
-		var temp = "grupo_"+no.data.id_n1
-		var d = {etiquetaTemasGrupo:temp,tipo:"etiqueta",html:"<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoTemaRaizGrupo('"+idmenu+"','"+no.data.id_n1+"')\" title='adiciona tema'  src=\"../imagens/05.png\" /><i>Temas na raiz do grupo:</i>"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
-		tempNode.isLeaf = true;
+		var temp = "grupo_"+no.data.id_n1;
+		var d = {etiquetaTemasGrupo:temp,tipo:"etiqueta",html:"<i>Temas na raiz do grupo:</i>"};
+		var tempNodeR = new YAHOO.widget.HTMLNode(d, no, false,true);
+		tempNodeR.isLeaf = false;
+		var d = {tipo:"etiqueta",html:"<img style=\"position:relative;cursor:pointer;top:2px\" onclick=\"novoTemaRaizGrupo('"+idmenu+"','"+no.data.id_n1+"')\" title='adiciona tema'  src=\"../imagens/05.png\" /><i>Adicionar um novo</i>"};
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR, false,true);
+		tempNode.isLeaf = true;		
 	}
-	var resultado = new Array();
 	for (var i=0, j=dados.raiz.length; i<j; i++)
 	{
-		var conteudo = "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('sobe','raizgrupo','"+dados.raiz[i].id_raiz+"')\" title=sobe src=\"../imagens/34.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"sobeDesce('desce','raizgrupo','"+dados.raiz[i].id_raiz+"')\" title=desce src=\"../imagens/33.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"excluir('raizgrupo','"+dados.raiz[i].id_raiz+"')\" title=excluir width='10px' heigth='10px' src=\"../imagens/01.png\" />"
-		conteudo += "&nbsp;<img style=\"position:relative;cursor:pointer;top:0px\" onclick=\"editar('raizgrupo','"+dados.raiz[i].id_raiz+"')\" title=editar width='10px' heigth='10px' src=\"../imagens/06.png\" />&nbsp;<span>"+dados.raiz[i].nome_tema+"</span>"
-		var d = {html:conteudo,id_raiz:dados.raiz[i].id_raiz,tipo:"raizmenu"}
-		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+		var conteudo = montaConteudoNo(dados.raiz[i].id_raiz,"SIM",dados.raiz[i].nome_tema,"raizgrupo");
+		var d = {html:conteudo,id_raiz:dados.raiz[i].id_raiz,tipo:"raizgrupo"};
+		var tempNode = new YAHOO.widget.HTMLNode(d, tempNodeR,false,true);
 		tempNode.isLeaf = true;
 		resultado.push(tempNode)
 	}
 	return resultado;	
 }
-//
-//adiciona um novo tema na raiz do menu
-//id = id do menu alvo
-//
 /*
 Function: novoTemaRaiz
 
@@ -383,17 +393,18 @@ function novoTemaRaiz(id)
 	core_carregando("ativa");
 	var mensagem = " adicionando tema...";
 	core_carregando(mensagem);
-	var no = tree.getNodeByProperty("id_menu",id)
-	var noEtiquetaGrupo = tree.getNodeByProperty("etiquetaGrupo","menu_"+id)
+	var no = tree.getNodeByProperty("etiquetaTemasRaiz","menu_"+id)
 	var sUrl = "../php/arvore.php?funcao=adicionarTemaRaiz&id_menu="+id+"&idioma="+idiomaSel();
 	var callback =
 	{
     	success: function(oResponse)
 		{
 			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-			var nos = montaTemasRaiz(no,dados,false)
-			tree.popNode(nos[0])
-			nos[0].insertBefore(noEtiquetaGrupo)
+			dados = dados.raiz[0];
+			var conteudo = montaConteudoNo(dados.id_raiz,"SIM","","raizmenu");
+			var d = {html:conteudo,id_raiz:dados.id_raiz,tipo:"raizmenu"}
+			var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+			tempNode.isLeaf = true;
 			tree.draw();
 			core_carregando("desativa");
 		},
@@ -414,17 +425,18 @@ function novoTemaRaizGrupo(idmenu,id)
 	core_carregando("ativa");
 	var mensagem = " adicionando tema...";
 	core_carregando(mensagem);
-	var no = tree.getNodeByProperty("id_n1",id)
-	var noEtiquetaSubGrupo = tree.getNodeByProperty("etiquetaTemasSubGrupo",id)
+	var no = tree.getNodeByProperty("etiquetaTemasGrupo","grupo_"+id)
 	var sUrl = "../php/arvore.php?funcao=adicionarTemaRaizGrupo&id_n1="+id+"&id_menu="+idmenu+"&idioma="+idiomaSel();
 	var callback =
 	{
     	success: function(oResponse)
 		{
 			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-			var nos = montaTemasRaizGrupo(idmenu,no,dados,false)
-			tree.popNode(nos[0])
-			nos[0].insertBefore(noEtiquetaSubGrupo)
+			dados = dados.raiz[0];
+			var conteudo = montaConteudoNo(dados.id_raiz,"SIM","","raizgrupo");
+			var d = {html:conteudo,id_raiz:dados.id_raiz,tipo:"raizgrupo"}
+			var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+			tempNode.isLeaf = true;
 			tree.draw();
 			core_carregando("desativa");
 		},
@@ -450,11 +462,16 @@ function novoGrupo(id_menu)
 	{
     	success: function(oResponse)
 		{
+			var no = tree.getNodeByProperty("etiquetaGrupo","menu_"+id_menu)
 			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-			var no = tree.getNodeByProperty("id_menu",id_menu)
-			montaNosGrupos(id_menu,no,dados,false)
+			dados = dados.grupos[0];
+			var conteudo = montaConteudoNo(dados.id_n1,"NAO","","grupo");
+			var d = {idmenu:id_menu,html:conteudo,id_n1:dados.id_n1,tipo:"grupo"}
+			var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+			tempNode.isLeaf = false;
+			tempNode.setDynamicLoad(loadSubgruposData, temaIconMode, id_menu);
 			tree.draw();
-			core_carregando("desativa");
+			core_carregando("desativa");			
 		},
   		failure:core_handleFailure,
   		argument: { foo:"foo", bar:"bar" }
@@ -468,7 +485,7 @@ Adiciona um novo subgrupo em um grupo
 
 <ADICIONARSUBGRUPO>
 */
-function novoSubGrupo(idmenu,id_n1)
+function novoSubGrupo(id_menu,id_n1)
 {
 	core_carregando("ativa");
 	var mensagem = " adicionando Sub-grupo...";
@@ -478,9 +495,14 @@ function novoSubGrupo(idmenu,id_n1)
 	{
     	success: function(oResponse)
 		{
+			var no = tree.getNodeByProperty("etiquetaTemasSubGrupo",id_n1)
 			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-			var no = tree.getNodeByProperty("id_n1",id_n1)
-			montaNosSubgrupos(idmenu,no,dados,false)
+			dados = dados.subgrupos[0];
+			var conteudo = montaConteudoNo(dados.id_n2,dados.publicado,"","subgrupo");
+			var d = {idmenu:id_menu,html:conteudo,id_n2:dados.id_n2,tipo:"subgrupo"}
+			var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+			tempNode.isLeaf = false;
+			tempNode.setDynamicLoad(loadSubgruposData, temaIconMode, id_menu);
 			tree.draw();
 			core_carregando("desativa");
 		},
@@ -496,7 +518,7 @@ Adiciona um novo tema
 
 <ADICIONARTEMA>
 */
-function novoTema(idmenu,id_n2)
+function novoTema(id_menu,id_n2)
 {
 	core_carregando("ativa");
 	var mensagem = " adicionando tema...";
@@ -506,9 +528,13 @@ function novoTema(idmenu,id_n2)
 	{
     	success: function(oResponse)
 		{
+			var no = tree.getNodeByProperty("etiquetaTemas",id_n2);
 			var dados = YAHOO.lang.JSON.parse(oResponse.responseText)
-			var no = tree.getNodeByProperty("id_n2",id_n2)
-			montaTemas(idmenu,no,dados,false)
+			dados = dados[0];
+			var conteudo = montaConteudoNo(dados.id_n3,dados.publicado,"","tema");
+			var d = {idmenu:id_menu,html:conteudo,id_n3:dados.id_n3,tipo:"tema"}
+			var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
+			tempNode.isLeaf = true;
 			tree.draw();
 			core_carregando("desativa");
 		},
@@ -654,8 +680,8 @@ function montaDivRaiz(i)
 	ins += "<p>Perfis que podem ver: </p>"
 	ins += "<input size=50 type=text id='Eperfil' value='"+i.perfil+"' /></p>"
 	ins += "<div id=comboPerfil >Buscando...</div>";
-	ins += "<br><br>Para criar um novo tema clique <a href='temas.html' >aqui</a>."
-	ins += "<br><br>Para criar um novo perfil clique <a href='perfis.html' >aqui</a>."
+	ins += "<br><br>Para criar um novo mapfile clique <a href='../html/editormapfile.html' target=_blank >aqui</a>."
+	ins += "<br><br>Para criar um novo perfil clique <a href='../html/perfis.html' target=_blank >aqui</a>."
 	ins += "<input type=hidden value="+i.ordem+" id='Eordem' />"
 	return(ins)
 }
diff --git a/admin/js/core.js b/admin/js/core.js
index 50e07d2..f5ce403 100644
--- a/admin/js/core.js
+++ b/admin/js/core.js
@@ -274,6 +274,7 @@ botao - id do elemento que deverá ser lcicado para abrir o painel
 */
 function core_ativaPainelAjuda(id,botao)
 {
+	$i(id).style.display = "block";
 	if(!YAHOO.example.container.panelAjuda)
 	{
 		YAHOO.example.container.panelAjuda = new YAHOO.widget.Panel(id, { width:"350px", height:"200px",overflow:"auto", visible:false,constraintoviewport:true } );
@@ -1207,7 +1208,12 @@ function idiomaSel(){
 }
 function core_abreCor(janela,elemento)
 {
-	i3GEO.janela.cria("420","230px","../../ferramentas/colorpicker/index.htm?doc=&elemento="+elemento,"","","Cor","i3geo_janelaCor",true);
+	if(i3GEO.configura == undefined )
+	{i3GEO.configura = {locaplic: "../.."};}
+	i3GEO.util.abreCor("",elemento,"rgb");
+	$i("i3geo_janelaCori").style.width = "350px";
+	$i("i3geo_janelaCori").style.height = "290px";
+	//i3GEO.janela.cria("350px","250px","../../ferramentas/colorpicker/index.htm?doc=&elemento="+elemento+"&tipo=rgb","","","Cor","i3geo_janelaCor",true);
 }
 //
 //carregador de javascript
diff --git a/admin/js/editormapfile.js b/admin/js/editormapfile.js
index 6b5726c..e70202b 100644
--- a/admin/js/editormapfile.js
+++ b/admin/js/editormapfile.js
@@ -402,7 +402,7 @@ function montaParametrosClasses(no,dados,redesenha)
 	}
     if(!tree.getNodeByProperty("etiquetaClasseLabel",no.data.id))
     {
-		var conteudo = "<span style=cursor:pointer; onclick=\"editorClasseLabel('"+codigoMap+"','"+codigoLayer+"','"+indiceClasse+"')\" ><img width='10px' heigth='10px' style=\"position:relative;top:0px\" title='edita características da classe' src=\"../imagens/06.png\" /> Editar etiquetas</span>"
+		var conteudo = "<span style=cursor:pointer; onclick=\"editorClasseLabel('"+codigoMap+"','"+codigoLayer+"','"+indiceClasse+"')\" ><img width='10px' heigth='10px' style=\"position:relative;top:0px\" title='edita identificadores de texto' src=\"../imagens/06.png\" /> Editar toponímia</span>"
 		var d = {tipo:"etiquetaClasseLabel",etiquetaClasseLabel:codigoMap+"_"+codigoLayer+"_"+indiceClasse,html:conteudo}
 		var tempNode = new YAHOO.widget.HTMLNode(d, no, false,true);
 		tempNode.isLeaf = true;
@@ -1302,7 +1302,7 @@ function montaEditorEstilo(dados)
 			{ajuda:"Color to use for drawing features.",
 			titulo:"Color",id:"color",value:dados.color,tipo:"cor"},
 			{ajuda:"Background-color to use for drawing features.",
-			titulo:"Backgroundcolorolor",id:"backgroundcolor",value:dados.backgroundcolor,tipo:"cor"},
+			titulo:"Backgroundcolo",id:"backgroundcolor",value:dados.backgroundcolor,tipo:"cor"},
 			{ajuda:"Height, in pixels, of the symbol/pattern to be used. Only useful with scalable symbols. Default is 1. For symbols of Type HATCH, the SIZE is the distance between hatched lines. For its use with hatched lines, see Example#8 in the SYMBOL examples.",
 			titulo:"Size",id:"size",value:dados.size,tipo:"text"},
 			{ajuda:"Color to use for outlining polygons and certain marker symbols. Line symbols do not support outline colors.",
diff --git a/classesjs/classe_gadgets.js b/classesjs/classe_gadgets.js
index 243ec55..1c1734b 100644
--- a/classesjs/classe_gadgets.js
+++ b/classesjs/classe_gadgets.js
@@ -189,13 +189,21 @@ i3GEO.gadgets = {
 		{id = i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml;}
 		else
 		{i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml = id;}
-		if (!$i(id)){return;}
+		if (!$i(id) || i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml == ""){
+			if(i3GEO.eventos.MOUSEPARADO.toString().search("atualizaCoordenadasUTM()") >= 0)
+			{i3GEO.eventos.MOUSEPARADO.remove("atualizaCoordenadasUTM()");}
+			return;
+		}
 		atualizaCoordenadasUTM = function()
 		{
+			if(i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml == ""){
+				if(i3GEO.eventos.MOUSEPARADO.toString().search("atualizaCoordenadasUTM()") >= 0)
+				{i3GEO.eventos.MOUSEPARADO.remove("atualizaCoordenadasUTM()");}
+				return;
+			}
 			if(i3GEO.Interface.STATUS.atualizando.length > 0)
 			{return;}
 			if(typeof(console) !== 'undefined'){console.info("atualizaCoordenadasUTM()");}
-			//if($i(i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml).style.display == "block"){return;}
 			if(objposicaocursor.imgx < 10 || objposicaocursor.imgy < 10)
 			{return;}
 			if($i("wdoca")){return;}
@@ -212,16 +220,17 @@ i3GEO.gadgets = {
 				{return;}
 			}
 			tempUtm = function(retorno){
-				var funcao,temp;
+				var funcao,temp,texto;
 				funcao = "$i(i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml).style.display='none';";
 				funcao += "if(i3GEO.gadgets.PARAMETROS.mostraCoordenadasGEO.idhtml == i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml)";
 				funcao += "{$i(i3GEO.gadgets.PARAMETROS.mostraCoordenadasGEO.idhtml).style.display='block';i3GEO.gadgets.mostraCoordenadasGEO();}";
-				setTimeout(funcao,3400);
+				idSetTimeoutMostraUTM = setTimeout(funcao,3400);
 				temp = $i(i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml);
 				if(retorno.data){
 					temp.style.display="block";
-					temp.innerHTML = "<div>UTM: x="+retorno.data.x+" y="+retorno.data.y+" zn="+retorno.data.zona+" "+retorno.data.datum+"</div>";
-					//return (retorno.data);
+					texto = "<div onclick='javascript:clearTimeout(idSetTimeoutMostraUTM);i3GEO.gadgets.PARAMETROS.mostraCoordenadasUTM.idhtml = \"\";i3GEO.gadgets.mostraCoordenadasGEO();' style='width:300px;font-size:10px;' >UTM: x="+retorno.data.x+" y="+retorno.data.y+" zn="+retorno.data.zona+" "+retorno.data.datum;
+					texto += "&nbsp;<img  class='x' src='"+i3GEO.util.$im("branco.gif")+"' /></div>";
+					temp.innerHTML = texto;
 				}
 			};
 			i3GEO.php.geo2utm(tempUtm,objposicaocursor.ddx,objposicaocursor.ddy);
diff --git a/classesjs/classe_janela.js b/classesjs/classe_janela.js
index a418d21..3a90e26 100644
--- a/classesjs/classe_janela.js
+++ b/classesjs/classe_janela.js
@@ -206,7 +206,8 @@ i3GEO.janela = {
 		if($i(id))
 		{$i("i3geo").removeChild($i(id));}
 		ins = '<div id="'+id+'_cabecalho" class="hd" style="background-color:white;">';
-		ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";
+		if(i3GEO.configura !== undefined)
+		{ins += "<img id='"+id+"_imagemCabecalho' style='position:absolute;left:3px;top:2px;visibility:hidden;' src=\'"+i3GEO.configura.locaplic+"/imagens/aguarde.gif\' />";}
 		ins += texto;
 		if(funcaoMinimiza)
 		{ins += "<div id='"+id+"_minimizaCabecalho' class='container-minimiza' ></div>";}
diff --git a/ferramentas/colorpicker/index.htm b/ferramentas/colorpicker/index.htm
index 32d4313..ceff90c 100644
--- a/ferramentas/colorpicker/index.htm
+++ b/ferramentas/colorpicker/index.htm
@@ -55,8 +55,8 @@ API -->
                     showhsvcontrols: true,
                     showhexcontrols: true,
 					images: {
-						PICKER_THUMB: window.parent.g_locaplic+"/pacotes/yui270/build/colorpicker/assets/picker_thumb.png",
-						HUE_THUMB: window.parent.g_locaplic+"/pacotes/yui270/build/colorpicker/assets/hue_thumb.png"
+						PICKER_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui270/build/colorpicker/assets/picker_thumb.png",
+						HUE_THUMB: window.parent.i3GEO.configura.locaplic+"/pacotes/yui270/build/colorpicker/assets/hue_thumb.png"
     				}
                 });
 			YAHOO.log("Finished creating Color Picker.", "info", "example");
diff --git a/menutemas/admin.db b/menutemas/admin.db
index ba2ba1e..a891cee 100644
Binary files a/menutemas/admin.db and b/menutemas/admin.db differ
--
libgit2 0.21.2