var club = {
	members:null,
	memberE: null,
	member_sel: 0,
	init: function() {
		club.members = $$('a.member');
		club.show_first();
		club.memberE = club.member_click.bindAsEventListener();
		for (var i=0; i<club.members.length; i++)
			Event.observe(club.members[i], 'click', club.memberE);
	},
	member_click: function(e){
		e.stop();
		var member = e.currentTarget || e.srcElement;
		var cur_sel = member.id.split('-')[1];
		if (club.member_sel != cur_sel) {
			if (club.member_sel != 0)
				club.roll_up();
			club.member_sel = cur_sel;
			club.roll_down();
		}
	},
	show_first: function() {
		var first = club.members[0];
		club.member_sel = first.id.split('-')[1];
		club.roll_down();
	},
	roll_up: function() {
		var detail = $('detail-'+club.member_sel);
		Effect.BlindUp(detail, {duration: 0.4});
		var box = $('box-'+club.member_sel);
		box.removeClassName('roll');
	},
	roll_down: function() {
		var detail = $('detail-'+club.member_sel);
		Effect.SlideDown(detail, {duration: 0.4});
		var box = $('box-'+club.member_sel);
		box.addClassName('roll');
	}
}

function initialize() {
	//club.init();
}

if (window.addEventListener) window.addEventListener('load', initialize, false);
else window.attachEvent('onload', initialize);