jQuery(document).ready(function(){
	
	jQuery("#nav_all").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		return false;
	});
	
	jQuery("#nav_life").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.life").animate({opacity: 1.0}, 300);
		jQuery("li.life a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_residence-living").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.residence-living").animate({opacity: 1.0}, 300);
		jQuery("li.residence-living a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_health").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.health").animate({opacity: 1.0}, 300);
		jQuery("li.health a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_shopping").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.shopping").animate({opacity: 1.0}, 300);
		jQuery("li.shopping a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_gourmet").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.gourmet").animate({opacity: 1.0}, 300);
		jQuery("li.gourmet a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_beauty").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.beauty").animate({opacity: 1.0}, 300);
		jQuery("li.beauty a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_hobby").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.hobby").animate({opacity: 1.0}, 300);
		jQuery("li.hobby a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_amusement").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.amusement").animate({opacity: 1.0}, 300);
		jQuery("li.amusement a img").css("background","#D0DFFF");
		return false;
	});
	
	jQuery("#nav_hello").click(function(){
		jQuery("#chirashiNav li").css("background","#EEE");
		jQuery(this).css("background","#DFF5FD");
		jQuery("#showcase li").animate({opacity: 1.0}, 300);
		jQuery("#showcase li").animate({opacity: 0.3}, 300);
		jQuery("#showcase li a img").css("background","#EEE");
		jQuery("li.hello").animate({opacity: 1.0}, 300);
		jQuery("li.hello a img").css("background","#D0DFFF");
		return false;
	});

});