Loco con el menu

[Javiglez]

Hola tengo un menu desplegable que quiero q se despliegue con un click y a la vez muestre una capa, hasta aqui bien porque si que lo hace con el onclick, pero claro si despliego el primer menu y no elijo nada del primer menu y voy a desplegar el segundo pues no me lo despliega con el primer click pero si me muestra la capa, y estan los dos eventos de desplegar y mostrar capa con el onclick pero para desplegar el menu necesito dar otro click mas y ahi radica mi problema, el menu le tengo asi

<div class="menuendspacer">
</div><div id="menubaritem1" style="width: 150px"><a onclick="mostrar('Estudio')" "showMenu(1)" href="javascript:selectMenu(1)"> <span class="Estilo1"/> |Estudio</a></div>
<div id="menubaritem2" style="width: 150px"><a onclick= "mostrar('Proyectos')" "showMenu(2)" href="javascript:selectMenu(2)"> <span class="Estilo1"/> |Proyectos</a></div>


Estudio es el primer menu desplegable y Proyectos el segundo menu desplegable y entonces cuando doy a Estudio me muestra la capa Estudio y el desplegable Showmenu(1) y si doy a continuacion al Proyectos me muestra la capa Proyectos pero me limpia el desplegable de Estudio y no me muestra el de Proyectos hasta que doy otro click....y no se porque y lo que quiero es que me despliegue y muestre capa de un click, gracias

[Javiglez]

nadie sabe que puede ser?

[Javiglez]

El js del menu es este pero no doy con el problema

var menus = 5;
var currentMenu = 0;
var selectedMenu = 0;
var clicked = false;

function nothing()
{

}

function selectMenu(m)
{
if(clicked) // menu siempre activo
{
clicked=false;
selectedMenu=0;
currentMenu=m;
hideAll(-1)
}
else
{
clicked=true;
selectedMenu=m;
currentMenu=m;

hideAll(m); // excepto m
if(document.getElementById)
{
var themenu=document.getElementById("menu"+m);
themenu.style.visibility="visible"; //desplegables siempre visibles
}
}
}


function showMenu(m)
{
if(clicked)
{
hideAll(m);
if(document.getElementById)
{
var themenubaritem=document.getElementById("menubarite m"+m);
themenubaritem.style.background="#cccfcc";
var thermenu=document.getElementById("menu"+m);
thermenu.style.visibility="visible";
}
}
selectedMenu=0;
currentMenu=m;
}


function doMenuChoice(m,n) // click menu item
{
selectedMenu=0;
currentMenu=-1;
hideAll(currentMenu);
clicked=false;
return false;
}


function hideAll(e) // Colgador
{

for(i=1;i<=menus;i++)
{
if(e!=i)
{
if(document.getElementById)
{
var themenubaritem=document.getElementById("menubarite m"+i);
themenubaritem.style.background="transparent";
var themenu=document.getElementById("menu"+i);
themenu.style.visibility="hidden";
}
}
}
}