window.addEvent('domready', function(){
	var menuItems = $$('#main-menu li.menu-arrow');
	var clickMenuItems = $$('.click-menu');

	menuItems.each(function (element) {
	//All submenus
	//alert(element.getChildren('div').get('tag'));
	var subMenuItem = element.getChildren('div');
	subMenuItem.set('opacity', '0.1');
	
	element.addEvents({
			mouseenter: function() {
				subMenuItem.toggleClass('hidden');

				//Set the duration and execute the Morph action
				subMenuItem.set('morph', {duration: '150'});
				subMenuItem.morph({
					'opacity': 1
				});
			},
			mouseleave: function(){
				subMenuItem.toggleClass('hidden');
				// Morphes back to the original style
				subMenuItem.morph({
					opacity: 0.1
				});
			}
		});

	});


	clickMenuItems.each(function (element) {
		//alert(element.get('tag'));
		var showElement = element.getNext('li');
		
		element.addEvents({
			'click': function() {
				showElement.toggleClass('hidden');
				element.toggleClass('click-menu-selected');
			}
		});

	});



});