/*
*	mo's Dom tree script
*	build a collapsable tree like navigation with dom elements
*	mo@momche.net
*/

function initMenu( hMenuEl )
{
	var hItems = hMenuEl.childNodes
	for( var nI = 0; nI < hItems.length; nI++ )
	{
		var hItem = hItems.item( nI )
		if( hItem.nodeType == 1 )
		{
			var hSubMenu = getSubNodeByName( hItem, 'ul' )
			if( hSubMenu != null )
			{
				var hActiveItem = getSubNodeByAttribute( hItem, 'class', 'menuitem' )
				hActiveItem.onclick = function()
				{
					hSubMenu = getSubNodeByName( this.parentNode, 'ul' )
					sDisplay = hSubMenu.style.display.toLowerCase()
					hSubMenu.style.display = ( sDisplay=='block' ) ? 'none' : 'block'
					sBGImg = ( sDisplay=='block' ) ? 'ope.gif' : 'clo.gif'
					this.parentNode.style.backgroundImage = 'url( i/'+sBGImg+')'
					delete( hSubMenu )
				}
				initMenu( hSubMenu )
				
				sDisplay = hSubMenu.style.display.toLowerCase()
				sBGImg = ( sDisplay=='block' ) ? 'clo.gif' : 'ope.gif'
				hItem.style.backgroundImage = 'url( i/'+sBGImg+')'
			}
			else
			{
				if( hItem.getAttribute( 'usertype' ) == 'offline' )
				{
					sBGImg = 'url( i/uov.gif)'
				}
				else
				{
					sBGImg = 'url( i/uou.gif)'
				}
				hItem.style.backgroundImage = sBGImg
			}
			delete( hSubMenu )
		}
		else
		{
		}
		delete( hItem )
	}
	delete( hItems )
}