var subMenuMouseOver = 0;

Element.extend(
{
	hide: function() 
	{
		return this.setStyle('display', 'none');
	},
	
	show: function() 
	{
		return this.setStyle('display', '');
	}
});

var DropdownMenu = new Class({	
	initialize: function(element)
	{
		$A($(element).childNodes).each(function(el)
		{ 
			if(el.nodeName.toLowerCase() == 'li')
			{
				$A($(el).childNodes).each(function(el2)
				{
					if(el2.nodeName.toLowerCase() == 'ul')
					{
						$(el2).hide();

						el.addEvent('mouseout', function()
						{
							el2.hide();
						});
						new DropdownMenu(el2);
					}
					el.addEvent('mouseover', function()
					{
						createsubmenu(el);
						return false;
					});
				});
			}
		});
		return this;
	}
});

function createsubmenu(x) {
	var submenu = document.getElementById('subMenu');
	var y = x.getElementsByTagName('ul');
	if( y.length > 0 )
		submenu.innerHTML = y[0].innerHTML;
	else
		submenu.innerHTML = " ";
}

function destorySubMenu() {
	window.setTimeout(function() {
		if(subMenuMouseOver == 0) {
			var submenu = document.getElementById('subMenu');
			submenu.innerHTML = " ";
		}
	}, 100);
}