$(function() {
	var openWidth = 700;
	var openHeight = 420;
	var closedWidth = 470;
	var closedHeight = 160;
	var fadeDuration = 100;
	var animateDuration = 300;
	
	$('.portfolio-grid-item-thumbnail.closed').live('click', function open() {
		
		$(this).find('.portfolio-grid-item-thumbnail-label')
			   .text('Click to close')
			   .css({'text-align':'center', 'padding-left':6, 'width':112});
		
		$('.portfolio-grid-item-thumbnail.open').click();
		
		$(this).parent()
			   .find('.portfolio-grid-item-details.summary')
			   .fadeOut(fadeDuration, function() {
			       $(this).parent()
						  .find('.portfolio-grid-item-thumbnail')
						  .removeClass('closed')
						  .addClass('open')
						  .animate({width: openWidth}, animateDuration, 'swing')
						  .animate({height: openHeight}, animateDuration, 'swing', function() {
						      $(this).parent()
						      		 .find('.portfolio-grid-item-details.full')
						      		 .fadeIn(fadeDuration);									      		 
						  });
			   });
	});
	
	$('.portfolio-grid-item-thumbnail.open').live('click', function close() {
		
		$(this).find('.portfolio-grid-item-thumbnail-label')
			   .text('Click to enlarge')
			   .css({'text-align':'left', 'padding-left':16, 'width':105});
		
		$(this).parent()
			   .find('.portfolio-grid-item-details.full')
			   .fadeOut(fadeDuration, function() {
			       $(this).parent()
						  .find('.portfolio-grid-item-thumbnail')
						  .removeClass('open')
						  .addClass('closed')
						  .animate({height: closedHeight}, animateDuration, 'swing')
						  .animate({width: closedWidth}, animateDuration, 'swing', function() {
						      $(this).parent()
						      		 .find('.portfolio-grid-item-details.summary')
						      		 .fadeIn(fadeDuration);									      		 
						  });
			   });
	});
	
	$('.portfolio-grid-item').mouseenter(function() {
		
		if($(this).find('.portfolio-grid-item-thumbnail').hasClass('closed'))
		{
			$(this).find('.portfolio-grid-item-thumbnail-label')
				   .animate({width: 122, height: 26}, animateDuration, function() {
				       $(this).animate({width: 105, height: 16}, animateDuration);
				   });
		}
	});
	
	$('.more').click(function() {
		$(this).parent().parent().find('.portfolio-grid-item-thumbnail').click();
	});
});