$(function(){
	$("#navigation .button").click(function(){
		$clicked = $(this);
		if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
			$clicked.animate({
				opacity: 1,
			}, 300 );
			var idStore = $clicked.attr("id").split('-');
			$("#content").find("div:visible").filter(".main").fadeOut("fast", function(){
				$(this).parent().find("#"+idStore[0]).fadeIn();
			})
		}
		$clicked.siblings("#navigation .button").animate({
			opacity: 0.3,
		}, 300 );
	});
	$("#portfolio-nav .button").click(function(){
		$clicked = $(this);
		if ($clicked.css("opacity") != "1" && $clicked.is(":not(animated)")) {
			$clicked.animate({
				opacity: 1,
			}, 300 );
			var idStore = $clicked.attr("id").split('-');
			$("#subgroup").find("div:visible").filter(".sub").fadeOut("fast", function(){
				$(this).parent().find("#"+idStore[0]).fadeIn();
			})
		}
		$clicked.siblings("#portfolio-nav .button").animate({
			opacity: 0.3,
		}, 300 );
	});
});