llamada javascript dentro de javascript

[truchito]

Buenas a todos!!!

Me ha surgido un problema os cuento

Tengo un menu en la web, y en el tercer elemento un submenu desplegable.
Hice una función javascript que pinta el menú, dentro de un <li> de esta función hice una llamada a la otra función que pinta el submenú.

Mi pregunta es: Como puedo hacer para que desde la pàgina htm, le de el valor necesario a ese parámetro?

os pongo el codigo de las dos funciones:

Función que pinta el menú:

Código Javascript:

function menu(opcion) {
    var str ="";
    str+='<ul>';
 
    if(opcion == "home"){
        str+='<li class="actiuInici">Inici</li>';   
    }else{
        str+='<li><a href="/" title="Inici">Inici</a></li>';            
    }
        if(opcion == "quies"){
        str+='<li class="actiu">Qui &eacute;s la Gata?</li>';   
    }else{
        str+='<li><a href="/qui-es-la-gata.htm" title="Qui &eacute;s la Gata?">Qui &eacute;s la Gata?</a></li>';
    }
        if(opcion == "espectacles"){
        str+='<li id="espectaclesId" class="actiu">Espectacles i companyies';
        str+='<script type=\"text/javascript\">submenuEspectaclesActiu(\'circo\');</script>';
        str+='</li>';
    }else{
        str+='<li id="espectaclesId"><a href="/espectacles-i-companyies.htm" title="Espectacles i companyies">Espectacles i companyies</a>';
        str+='<script type=\"text/javascript\">submenuEspectacles(\'circo\');</script>';
        str+='</li>';
    }
        if(opcion == "premsa"){
        str+='<li class="actiu">Premsa</li>';
    }else{
        str+='<li><a href="/prensa.htm" title="Premsa">Premsa</a></li>';
    }
        if(opcion == "contacta"){
        str+='<li class="actiu">Contacta\'ns</li>';
    }else{
        str+='<li><a href="/contacte.htm" title="Conctacta">Contacta\'ns</a></li>';
    }
        if(opcion == "facebook"){
        str+='<li><a href="#" target="_blank" title="Segueix-nos a Facebook">Segueix-nos a Facebook</a><a class="fb" href="#" title="Segueix-nos a Facebook"><img src="img/fb.jpg" width="26" height="26" border="0" /></a></li>';
    }else{
        str+='<li><a href="#" target="_blank" title="Segueix-nos a Facebook">Segueix-nos a Facebook</a><a class="fb" href="#" title="Segueix-nos a Facebook"><img src="img/fb.jpg" width="26" height="26" border="0" /></a></li>';
    }
        
    document.write(str);
}
 

Aquí la función del submenú:

Código Javascript:

function submenuEspectaclesActiu(opcionEspectacles) {
    var str4 ="";
    str4+='<ul id="moreMenu" class="activat">';
    if(opcionEspectacles == "carrer"){
        str4+='<li class="actiu">Carrer</li>';  
    }else{
        str4+='<li><a href="/carrer.htm" title="Carrer">Carrer</a></li>';
    }
        if(opcionEspectacles == "circ"){
        str4+='<li class="actiu">Circ</li>';
    }else{
        str4+='<li><a href="/circ.htm" title="Circ">Circ</a></li>';
    }
        if(opcionEspectacles == "clown"){
        str4+='<li class="actiu">Clown</li>';
    }else{
        str4+='<li><a href="/clown.htm" title="Clown">Clown</a></li>';
    }
        if(opcionEspectacles == "dansa"){
        str4+='<li class="actiu">Dansa</li>';
    }else{
        str4+='<li><a href="" title="Dansa">Dansa</a></li>';
    }
        if(opcionEspectacles == "musica"){
        str4+='<li class="actiu">M&uacute;</li>';
    }else{
        str4+='<li><a href="/musica.htm" title="M&uacute;">M&uacute;sica</a></li>';
    }
    
    if(opcionEspectacles == "teatre"){
        str4+='<li class="actiu">Teatre</li>';
    }else{
        str4+='<li><a href="/teatre.htm" title="Teatre">Teatre</a></li>';
    }
    
str4+='</ul>';
    document.write(str4);
}
 

Gracias