Hi have this code. When i go to active link in sub menu, menu closes. Please help.

selendi.com/index3.htm


<div class="header" id="mydiv2b" onmouseover="slidedown('mydiv2');" style="width:100px; " onmouseout="slideup('mydiv2');" >
<a href="#aa">BRANDS</a>
<div id="mydiv2" onmouseover="slidedown('mydiv2');" style="display:none; overflow:hidden; height:300px; ">
Alltel<br>
Apple<br>
AT&T<br>
Audiovox<br>
<a href="#">Blackberry</a><br>
<a href="#">Cingular</a><br>
<a href="#">Dell</a><br>
<a href="#">ETEN</a><br>
<a href="#">FlipStart</a><br>
<a href="#">HP</a><br>
<a href="#">HTC</a><br>
<a href="#">I-Mate</a><br>
<a href="#">LG</a><br>
<a href="#">Motorola</a><br>
<a href="#">Nokia</a><br>
<a href="#">Palm</a><br>
<a href="#">QTek</a><br>
<a href="#">Samsung</a><br>
<a href="#">Siemens</a><br>
<a href="#">Sony PSP</a><br>
<a href="#">Sprint-Nextel</a><br>
<a href="#">Tapwave</a><br>
<a href="#">T-Mobile</a><br>
<a href="#">Toshiba</a><br>
<a href="#">XDA</a><br>
<a href="#">Verison</a>
</div></div>
<div class="header"><a href="#">CUSTOMIZATION</a></div>
<div class="header"><a href="#">SENA QUALITY</a></div>
<div class="header"><a href="#">SENA LEATHER</a></div>
<div class="header"><a href="#">REVIEWS</a></div>
<div class="header"><a href="#">BLOG</a></div>
<div class="header"><a href="#">MEDIA</a></div>
<div class="header"><a href="#">SHIPPING</a></div>
<div class="header"><a href="#">SUPPORT</a></div>
<div class="header"><a href="#">SPECIALS</a></div>
<div class="header"><a href="#">CONTACT US</a></div>


<style type="text/css">
.header
{
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;

}

.header A:link {text-decoration: none}
.header A:visited {text-decoration: none}
.header A:active {text-decoration: none}
.header A:hover {color: red;}

.submenu
{
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
PADDING-LEFT: 8px;
}

.submenu A:link {text-decoration: none}
.submenu A:visited {text-decoration: none}
.submenu A:active {text-decoration: none}
.submenu A:hover {color: red;}


</style>





<script>
var timerlen = 5;
var slideAniLen = 500;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slidedown(objname){
if(moving[objname])
return;

if(document.getElementById(objname).style.display != "none")
return; // cannot slide down something that is already visible

moving[objname] = true;
dir[objname] = "down";
startslide(objname);
}

function slideup(objname){
if(moving[objname])
return;

if(document.getElementById(objname).style.display == "none")
return; // cannot slide up something that is already hidden

moving[objname] = true;
dir[objname] = "up";
startslide(objname);
}

function startslide(objname){
obj[objname] = document.getElementById(objname);

endHeight[objname] = parseInt(obj[objname].style.height);
startTime[objname] = (new Date()).getTime();

if(dir[objname] == "down"){
obj[objname].style.height = "1px";
}

obj[objname].style.display = "block";

timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
var elapsed = (new Date()).getTime() - startTime[objname];

if (elapsed > slideAniLen)
endSlide(objname)
else {
var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
if(dir[objname] == "up")
d = endHeight[objname] - d;

obj[objname].style.height = d + "px";
}

return;
}

function endSlide(objname){
clearInterval(timerID[objname]);

if(dir[objname] == "up")
obj[objname].style.display = "none";

obj[objname].style.height = endHeight[objname] + "px";

delete(moving[objname]);
delete(timerID[objname]);
delete(startTime[objname]);
delete(endHeight[objname]);
delete(obj[objname]);
delete(dir[objname]);

return;
}

</script>