var Menu = new Class({
	exibir: function()
	{
		if ( $('menuSuperior') )
		{
			var menus = $('menuSuperior').getChildren();
			menus.each(function(menu, i)
			{		
				menu.addEvent('mouseover', function(e)
				{
					var id  = menu.get('id').split('_');
					var prefix_id = 'suspenso_';
					//este é o título menu
					menu.setStyle('background-color', '#ff9900');
					if($(prefix_id+id[1]))
					{
						$(prefix_id+id[1]).setStyle('visibility', 'visible');
						var suspensos = $(prefix_id+id[1]).getChildren();
						suspensos.each(function(suspenso, i)
						{
							suspenso.addEvent('mouseover', function(e)
							{
								//estes são os itens menu
								suspenso.setStyle('background-color', '#aba299');
							})
						})
					}
						
				})
			})
		}
	},
	sumir: function()
	{
		if ( $('menuSuperior') )
		{
			var menus = $('menuSuperior').getChildren();
			menus.each(function(menu, i)
			{		
				menu.addEvent('mouseout', function(e)
				{
					var id  = menu.get('id').split('_');
					var prefix_id = 'suspenso_';
					if(id[1] >= 3)
						menu.setStyle('background-color', '#c4bbb1');
					else
						menu.setStyle('background-color', '#aba299');
					if($(prefix_id+id[1]))
					{
						$(prefix_id+id[1]).setStyle('visibility', 'hidden');
						var suspensos = $(prefix_id+id[1]).getChildren();
						suspensos.each(function(suspenso, i)
						{
							suspenso.addEvent('mouseout', function(e)
							{
								suspenso.setStyle('background-color', '#ff9900');
							})
						})
					}	
						
				})
			})
		}
	}
});

window.addEvent('domready', function() {
	var myMenu = new Menu();
	myMenu.exibir();
	myMenu.sumir();
});