$(document).ready(function() {  
     $('ul#filter a').click(function() {  
         $(this).css('outline','none');  
         $('ul#filter a.filtered').removeClass('filtered');  
         $(this).addClass('filtered');  
   
         var filterVal = $(this).text().toLowerCase().replace(' ','-');  
  
   		
         if(filterVal == 'alles') {  
               
             $('#works-wrapper div').animate({
                 		opacity: 1
                 	}), 5000, function(){
                 		removeClass('hidden'); 
                 	}

         } else {  
             $('#works-wrapper div').each(function() {  
                 if(!$(this).hasClass(filterVal)) {  
                 	$(this).animate({
                 		opacity: 0.1
                 	}), 5000, function(){
                 		addClass('hidden'); 
                 	}
                     
                 } else {  
                     $(this).animate({
                 		opacity: 1
                 	}), 5000, function(){
                 		removeClass('hidden'); 
                 	}
  
                 }  
             });  
         }  
   
         return false;  
     });  
 });
 
 
/* if(filterVal == 'alles') {
			$('#works-wrapper div').fadeIn('slow').removeClass('hidden');
		} else {
			
			$('#works-wrapper div').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).fadeOut('normal').addClass('hidden');
				} else {
					$(this).fadeIn('slow').removeClass('hidden');
				}
			});
		}
		
		return false;
	});
});*/