$(function () {
	$('div:not(:last-child)').hover(function() {
		$(this).fadeTo("fast", 0.7);
	}, function() {
		$(this).fadeTo("slow", 0.5);
	});
	$('a').hover(function() {
		$(this).fadeTo("fast", 0.9);
	}, function() {
		$(this).fadeTo("slow", 0.7);
	});
	$('#this h2').toggle(function() {
		$('#this').animate({width: "220px"}, 300, function(){
			$('#this').animate({height: "300px"}, 500, function(){
				$('#works').animate({width: "220px", paddingRight: "20px", paddingLeft: "20px", marginRight: "10px"}, 500, function(){
					$('#social').animate({width: "220px", paddingRight: "20px", paddingLeft: "20px", marginRight: "10px"}, 500, function(){
						$('#about').animate({width: "220px", paddingRight: "20px", paddingLeft: "20px", marginRight: "10px"}, 500, function(){
							$('#this').addClass("unfold");
						});
				});
				});
			});
		});
	},
	function(){
			$('#this').animate({height: "-=300px"}, 500, function(){
				$('#works').animate({width: "-=220px", paddingRight: "-=20px", paddingLeft: "-=20px", marginRight: "-=10px"}, 500, function(){
					$('#social').animate({width: "-=220px", paddingRight: "-=20px", paddingLeft: "-=20px", marginRight: "-=10px"}, 500, function(){
						$('#about').animate({width: "-=220px", paddingRight: "-=20px", paddingLeft: "-=20px", marginRight: "-=10px"}, 500, function(){
							$('#this').animate({width: "-=155"}, 300);
							$('#this').removeClass("unfold");
						});
				});
				});
			});
	}
	);
});