var top = 0;
var len = 0;
$(function(){
	len = $('#list > div').length;
	$('#list_up a').click(function(){
		if(top > 0) {
			top -= 3;
			$('#list').animate({scrollTop: top * 102});
		}
		return false;
	});
	$('#list_down a').click(function(){
		if(top + 3 < len) {
			top += 3;
			$('#list').animate({scrollTop: top * 102});
		}
		return false;
	});
	$('#list > div').click(function(){
		$('#list > div').css('background-image', 'url(images/design/box_107_off.png)');
		$(this).css('background-image', 'url(images/design/box_107_on.png)');
		$('#detail').html($('div', this).html());
		$('#detail .title107').css({
			fontSize: '18px',
			color: '#f00'
		});
	});
	$('#list > div:first').click();
})