Menu déroulant, problème de lien !

Bonjour
Je suis entrain de réaliser un menu, et j'ai quelques petits problèmes :
J'utilise ce script :

<script type="text/javascript">

if(!window.Node){
  var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}

function checkNode(node, filter){
  return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}

function getChildren(node, filter){
  var result = new Array();
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++){
    if(checkNode(children[i], filter)) result[result.length] = children[i];
  }
  return result;
}

function getChildrenByElement(node){
  return getChildren(node, "ELEMENT_NODE");
}

function getFirstChild(node, filter){
  var child;
  var children = node.childNodes;
  for(var i = 0; i < children.length; i++){
    child = children[i];
    if(checkNode(child, filter)) return child;
  }
  return null;
}

function getFirstChildByText(node){
  return getFirstChild(node, "TEXT_NODE");
}

function getNextSibling(node, filter){
  for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
    if(checkNode(sibling, filter)) return sibling;
  }
  return null;
}
function getNextSiblingByElement(node){
        return getNextSibling(node, "ELEMENT_NODE");
}

// Menu Functions & Properties

var activeMenu = null;

function showMenu() {
  if(activeMenu){
    activeMenu.className = "";
    getNextSiblingByElement(activeMenu).style.display = "none";
  }
  if(this == activeMenu){
    activeMenu = null;
  } else {
    this.className = "active";
    getNextSiblingByElement(this).style.display = "block";
    activeMenu = this;
  }
  return false;
}

function initMenu(){
  var menus, menu, text, a, i;
  menus = getChildrenByElement(document.getElementById("menu"));
  for(i = 0; i < menus.length; i++){
    menu = menus[i];
    text = getFirstChildByText(menu);
    a = document.createElement("a");
    menu.replaceChild(a, text);
    a.appendChild(text);
    a.href = "http://www.google.com";
    a.onclick = showMenu;
    a.onfocus = function(){this.blur()};

  }
}

if(document.createElement) window.onload = initMenu;
</script>

Ensuite, je possède des menu ainsi :
<ul id="menu">
  <li><a href="monsite.php" target="mainFrame" >Qui sommes nous ?</a>
    <ol>
      <li><a href="#"> Sub Item 2.1</a></li>
      <li><a href="#">Sub Item 2.2</a></li>
      <li><a href="#">Sub Item 2.3</a></li>
    </ol>
  </li>
</ul>

---

Voila mon problème : J'aimerais pouvoir, quand le visiteur clique sur le mot : Quoi de neuf, qu'apparaisse dans ma mainFrame la page "monsite.php" et qu'a ce moment là le menu se déroule.
Malheureusement, c'est soit le menu se déroule sans que le lien ne s'ouvre, soit le lien s'ouvre mais le menu ne se déroule pas

Avez-vous une solution ???

Merci infiniment pour votre aide !