$(document).ready(function() {
	
	var filter = 'all';
	
	$('#about').hide();
	
	$('.details').click(function() {
		var p = $(this).parent().parent().parent().attr('id');
		if ($('#' + p).hasClass('open')) {
			var h = 244;
			$('#' + p).removeClass('open');
		} else {
			var h = $('#' + p + ' .feature img').attr('height');
			$('#' + p).addClass('open');
		}
		$('#' + p + ' .feature').animate({
			height: h
		}, 1000);
		return false;
	});
	
	$('.categories a').click(function() {

		filter = $(this).attr('rel');
		$('.categories a').removeClass('selected');
		$(this).addClass('selected');

		if(filter == 'all') {
			$('.work').each(function() {
				if($(this).hasClass('closed')) {
					$(this).slideToggle().removeClass('closed');
				}
			});		
		} else {
			$('.work').each(function() {
				if($(this).hasClass(filter)) {
					if($(this).hasClass('closed')) {
						$(this).slideToggle().removeClass('closed');
					}
				} else {
					if($(this).hasClass('closed')) {					
					} else {
						$(this).slideToggle().addClass('closed');
					}
				}
			});		
		}	
		return false;
	});
	
	$('.about').click(function() {
		$('#about').slideToggle();
		return false;
	});
	
	$('.close').click(function() {
		$('#about').slideToggle();
		return false;
	});
	
});