$(function(){
	$('#list .hdr').css({
		cursor: 'pointer'
	}).click(function(){
		$('#list .hdr').each(function(){
			$(this).parent().css({
				opacity: 0.7,
				height: '34px',
				overflow: 'hidden'
			});
		});
		$(this).parent().css({
			opacity: 1.0,
			height: '160px'
		});
	});
	$('#list .hdr:first').click();
	
	$('#list a').click(function(){
		$('#list a').css('color', '#000');
		$(this).css('color', '#f00');
		var href = this.href.split('#');
		$('#title').html('Loading...');
		$('#detail').empty();
		$.getJSON(href[0], 'action=detail&id='+href[1], function(data){
			$('#title').html(data.name);
			$('#detail').html(data.description);
			$('#image').html(data.image);
		})
		return false;
	});
	$('#list a:first').click();
});