window.addEvent('domready', function() {
	var menu_state = 'closed';
	var image_morph = new Fx.Morph($('image').getElement('img'), {transition:Fx.Transitions.Quad.easeInOut,link:'chain'});
	var menu_slider = new Fx.Morph($('menu'), {link:'chain', transition: Fx.Transitions.Sine.easeOut});
	
	$('menu_handle').getElement('a').addEvent('click', function(e) {
		new Event(e).stop()
		menu_state = (menu_state == 'closed' ? 'open' : 'closed');
		menu_slider.start('.' + menu_state);
	});
	
	$('thumbnails').getElements('a').each(function(element) {
		new Asset.image(element.get('href'));
		element.addEvent('click', function(e) {
			new Event(e).stop()
			image_morph.start({
			    'opacity': 0
			}).chain(function() {
				$('image').getElement('img').set('src', element.get('href'));
				image_morph.start({
				    'opacity': 1
				});
			});
		});
	});
	
	$('information').makeDraggable({handle:$('information').getElement('h2')});
});