function toggleSubMenu(e)
{
	e = evt.fix(e);
	e.target.blur();

	subMenu = e.target.subMenu;

	if (subMenu.style.display=='block')
	{
		cls.remove(e.target,'down');
		subMenu.style.display = 'none';
	} else {
		cls.add(e.target,'down');
		subMenu.style.display = 'block';
	}

	e.preventDefault();
}

// zavesi nam event handler na prislusne <li>, tedy spis
// na prvni jeho vnoreny link
function addListener(elm)
{
	var menuItemAnchor = elm.getElementsByTagName('a')[0];
	var subMenu = elm.getElementsByTagName('ul')[0];
	menuItemAnchor.subMenu = subMenu;
	evt.add(menuItemAnchor,'click',toggleSubMenu,false)
}

// zavesi event handlery na nase menu
function initMenu()
{
	// <div id="menu">
	var menuHolder = document.getElementById('menu');
	// <ul>
	var menu = menuHolder.firstChild;
	// nevime.. musime najit
	while (menu != null)
	{
		// dokud to neni nase ul-ko (nektere browsery vraci jeste text-nodes)
		if ((menu.nodeType == 1) && (menu.tagName.toLowerCase() == 'ul')) 
		{
			break;
		} else {
			// hledame
			menu = menu.nextSibling;
		}
	}
	
	// nase li-cka
	var menuItems = document.getElementsByTagName('li');
	var subMenu;
	
	// a ted najdem, ktery maj submenu a navesime event-handlery na jejich linky
	for (var i = 0; i < menuItems.length; i++)
	{
		if (menuItems[i].parentNode == menu) {
			// je to polozka hlavniho menu
			subMenu = menuItems[i].getElementsByTagName('ul');
			if (subMenu.length > 0)
			{
				// ma submenu
				addListener(menuItems[i]);
			}
		}
	}
	
}
