$(document).ready(function() {
	$clientsHolder = $('ul.projecten');
	$clientsClone = $clientsHolder.clone(); 
	 
	$('.filterProjecten a').click(function(e) {
		e.preventDefault();
	 
		$filterClass = $(this).attr('class');
	 
		$('.filterProjecten li').removeClass('active');
		$(this).parent().addClass('active');
	 
		if($filterClass == 'all'){
			$filters = $clientsClone.find('li');
		} else {
			$filters = $clientsClone.find('li[data-type~='+ $filterClass +']');
		}
	 
		$clientsHolder.quicksand($filters, {
			duration: 1000,
			easing: 'easeInOutQuint',
			adjustHeight: 'dynamic'
		});
	});
});