/*
SCRIPT GERADOR DE MENU EM ÁRVORE
AUTOR: GUILHERME RAMBO
SITE: WWW.WEB2PONTO0.COM.BR
DATA: 03/07/2007
HORA: 18:30

ESTE SCRIPT GERA UM MENU EM ÁRVORE BASEANDO-SE NA ESTRUTURA DOM DE UMA LISTA NÃO-ORDENADA
EXEMPLO DE LISTA QUE SIRVA PARA GERAR O MENU:

####################HTML#######################
<UL>
<LI><A HREF="">ITEM SEM SUBITEM</A></LI>
<LI>
<A HREF="" CLASS="MAIN">ITEM COM SUBITEM</A>
<UL CLASS="SUB">
<LI><A HREF="">SUB-ITEM</A></LI>
</UL>
</LI>
</UL>
####################HTML#######################

NOTE QUE DEVE SER FEITO COM LISTAS NÃO-ORDENADAS. O SUB-MENU DEVE SER UMA UL DE CLASSE 'SUB'
DENTRO DE UMA LI COM UM A DE CLASSE 'MAIN'.

PARA UM MENU COM SEUS SUBMENUS ABERTOS É ATRIBUÍDA A CLASSE 'OPENED', ISSO É BOM PARA
CASO VOCÊ QUEIRA FORMATAR OS MENUS ABERTOS SEPARADAMENTE POR CSS
*/

function generateTree(){var submenu = document.getElementsByTagName('ul');for(var i in submenu) {if(submenu[i].className == 'sub') {submenu[i].style.display = 'none';}}}function showHideSub(main){var sub = main.parentNode.getElementsByTagName('ul').item(0);if(sub.style.display == 'none') {sub.style.display = 'block';main.className = "main opened";} else {sub.style.display = 'none';main.className = "main";}return false;}function attribute(){var a = document.getElementsByTagName('a');for(var i in a) {if(a[i].className == 'main') {a[i].onclick = function() { showHideSub(this);return false; }}}}window.onload = function(){generateTree();attribute();}