Вертикальное меню

[SHAHIN_]

Здравствуйте, как задать скорость выпадающего меню и чтобы меню при наведении курсора не просто появлялясь, а с определенной скоростью выдвигалась в низ и задвигалась если курсор не наведен тоже с определенной скоростью
вот скрипт:

PHP код:

<!--
 
 var timeout = 500;
 
 var closetimer = 0;
 
 var ddmenuitem = 0;
 
 // open hidden layer
 
 function mopen(id)
 
 { 
 
 // cancel close timer
 
 mcancelclosetime();
 
 // close old layer
 
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 
 // get new layer and show it
 
 ddmenuitem = document.getElementById(id);
 
 ddmenuitem.style.visibility = 'visible'; 
 
 }
 
 // close showed layer
 
 function mclose()
 
 {
 
 if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 
 }
 
 // go close timer
 
 function mclosetime()
 
 {
 
 closetimer = window.setTimeout(mclose, timeout);
 
 }
 
 // cancel close timer
 
 function mcancelclosetime()
 
 {
 
 if(closetimer)
 
 {
 
 window.clearTimeout(closetimer);
 
 closetimer = null;
 
 }
 
 }
 
 
 
 // close layer when click-out
 
 document.onclick = mclose; 
 
 // --> 


<ul id="sddm">
 
 <li><a href="/" onmouseover="mopen('m1')" onmouseout="mclosetime()">Меню</a>
 
 <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
 <a href="#">HTML DropDown</a>
 
 <a href="#">DHTML DropDown menu</a>
 
 <a href="#">JavaScript DropDown</a>
 
 <a href="#">DropDown Menu</a>
 
 <a href="#">CSS DropDown</a>
 
 </div>
 
 </li>
 
 </ul>