var tbwidth = "230px";
	
jQuery.fn.collapse = function(){
	return this.each(function(){
		jQuery(this).stop().animate({opacity: 0.0, width: 0, marginRight: 0, padding: 0}, 450);
	});
};

jQuery.fn.expand = function(tbwidth){
	return this.each(function(){
		jQuery(this).stop().animate({opacity: 1, width: tbwidth, marginRight: 6, padding: '0'}, 450);
	});
};
$(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').expand(tbwidth).removeClass('hidden');
		} else {
			
			// for testing
			//alert(filterVal);
				
			$('ul#portfolio li').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).collapse().addClass('hidden');
				} else {
					$(this).expand(tbwidth).removeClass('hidden');
				}
			});
		}
		
		return false;
	});
});