$(document).ready(function(){
    $('div.small')
	.show();
	
    $('div.big')
	.hide();
	
	$('.progress-circle')
	.hide();
	
    $("a.more").click(function(event){
		$("#s" + event.target.id.substring(1) + ".small")
		.fadeOut("slow", function() {
			$("#" + event.target.id.substring(1) + " .progress-circle")
			.show("slow")
			.animate({opacity:1.0}, 1000);
			
			$("#" + event.target.id.substring(1) + " .progress-circle")
			.hide("slow", function() {
					$("#b" + event.target.id.substring(1) + ".big")
					.slideDown("medium");
			});
		});

    });
	
    $("a.less").click(function(event){
		 $("#b" + event.target.id.substring(1) + ".big")
		 .fadeOut("slow", function() {
			$("#" + event.target.id.substring(1) + " .progress-circle")
			.hide("slow", function() {
					$("#s" + event.target.id.substring(1) + ".small")
					.slideDown("medium");
			});
		});
    });
});