var Menu = {
	oldSize: 0,

	initialize: function() {
		/*
		$('menu').getElements('li').each(function (link) {
			link.addEvent('mouseover', function() {Menu.showDescription(link)});
		});
		$('menu').getElement('ul').addEvent('mouseleave', function() {Menu.hideDescription()});
		*/
	},


	showDescription: function(elt) {
		var link = elt.getElement('a');
		
		var el = new Element('div', {'class': 'over'});
		
		el.set('html', link.get('description'));
		el.setStyles({
			'opacity': 0,
			'background-color': Colors[link.get('color')]
		});
		
		el.fade(1);
		el.inject($('description'));
	},

	hideDescription: function() {
		$('description').getElements('.over').fade(0);
	},


	select: function(elt) {
		var link = elt.getElement('a');

		Interface.toggleIndicator('loading', true);

		Interface.contents.morph({
			'height': 0,
			'opacity': 0
		});
		$('menu').tween('border-bottom-width', 0);
		
		(function() {
			loadPage(link.get('url'), link.get('color'));
			$('description').set('html', "<a class='feed' href='"+link.get('url')+"feed/'>&nbsp;</a>&#8220;"+ link.get('description') +"&#8220;");
			Interface.contents.setStyles({
				'opacity': 1
			});
			
		}).delay(1000);

		$('menu').getElements('.hidden').each(function (el) {
			el.removeClass('hidden');

			// 2nd wave of events
			(function() {
				el.morph({
					'width': el.width
				})
			}).delay(500);

			// 3rd wave of events
			(function() {
				el.morph({
					opacity: 1
				})
			}).delay(1000);
		});
		

		var el = elt.getChildren()[0].clone();

		$('selection').getChildren().dispose();
		$('selection').grab(new Element('div', {'class': 'dot'}));
		$('selection').grab(el);

		$('selection').morph({
			'width': el.getSize().x
		});
		
		elt.addClass('hidden');
		elt.morph({
			opacity: 0
		});

		// 2nd wave of events
		elt.width = elt.getSize().x;
		(function () {
			elt.morph({
				width: 0
			});
		}).delay(500);
	}
};

window.addEvent('domready', Menu.initialize);