$(document).ready(function() {

	$('ul#filter a').click(function() {

		$(this).css('outline','none');

		$('ul#filter .current').removeClass('current');

		$(this).parent().addClass('current');

		

		var filterVal = $(this).text().toLowerCase().replace(' ','-');

				

		if(filterVal == 'all') {

			$('ul#portfolio li.hidden').fadeIn('slow').removeClass('hidden');

		} else {

			

			$('ul#portfolio li').each(function() {

				if(!$(this).hasClass(filterVal)) {

					$(this).fadeOut('normal').addClass('hidden');

				} else {

					$(this).fadeIn('slow').removeClass('hidden');

				}

			});

		}

		

		return false;

	});

});