Para que estos scripts funcionen bien, nuestro servidor tiene que leerlos (cargarlos) antes de mostrar el menú. Esto se soluciona facil y rápidamente retocando la linea <body> para que ponga esto otro:
<body onload="init();">
Si quieres que te diga la verdad, aún no se muy bien qué es lo que hace exáctamente esa línea ;) pero creo que sirve para eso, para que cuando el navegador llegue a ella éste se vea obligado a leer los códigos script incluidos en la página antes de seguir leyendo contenidos del body.... creo...je je je..
Como verás aún nos queda un archivo de scripts pendiente (definir-menus.txt). Esta otra parte de código iría dentro del Body. Es necesario colocarlo en cualquier lugar después de que ya se haya definido el menú al que vamos a asociar este desplegable, es decir, después del código html del div navegación. Para no liarnos lo que vamos a hacer es colocarlo justo antes del final del body, es decir, justo antes de la línea </body>, oki?
Igual que antes, en lugar de pegar unas cuantas líneas de scripts, lo que hemos hecho es meterlas todo dentro del archivo definir-menus.txt por lo que será solo necesario hacer una llamada a ese archivo igual que hemos hecho antes. El código de la plantilla.html ha de quedar así (recuerda, la línea la ponemos antes de la línea </body>):
....... <div id="curva-inferior"></div> </div> <script language="javascript" src="definir-menus.txt" type="text/javascript"></script> </body> </html>
No dirás que no es facil, no?