Menu med hover Problem

Hej

Jeg har det problem, i en menu jeg har lavet. Der er det sådan at når man skal til et underpunkt kan man nemt ramme en anden hovedmenu.
Det er der problemet opstår for så skifter den til den anden hovedmenu hvor der kommer nogen andre underpunkter. Så jeg tænke hvordan laver man sådan at der går et par sekunder før den skifter.

Her er noget kode:

<div id="admin_menu_wrapper">
                    <div id="admin_menu">
                    <h3>Admin Menu:</h3><script type="text/javascript">
    var timeout    = 3000;
    var closeTimer    = 0;
    var ddMenuItem    = 0;
    var ddMenuName    = 0;
   
    function menuOpen(id,menuName){
        menuCancelCloseTime();
        if(ddMenuItem){
            ddMenuName.style.backgroundColor = '';
            ddMenuItem.style.display = 'none';
            document.getElementById('admin_menu_wrap').style.display = 'block';
        }
        ddMenuItem = document.getElementById(id);
        ddMenuName = document.getElementById(menuName);
       
        ddMenuName.style.backgroundColor = '#94CE18';
        ddMenuItem.style.display = 'block';
        ddMenuItem.style.backgroundColor = '#94CE18';
        document.getElementById('admin_menu_wrap').style.display = 'none';
    }
    function menuClose(){
       
            ddMenuName.style.backgroundColor = '';
        if(ddMenuItem){
            ddMenuItem.style.display = 'none';
            document.getElementById('admin_menu_wrap').style.display = 'block';
        }
    }
    function menuCloseTime(){
        closeTimer = window.setTimeout(menuClose, timeout);
    }
    function menuCancelCloseTime(){
        if(closeTimer){
            window.clearTimeout(closeTimer);
            closeTimer = null;
        }
    }
    document.onclick = menuClose;
    </script><a href="/" title="Indstil menu'en." style="text-decoration: none;" onmouseover="menuOpen('1_sub','1')" onmouseout="menuCloseTime()"><h3 id="1" class="link">Menu</h3></a><a href="/" title="" style="text-decoration: none;" onmouseover="menuOpen('2_sub','2')" onmouseout="menuCloseTime()"><h3 id="2" class="link">Galleri</h3></a></div>

                </div><div id="admin_menu_sub"><div id="1_sub" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
        <img src="/theme/images/am_left.gif" style="float: left;z-index:2; left:-13px;"/><a href="#" title="Title" style="text-decoration:none;"><h3 class="link">admin_sub</h3></a><img src="/theme/images/am_right.gif" style="float: right;z-index:2;"/>
            </div><div id="2_sub" onmouseover="menuCancelCloseTime()" onmouseout="menuCloseTime()">
        <img src="/theme/images/am_left.gif" style="float: left;z-index:2; left:-13px;"/><a href="#" title="Galleri sub menu." style="text-decoration:none;"><h3 class="link">galleri_sub</h3></a><img src="/theme/images/am_right.gif" style="float: right;z-index:2;"/>
            </div></div>
                <div id="admin_menu_wrap"></div>
            </div>
        </div>
 
   
Simon