var portfolioActive = false;
	
	$(function() {
		$("#portfolio").css("display", "block");
		$("#portfolioLeft").click(function() {
			portfolioLeft();
		});
		$("#portfolioRight").click(function() {
			portfolioRight();
		});
	});
	
	function portfolioLeft() {
		if(!$("#portfolioInner").find("th.active").is(":first-child") && !portfolioActive) {
			portfolioActive = true;
			var setLeft = $("#portfolioInner").find("table").position().left;
			setLeft = setLeft + 92;
			$("#portfolioInner").find("th.active").find("img").animate({
				width: 74,
				height: 50
			});

			$("#portfolioInner").find("th.active").prev().find("img").animate({
				width: 100,
				height: 68
			});

			$("#portfolioInner").find("table").animate({
				left: setLeft
			});
			$("#portfolioComment").animate({
				opacity: 0
			}, function() {
				var longdesc = $("#portfolioInner").find("th.active").prev().find("img").attr("longdesc");
				var desc = $("#portfolioInner").find("th.active").prev().find("img").attr("alt") +
					' - <a href="'+longdesc+'">'+longdesc.substr(7)+'</a>';
				$("#portfolioComment").html(desc);
				$("#portfolioComment").animate({
					opacity: 1
				}, function() {
					$("#portfolioInner").find("th.active").removeClass("active").prev().addClass("active");
					portfolioActive = false;
				});
			});
		}
	}
	
	function portfolioRight() {
		if(!$("#portfolioInner").find("th.active").is(":last-child") && !portfolioActive) {
			portfolioActive = true;
			var setLeft = $("#portfolioInner").find("table").position().left;
			setLeft = setLeft - 92;
			$("#portfolioInner").find("th.active").find("img").animate({
				width: 74,
				height: 50
			});

			$("#portfolioInner").find("th.active").next().find("img").animate({
				width: 100,
				height: 68
			});
			$("#portfolioInner").find("table").animate({
				left: setLeft
			});

			$("#portfolioComment").animate({
				opacity: 0
			}, function() {
				var longdesc = $("#portfolioInner").find("th.active").next().find("img").attr("longdesc");
				var desc = $("#portfolioInner").find("th.active").next().find("img").attr("alt") +
					' - <a href="'+longdesc+'">'+longdesc.substr(7)+'</a>';
				$("#portfolioComment").html(desc);
				$("#portfolioComment").animate({
					opacity: 1
				}, function() {
					$("#portfolioInner").find("th.active").removeClass("active").next().addClass("active");
					portfolioActive = false;
				});
			});
		}
	}