$(document).ready(function() {
	/* ★メニューをクリックしたら */
	$('.menu li a').click(function() {	
		$('.menu li').removeClass('selected');
		$(this).parent('li').addClass('selected');
		
		/* ★thisItemに、relに記載されたメニュータグを入れる */
		thisItem = $(this).attr('rel');
		
		/* ★relがallでなかった場合 */
		if(thisItem != "all") {
			/* ★タグがrelのモノを表示する */
			$('.item li[rel='+thisItem+']').stop()
						.animate({'opacity' : 1,
							'width' : '120px',   
							 'marginRight' : '.5em', 
							 'marginLeft' : '.5em'
						});
			/* ★タグがrel出ないものは表示しない */	
			$('.item li[rel!='+thisItem+']').stop()
						.animate({'width' : 0, 
							 'opacity' : 0,
							 'marginRight' : 0, 
							 'marginLeft' : 0
						});
		/* allまたは初回表示の場合 */
		}else{	
			$('.item li').stop()
						.animate({'opacity' : 1, 
							 'width' : '120px', 
							 'marginRight' : '.5em', 
							 'marginLeft' : '.5em'
						});
		}
	})
				
	$('.item li img').animate({'opacity' : 0.65}).hover(function() {
		$(this).animate({'opacity' : 1});
	}, function() {
		$(this).animate({'opacity' : 0.65});
	});	
});