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')
			{

                if ($(el).hasClass('top')) {
                    $(el).addEvent('mouseover', function() {this.addClass('sel'); });
                    $(el).addEvent('mouseout',  function() {this.removeClass('sel'); });
                }

				$A($(el).childNodes).each(function(el2)
				{
					if(el2.nodeName.toLowerCase() == 'ul' && !el2.hasClass('subMenu'))
					{
						//$(el2).hide();
                        var myEffect = new Fx.Style(el2, 'opacity').set(0);
						
						el.addEvent('mouseover', function() {
							//el2.show();
                            myEffect.set(1);
							return false;
						});

						el.addEvent('mouseout', function() {
							//el2.hide();
                            myEffect.set(0);
						});
						new DropdownMenu(el2);
					}
				});
			}
		});
		return this;
	}
});

window.addEvent('domready',function(){
    new DropdownMenu($$('#menu ul')[0])
});