DropDown menu

Ahoj
Na stránkách mám menu kvpservis.cz
Jenže teď jsem si udělal menu s DropDown efektem jelikož už toho mám hodně.
Zatím mám tenhle kod:

<script type="text/javascript" src="www.google.com/jsapi" ></script>   
<script type="text/javascript" > google.load("mootools", "1.2.1"); </script> 
 
<link rel="stylesheet" href="MenuMatic.css" type="text/css" media="all" />
<script type="text/javascript" src="MenuMatic_0.68.3.js" ></script> 
 
<ul id="nav">
<a href='#'>PÁSOVÉ PILY</a></li> 
    <li>
        <a href='#'>PILOVÉ PÁSY</a></li>
            <li>
                <a href='#'>ELEKTRICKÉ NÁŘADÍ</a>
                <ul>
                    <a href='#'>Milwaukee</a>
                    <a href='#'>AEG</a>
                    <a href='#'>Ryobi</a>
                </ul>
            </li>
            <li><a href='#'>SVAŘOVÁNÍ</a></li>
        </ul>
    </li>
    <li><a href='#'>LED OSVĚTLENÍ</a></li>
    <li><a href='#'>E-SHOP</a></li>
</ul> 
 
<script type="text/javascript">
window.addEvent('domready', function() {            
    var myMenu = new MenuMatic({
        id:"nav",
        effect:"slide & fade",
        duration:500,
        hideDelay:500,
        orientation:"horizontal",
        tweakInitial:{x:-30,y:3},
        opacity:95
    });
});
</script>

Teď to potřebuji nastylovat ať to vypadá jak zatím teď.
Modé podbarvení
když na to najedeš tak oranžové.
pokud si na některé z těch záložek zůstané podbarvené hlavní část.
Zatím má todle napsané ale nwm jak to přesně použít.

 onmouseover="this.style.background='url(./img/layout/top_menu_active.gif) no-repeat left top'" onmouseout="this.style.background='url(./img/layout/top_menu<?php echo ($top_menu_active == 22?'_active':'')?>.gif) no-repeat left bottom'"><span style="padding: 10px 0 0 0; display: block;">pilové pásy</span></a>

Může mi někdo pomoct?
Potřebuju to dokončit abych mohl pracovat dále.