window.addEvent('domready', function() {
	
	var menuitems = $$('.menu_item');
	
	menuitems.each(function(element, i)
	{
		element.addEvent('mouseover', function(e)
		{                    
			var log = $('subMenu').empty().addClass('ajax-loading');			
			remove();
			new Event (e).stop();
			new Ajax(element.getProperty('rel'),
			{
				method: 'get',
				update: log,
				onComplete: function() { 
					element.removeClass('menu_item'); 
					element.addClass('menu_active');
				}
			}).request();
		});
	});
	var none = $$('.none');

	none.each(function(element, i)
	{
		element.addEvent('mouseover', function(e) {
			remove();
			$('subMenu').empty();
		});	
	});
	
	function remove() {
		var menu_active = $$('.menu_active');
		
		menuitems.each(function(element, i) {
			element.removeClass('menu_active'); 
			element.addClass('menu_item');
		})
	}
});