$(".vimeopopup").live("click", openVid);
$("#arrow-up").live("click", closeVid);

var thumbsBuffer = "";
function openVid() {

	thumbsBuffer = $(".vimeoContainer").html();
	
	var vid = $(this).attr("vid");
	$(".vimeoContainer").html("<img src='/spinner.gif' class='loader' />");
	$.get(theme_www+"ajax/video-info.php", { vid: vid }, function(data) {
		$("#videos").css("backgroundImage", "url("+theme_www+"css/img/11black.png)");
		
		$("#caption").animate({ paddingTop: "35px" }, 400);
		$("#showing").fadeOut(200, function() {
			$("#arrow-up").fadeIn(300);
		});
		
		$("#videos").animate({ height: "489px" }, 800, function() {
			$(".vimeoContainer").hide();
			$(".vimeoContainer").html(data);
			$(".vimeoContainer").fadeIn(500);
		});
	}); 
	return false;
}
function closeVid() {
	$(".vimeoContainer").fadeOut(500);
	$("#arrow-up").fadeOut(300);
	$("#caption").animate({ paddingTop: "25px" }, 400);
	
	$("#videos").animate({ height: "271px" }, 800, function() {
		$("#videos").css(
			"backgroundImage", 
			"url("+theme_www+"css/img/bg-black.png)"
		);
		$(".vimeoContainer").html(thumbsBuffer);
		$(".vimeoContainer").fadeIn(200);
		$("#showing").fadeIn(200);
	});
	return false;
}