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

Ребят такой ситуэйшн:есть меню ДД на 2 уровня, к нему привязан js-скрипт,работает вроде, но вот не хватает, чтобы фокус оставался на выбранной ссылке когда на страницу переходишь, ну и соответственно для пункта подменю тоже фокус нужен(т.е. выбрал пункт меню,вниз выпали подпункты, перешли на страницу-фокус на пункте меню, если перешли по пункту подменю, то фокус и на пункте меню и на пункте подменю) и не хватает действия по клику, сейчас при наведении. Я несколько мануалов прочитал, но немного не то(или полностью меню и стили переделывать или никак функцию онклик не прикручу, все равно срабатывает по ховеру и выпадает быстро, по плавнее бы).
Люди знающие посоветуйте плз,что сделать.

<script type="text/javascript">
var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_menu_4','sub_menu_5','sub_menu_6');
startList = function allclose() {
	for (i=0; i < id_menu.length; i++){
		document.getElementById(id_menu[i]).style.display = "none";
	}
}
function openMenu(id){
	for (i=0; i < id_menu.length; i++){
		if (id != id_menu[i]){
			document.getElementById(id_menu[i]).style.display = "none";
		}
	}
	if (document.getElementById(id).style.display == "block"){
		document.getElementById(id).style.display = "none";
	}else{
		document.getElementById(id).style.display = "block";
	}
}
window.onload=startList;
</script>

<div id="menu_body">
	<ul>
		<li><a href="index.php" onclick="openMenu('sub_menu_1');return(false)" >ГЛАВНАЯ</a></li>
		<li><a href="blsobitie" onclick="openMenu('sub_menu_2');return(false)" >БЛИЖАЙШЕЕ СОБЫТИЕ</a></li>
		<li><a href="about" onclick="openMenu('sub_menu_3');return(false)">О НАС</a>
			<ul id="sub_menu_3">
				<li><a href="ucheniki">Подпункт1</a></li>
				<li><a href="realproekti">Подпункт2</a></li>
				<li><a href="texty">Подпункт3</a></li>
				<li><a href="partzak">Подпункт4</a></li>
			</ul>
		</li>
		<li><a href="#" onclick="openMenu('sub_menu_4');return(false)">СОТРУДНИКИ</a>
			<ul id="sub_menu_4">
				<li><a href="luppa">Подпункт1</a></li>
				<li><a href="krav">подпункт2</a></li>
				<li><a href="dub">Подпункт3</a></li>
				<li><a href="ter">Подпункт4</a></li>
			</ul>
		</li>
		<li><a href="uslugi" onclick="openMenu('sub_menu_5');return(false)">УСЛУГИ</a>
			<ul id="sub_menu_5">
				<li><a href="treningi">Тренинги</a></li>
				<li><a href="pogruzhenija">Погружения</a></li>
				<li><a href="obrproekti">Образовательные проекты</a></li>
			</ul>
		</li>
		<li><a href="contact" onclick="openMenu('sub_menu_6');return(false)" >КОНТАКТЫ</a></li>
	</ul>

</div>