window.addEvent('load', function(){
	var content_scroll = new Fx.Scroll($('senrin_cover'), {duration: 3000, transition: 'quint:out', link: 'cancel'});
	content_scroll.set(0, 0);
	var content_list = [
		{button: 'cover_1', content: 'senrin_cover_01', x: 0, y: 0,    select: true},
		{button: 'cover_2', content: 'senrin_cover_02', x: 0, y: 1400, select: false},
		{button: 'cover_3', content: 'senrin_cover_03', x: 0, y: 2800, select: false},
		{button: 'cover_4', content: 'senrin_cover_04', x: 0, y: 4200, select: false}
	];

	content_list.each(function(data){
		var img_ele = $(data.button).getFirst();
		$(data.button).addEvent('click', function(){
			content_scroll.start(data.x, data.y);
			content_list.each(function(data2){
				data2.select = false;
				$(data2.button).getFirst().src = $(data2.button).getFirst().src.replace(/_o\.jpg$/, ".jpg");
			});
			data.select = true;
			$(data.button).getFirst().src = $(data.button).getFirst().src.replace(/\/([^\/]*).jpg$/, "/$1_o.jpg");
		});
		img_ele.addEvent('mouseover', function(){
			if (data.select) return;
			var src = img_ele.src;	
			img_ele.src = src.replace(/\/([^\/]*).jpg$/, "/$1_o.jpg");
		});
		img_ele.addEvent('mouseout', function(){
			if (data.select) return;
			var src = img_ele.src;	
			img_ele.src = src.replace(/_o\.jpg$/, ".jpg");
		});
	});
});