$(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();
		var filterValLength = filterVal.length;
		
		for (i=0; i<filterValLength; i++) {
			filterVal = filterVal.replace(' ','-');
			filterVal = filterVal.replace('à','a');
			filterVal = filterVal.replace('â','a');
			filterVal = filterVal.replace('ä','a');
			filterVal = filterVal.replace('ç','c');
			filterVal = filterVal.replace('é','e');
			filterVal = filterVal.replace('è','e');
			filterVal = filterVal.replace('ê','e');
			filterVal = filterVal.replace('ë','e');
			filterVal = filterVal.replace('î','i');
			filterVal = filterVal.replace('ï','i');
			filterVal = filterVal.replace('ô','o');
			filterVal = filterVal.replace('ö','o');
			filterVal = filterVal.replace('û','u');
			filterVal = filterVal.replace('ü','u');
		}
		
		//alert($(this).text()+" --> "+filterVal);
				
		if(filterVal == 'toutes') {
			$('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;
	});
});