Behaviour.mouseover_menu = function (node) {
 	var ul = node.getElementsByTagName("ul")[0].style.display = "block";
 	
 	if (closeMenu && node.getElementsByTagName("ul")[0] == selectedUl) 
 		clearTimeout(closeMenu);
 		
 	selectedUl = node.getElementsByTagName("ul")[0];
 }

 Behaviour.mouseout_menu = function (node) {
 	//var ul = node.getElementsByTagName("ul")[0].style.display = "none";
 	
 	var ul = node.getElementsByTagName("ul")[0];
 	closeMenu = setTimeout("hideSelected('" + ul.id + "')", 100);
 }
 
 Event.observe(window, 'load', createMenu);
 
 function hideSelected(ulId)
 {
 	var ul = document.getElementById(ulId);
 	if (ul)
 		ul.style.display = "none";
 }
 
 var closeMenu;
 var selectedUl;
 
 function createMenu() {
 	var menus = $$('#navi ul > li');
 	var width = 0;
 	
 	menus.each(function (item) { 
 		
 		item.onmouseover = function () {
 			if (this.getElementsByTagName("ul")[0])
 			{
 				this.getElementsByTagName("ul")[0].style.display = "block";
 				
 				if (closeMenu && this.getElementsByTagName("ul")[0] == selectedUl) clearTimeout(closeMenu);
 				selectedUl = this.getElementsByTagName("ul")[0];
 			}
 		}
 		item.onmouseout = function () {
 			if (this.getElementsByTagName("ul")[0])
 			{
 				var ul = this.getElementsByTagName("ul")[0];
 				closeMenu = setTimeout("hideSelected('" + ul.id + "')", 1);
 				//this.getElementsByTagName("ul")[0].style.display = "none";
 			}
 		}
 	 });

 }