document.observe('dom:loaded', function() {

	$('m1').observe('click', function() {
		new Effect.BlindDown('acc1', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc2', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc3', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc4', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc5', { duration: 0.25, from: 0, to: 1 });
		new Effect.Pulsate('m1', { duration: 0.5, from: 0, to: 1 });
		$('m1').addClassName('select');
		$('m2').removeClassName('select');
		$('m3').removeClassName('select');
		$('m4').removeClassName('select');
		$('m5').removeClassName('select');
	});
	
	$('m2').observe('click', function() {
		new Effect.BlindUp('acc1', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindDown('acc2', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc3', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc4', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc5', { duration: 0.25, from: 0, to: 1 });
		new Effect.Pulsate('m2', { duration: 0.5, from: 0, to: 1 });
		$('m1').removeClassName('select');
		$('m2').addClassName('select');
		$('m3').removeClassName('select');
		$('m4').removeClassName('select');
		$('m5').removeClassName('select');
	});
	
	$('m3').observe('click', function() {
		new Effect.BlindUp('acc1', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc2', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindDown('acc3', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc4', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc5', { duration: 0.25, from: 0, to: 1 });
		new Effect.Pulsate('m3', { duration: 0.5, from: 0, to: 1 });
		$('m1').removeClassName('select');
		$('m2').removeClassName('select');
		$('m3').addClassName('select');
		$('m4').removeClassName('select');
		$('m5').removeClassName('select');
	});
	
	$('m4').observe('click', function() {
		new Effect.BlindUp('acc1', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc2', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc3', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindDown('acc4', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc5', { duration: 0.25, from: 0, to: 1 });
		new Effect.Pulsate('m4', { duration: 0.5, from: 0, to: 1 });
		$('m1').removeClassName('select');
		$('m2').removeClassName('select');
		$('m3').removeClassName('select');
		$('m4').addClassName('select');
		$('m5').removeClassName('select');
	});
	
	$('m5').observe('click', function() {
		new Effect.BlindUp('acc1', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc2', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc3', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindUp('acc4', { duration: 0.25, from: 0, to: 1 });
		new Effect.BlindDown('acc5', { duration: 0.25, from: 0, to: 1 });
		new Effect.Pulsate('m5', { duration: 0.5, from: 0, to: 1 });
		$('m1').removeClassName('select');
		$('m2').removeClassName('select');
		$('m3').removeClassName('select');
		$('m4').removeClassName('select');
		$('m5').addClassName('select');
	});

});

