Extra Submenu / Sublevel in Glossy Accordion

[D72]

1) Script Title:
Glossy Accordion Menu

2) Script URL (on DD):
Link (http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm)

3) Describe problem:
Adding extra sublevels with expandable and collapsable submenuheader

Well, the description above should explain what i want to create.
As i am no code developer, i'm not in the position to figure it out myself.
I have tried by an ordinairy way of copying / pasting an extra sublevel, but it didn't succeed.

This is allmost an original code of the Glossy's accodion:


<div class="glossymenu">

<a class="menuitem submenuheader" href="#" >First Level</a>
<div class="submenu">
<ul>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
</ul>
</div>

<a class="menuitem submenuheader" href="#">First Level</a>
<div class="submenu">
<ul>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
</ul>
</div>
<a class="menuitem" href="#">External Link</a>

</div> <!-- End Glossy Menu -->


But i would like to have something like:



<div class="glossymenu">

<a class="menuitem submenuheader" href="#" >First Level</a>
<div class="submenu">
<ul>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a>

<a class="menuitem submenuheader" href="#" >Second Level</a>
<div class="submenu">
<ul>
<li><a href="#">Second Sublevel</a></li>
<li><a href="#">Second Sublevel</a></li>
<li><a href="#">Second Sublevel</a></li>
<li><a href="#">Second Sublevel</a></li>
</ul>
</div>

</li>
<li><a href="#">First Sublevel</a></li>
</ul>
</div>

<a class="menuitem submenuheader" href="#">First Level</a>
<div class="submenu">
<ul>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
<li><a href="#">First Sublevel</a></li>
</ul>
</div>
<a class="menuitem" href="#">External Link</a>

</div> <!-- End Glossy Menu -->


How's the change to have it like this way? I also think, for in my case, a third level also is an option. But a second level is most needed.

Thank you.

Best regards,
Dave