// JavaScript Document

$(document).ready(function() {

	$('#show-interactive').click(function() {
	  $('.interactive').animate({
		opacity: 1,
	  });
	  $('.identity').animate({
		opacity: 0.25,
	  });
	  $('.theory').animate({
		opacity: 0.25,
	  });
	  $('.illustration').animate({
		opacity: 0.25,
	  });
	  $('.type').animate({
		opacity: 0.25,
	  });
	});
	
	$('#show-identity').click(function() {
	  $('.interactive').animate({
		opacity: 0.25,
	  });
	  $('.identity').animate({
		opacity: 1,
	  });
	  $('.theory').animate({
		opacity: 0.25,
	  });
	  $('.illustration').animate({
		opacity: 0.25,
	  });
	  $('.type').animate({
		opacity: 0.25,
	  });
	});
	$('#show-theory').click(function() {
	  $('.interactive').animate({
		opacity: 0.25,
	  });
	  $('.identity').animate({
		opacity: 0.25,
	  });
	  $('.theory').animate({
		opacity: 1,
	  });
	  $('.illustration').animate({
		opacity: 0.25,
	  });
	  $('.type').animate({
		opacity: 0.25,
	  });
	});
	$('#show-illustration').click(function() {
	  $('.interactive').animate({
		opacity: 0.25,
	  });
	  $('.identity').animate({
		opacity: 0.25,
	  });
	  $('.theory').animate({
		opacity: 0.25,
	  });
	  $('.illustration').animate({
		opacity: 1,
	  });
	  $('.type').animate({
		opacity: 0.25,
	  });
	});
	$('#show-type').click(function() {
	  $('.interactive').animate({
		opacity: 0.25,
	  });
	  $('.identity').animate({
		opacity: 0.25,
	  });
	  $('.theory').animate({
		opacity: 0.25,
	  });
	  $('.illustration').animate({
		opacity: 0.25,
	  });
	  $('.type').animate({
		opacity: 1,
	  });
	});
	$('#show-all').click(function() {
	  $('.interactive').animate({
		opacity: 1,
	  });
	  $('.identity').animate({
		opacity: 1,
	  });
	  $('.theory').animate({
		opacity: 1,
	  });
	  $('.illustration').animate({
		opacity: 1,
	  });
	  $('.type').animate({
		opacity: 1,
	  });
	});
});