$(document).ready(function() {


	// CLICK 
	$("#branding .frame").click(function() {
		$(".details .inside").show();
		$(this).addClass("frame-active");
		$("#branding  .details").stop().animate({height: "0px"}, 600);
		$(".frame").next('.client').removeClass("client-active");
		$(".frame").find('.current').stop().animate({opacity: 1}, 300);
		$(".new").css({ backgroundPosition:"left bottom" });
		$(".works-grid .grid-featured ").stop().animate({height: "1000px"}, 600);
		$("#branding .r1 .details").stop().animate({height: "481px"}, 600);
		$(this).find('.current').stop().animate({opacity: 0}, 300);
		$(this).parent(".work").find(".new").css({ backgroundPosition:"left top" });
		$(this).next('.client').addClass("client-active");
		
		$(this).find('.load').stop().animate({opacity: 0.5}, 100);
		var post_id = $(this).attr("rel");
		var work_id = $(this).attr("id");

		return false;									
	});
});