Java & CSS - table of contents

Este é um exemplo usando Javascript, DIVs e propriedades CSS para criar a ilusão de um menu tipo "table of contents" que expande subopções

utiliza funções
gera HTML dinamicamente para preencher um DIV com informação sobre as propriedades javascript de um elemento
modifica a visibilidade de um elemento DIV
controla os eventos onMouseOver e onMouseOut
controla o evento onClick do documento

Notas:

no Netscape 4 não é possivel usar via programação um elemento SPAN
no netscape os nomes das classes de estilo não podem conter "underscore"
no netscape o tamanho da fonte deve ser indicado com as unidades (ex. 10pt)
no Netscape não é possivel controlar a propriedade display via javascript
para se mudar a cor de fundo de um item no Netscape 4 é necessário que o estilo possua o atributo layer-background-color. no entanto este atributo não é reconhecido pelo IE; a conjunção de ambos os atributos no estilo faz com que o nescape deixe de actualizar a cor de fundo quando se utiliza a propriedade bgColor via javascript
no netscape, por vezes o HTML criado dinamicamente demora a "aparecer" pelo que é conveniente esperar ou mudar o tamanho da janela do browser para forçar um "update" da página
no netscape, aparentemente, os eventos associados ao documento não são "apanhados" na totalidade do documento (neste exemplo, apenas por cima dos outros DIVs)
de reparar que embora o 2º bloco DIV não esteja visivel, é possivel accionar o link nele existente!!!! (no NS4)