window.addEvent('load', function(){

	var menu_items = $$('#menu div.menu_item');
	var submenu = $$('.menu_item .submenu_slide');
	var submenu_items = $$('.menu_item .submenu_slide .submenu_item');
	submenu.fade('hide');

	menu_items.each( function(menu_item, i) {

		submenu.set('slide', {duration: 'long', transition: 'bounce:out'});

		var img_off = menu_items[i].getElement('img').getProperty('src');
		if(img_off.contains('_y_')){var img_over = img_off.replace('_y_','_g_');}else{var img_over = img_off.replace('_','_g_');}
		

		menu_item.addEvent('mouseover', function(e)
		{
			menu_items[i].getElement('img').setProperty('src', img_over);

			new Event(e).stop();
			submenu[i].fade('in');
			submenu[i].getElements('.submenu_item').each( function(submenu_item, index) {
					submenu_item.addEvent('mouseover', function(e)
					{
						submenu_item.setStyle('cursor', 'pointer');
						submenu_item.setStyle('background-color', '#9C9E9C');
					});
					submenu_item.addEvent('mouseout', function(e)
					{
						submenu_item.setStyle('cursor', 'default');
						submenu_item.setStyle('background-color', '#000000');
						
					});
			});
		});
		menu_item.addEvent('mouseout', function(e)
		{
			menu_items[i].getElement('img').setProperty('src', img_off);
			new Event(e).stop();
			submenu_items[i].setStyle('cursor', 'default');
			submenu_items[i].setStyle('background-color', '#000000');
			submenu[i].fade('out');

		});
	});

});