<public:component>
<public:attach event="onmouseover" onevent="submenu_mouseover()" />
<public:attach event="onmouseout" onevent="submenu_mouseout()" />
<script>
function get_submenu(el, lvl){
	var uls = el.getElementsByTagName('UL');
	var l = uls.length, i = 0;
	var submenu = null;
	for(; i < l; i++){
		if(uls[i].className.indexOf('submenu') != -1 && uls[i].className.indexOf('lvl' + lvl) != -1){
			submenu = uls[i];
			break;
		}
	}
	return submenu;
}
function get_level(cn){ return (/\bmenu\b/).test(cn) ? 1 : 2; }
function submenu_mouseover(){
	var lvl = get_level(this.className);
	var submenu = get_submenu(this, lvl);
	if(submenu)
		submenu.style.display = 'block';
}
function submenu_mouseout(){
	//event.cancelBubble = true;
	var lvl = get_level(this.className);
	var submenu = get_submenu(this, lvl);
	if(submenu)
		submenu.style.display = 'none';
}
</script>
</public:component>