$(document).ready(function(){

		$("#output-button").animate({
				opacity: 1.0,
				borderWidth: 5
			}, 600 );
		$("#output")
				.css({
				display: "block"
			});
		
		$("#clip-button").click(function(){
			if($("clip").css("opacity") != "1"){
				$(this).animate({
					opacity: 1.0,
					borderWidth: 5
				}, 600 );
				$("#output")
					.css({
						display: "none"
					});
				$("#clip")
					.css({
						display: "block"
					});
				$("#photo")
					.css({
						display: "none"
					});
				$("#work")
					.css({
						display: "none"
					});
				$("#about")
					.css({
						display: "none"
					});
				$("#output-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#photo-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#work-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#about-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
			}
		});

		$("#photo-button").click(function(){
			if($("photo").css("opacity") != "1"){
				$(this).animate({
					opacity: 1.0,
					borderWidth: 5
				}, 600 );
				$("#output")
					.css({
						display: "none"
					});
				$("#clip")
					.css({
						display: "none"
					});
				$("#photo")
					.css({
						display: "block"
					});
				$("#work")
					.css({
						display: "none"
					});
				$("#about")
					.css({
						display: "none"
					});
				$("#output-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#clip-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#work-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#about-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
			}
		});

		$("#work-button").click(function(){
			if($("work").css("opacity") != "1"){
				$(this).animate({
					opacity: 1.0,
					borderWidth: 5
				}, 600 );
				$("#output")
					.css({
						display: "none"
					});
				$("#clip")
					.css({
						display: "none"
					});
				$("#photo")
					.css({
						display: "none"
					});
				$("#work")
					.css({
						display: "block"
					});
				$("#about")
					.css({
						display: "none"
					});
				$("#output-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#clip-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#photo-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#about-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
			}
		});

		$("#about-button").click(function(){
			if($("about").css("opacity") != "1"){
				$(this).animate({
					opacity: 1.0,
					borderWidth: 5
				}, 600 );
				$("#output")
					.css({
						display: "none"
					});
				$("#clip")
					.css({
						display: "none"
					});
				$("#photo")
					.css({
						display: "none"
					});
				$("#work")
					.css({
						display: "none"
					});
				$("#about")
					.css({
						display: "block"
					});
				$("#output-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#clip-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#photo-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#work-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
			}
		});
				
		$("#output-button").click(function(){
			if($("output").css("opacity") != "1"){
				$(this).animate({
					opacity: 1.0,
					borderWidth: 5
				}, 600 );
				$("#output")
					.css({
						display: "block"
					});
				$("#clip")
					.css({
						display: "none"
					});
				$("#photo")
					.css({
						display: "none"
					});
				$("#work")
					.css({
						display: "none"
					});
				$("#about")
					.css({
						display: "none"
					});
				$("#clip-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#photo-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#work-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
				$("#about-button").animate({
					opacity: 0.5,
					borderWidth: 1
				}, 600 );
			}
		});
				

		
	});