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,i)
			{
				if(el.className== 'nav-container')
				{	
					$A($(el).childNodes).each(function(el2,j)
					{
						if(el2.className =='nav-handler')
						{
							el.addEvent('mouseover', function()
							{
								$(el2).addClass('open-mnu');
							});	
							
							el.addEvent('mouseout', function()
							{
								$(el2).removeClass('open-mnu');
							});
						
						}
						if(el2.className =='nav-element')
						{
							$(el2).hide();
							el.addEvent('mouseover', function()
							{
								$(el2).show();
								return false;
							});	
							
							el.addEvent('mouseout', function()
							{
								$(el2).hide();
							});					
						}
						if(el2.className =='mnu-footer')
						{
							$(el2).hide();
							el.addEvent('mouseover', function()
							{
								$(el2).show();
								return false;
							});	
							
							el.addEvent('mouseout', function()
							{
								$(el2).hide();
							});					
						}
					});
				}
			});
			return this;
		}
	});
