$(document).ready(function() {
				
				$('#port li a').click(function() {
					
					
					$('#port li a').removeClass('selected');
					$(this).addClass('selected');
					
					thisItem 	= $(this).attr('rel');
					
					if(thisItem != "all") {
					
						$('.portf li[rel~='+thisItem+']').stop()
																.animate({'width' : '308px', 
																			 'opacity' : 1, 
																			 'marginRight' : '0px',
																			 'marginLeft' : '17px'
																			});
																			
						$('.portf li:not([rel~='+thisItem+'])').stop()
																.animate({'width' : 0, 
																			 'opacity' : 0,
																			 'marginRight' : 0, 
																			 'marginLeft' : 0
																			});
					} else {
						
						$('.portf li').stop()
										.animate({'opacity' : 1, 
													 'width' : '308px', 
													 'marginRight' : '0px',
													 'marginLeft' : '17px'
													});
					}
				})
				
			});