$(function() {
	var $colorLabel = $("div#swatch p.color span");
	$("div#swatch a").hover(function() {
		$colorLabel.text(this.title);
	}, function() {
		$colorLabel.text("");
	});



	var isAnimating = false;
	var $largeWrapper = $("div#largeWrapper");
	var $showWrapper = $("a#showWrapper");

	var showWrapper = function() {
		isAnimating = true;
		$largeWrapper.show("slow", function() {
			$showWrapper.removeClass("show").addClass("hide").attr("title", "Hide");
			isAnimating = false;
		});
	};

	var hideWrapper = function() {
		isAnimating = true;
		$largeWrapper.hide("slow", function() {
			$showWrapper.removeClass("hide").addClass("show").attr("title", "Show");
			isAnimating = false;
		});
	};

	$("a#showWrapper").click(function(evt) {
		evt.preventDefault();
		if (isAnimating) { return; }
		if ($(this).hasClass("show")) {
			showWrapper();
		} else {
			hideWrapper();
		}
	});
	$("a#hideWrapper").click(function(evt) {
		evt.preventDefault();
		if (isAnimating) { return; }
		hideWrapper();
	});
});