Pomalé rolovanie menu

Nie som znalý javascriptu, preto pre niekoho je to úplná banalita (za čo sa ospravedlňujem), ale by som potreboval vedieť ako docieliť to zjemnenie vysúvania. Našiel som si nejaký free script, ktorý však sa vysúva dosť rýchlo (nepekne)...
Vďaka

Tu je kód:


var cssmenuids=["cssmenu1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=-1 //Offset of submenus from main menu. Default is 0 pixels.

function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul ")
for (var t=0; t<ultags.length; t++){
ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoff set+"px"
var spanref=document.createElement("span")
spanref.className="arrowdiv"
spanref.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;"
ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanr ef)
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}

if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)

díky....

No s tým vysúvacím menu je to ťažšie ako som predpokladal. Budem vďačný ak mi s tým trochu pomôžete...
Na svojej stránke mám menu definované v css takto:
#menu {
width: 900px;
height: 27px;
margin: 0 auto;
}

#menu ul {
margin: 0;
padding: 7px 0 0 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
display: block;
float: left;
height: 25px;
margin: 0 5px 0 0;
padding: 2px 25px 0 25px;
background: url(images/img03.gif) repeat-x;
border: 1px solid #222222;
text-align: center;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
}

#menu a:hover {
background-image: url(images/img04.gif);
text-decoration: none;
}

#menu .active a {
background-image: url(images/img04.gif);
}

v html kóde je takto:
<div id="menu">
<ul>
<li class="active"><a href="#" title="">Index</a></li>
<li><a href="#" title="">Menu1</a></li>
<li><a href="#" title="">Menu2</a></li>
<li><a href="#" title="">Menu3</a></li>
<li><a href="#" title="">Menu4</a></li>
</ul>
</div>
chcel by som na to aplikovať to roll menu čo mi našiel DJ Miky, či sa to vôbec dá...
http://www.vegui.org/site/blog/82/veguisitekit---dropping-down-some-me nus.html

Vďaka