Javascript dropdown navigation

[rbboyl]

Hi, I am building a site with a main navigation with multiple sub-menus (javascript dropdown). Is it possible to integrate this menu with the GetSimple navigation tag? Instead of using nested ul and li tags, I have it set up like the following (code pasted below). How can I set this up so that when the user adds a page to the menu, it will add to the navigation? Obviously, I need to keep the classes intact for styling reasons and also the "rel" attributes in the main links are needed to link them to the submenu.

Code:

<div id="ddtopmenubar" class="mattblackmenu navi">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#" rel="ddsubmenu1">Buying</a></li>
                    <li><a href="#" rel="ddsubmenu2">Selling</a></li>
                    <li><a href="#" rel="ddsubmenu3">Resources</a></li>
                    <li><a href="#" rel="ddsubmenu4">About</a></li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>


<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>
<ul id="ddsubmenu4" class="ddsubmenustyle">
<li><a href="#">Menu Item 1</a></li>
<li><a href="#">Menu Item 2</a></li>
<li><a href="#">Menu Item 3</a></li>
</ul>

Any help or advice would be appreciated!