Help for coding a vertical expanding menu

[Buffedguy]

Hello !

I want a vertical Expanding Menu in to levels (mainlinks and sublinks).
The menu-size should be stable at 230x300px.

It should show 5 mainlinks but contain 15 mainlinks. I need a page-up and page-down botton. When clicking on page-down 5 new mainlinks would show op. (It would be nice if it would slide smooth)

When hoover over a mainlink the sublinks should slidedown, and pushing the other mainlinks down. (some would stay on the first site and some would be at page 2)

watch a mockup of the menu:http://www.sieht.dk/expanding.html

[CODE]
<a href="">Sport</a>
<ul>
<li>
<a href="">Soccer</a>
<ul>
<li><a href="">Greatest goals</a></li>
<li><a href="">Corners</a></li>

<li><a href="">Free Kicks</a></li>
</ul>
</li>
<li>
<a href="">American Football</a>
<ul>
<li><a href="">Work 121</a></li>
<li><a href="">Work 122</a></li>

<li><a href="">Work 123</a></li>
</ul>
</li>
<li>
<a href="">Motorsport</a>
<ul>
<li><a href="">Work 131</a></li>
<li><a href="">Work 132</a></li>

<li><a href="">Work 133</a></li>
</ul>
</li>
</ul>
[ICODE]

By the way im studying as a webdesigner on first year. Some coding advice would be welcome

check my portfolio if u want www.sieht.dk (danish)