$(function() {

	$("#img_list > li").hover(function(){ 
		$(this).fadeTo(200,0.5); 
	},function() {
		$(this).fadeTo(200,1); 
	});
	
	//画像切り替え、#targetの内容を変更する。
	$("#img_list > li > a").click(function(){
		var src = $(this).attr("href");
		$("#target_image").fadeOut("slow",function() {
			$(this).attr("src",src);
			$(this).fadeIn();
		});
		return false;
	});


	var i = 0;
	var targets = $("img");
	for(i = 0; i < targets.size(); i++) {
	    if(targets.eq(i).attr("src").match("_off.")) {
	        $("img").eq(i).hover(function() {
	            $(this).attr('src', $(this).attr("src").replace("_off.", "_on."));
	        }
	        , function() {
	            $(this).attr('src', $(this).attr("src").replace("_on.", "_off."));
	        });
	    }
	}

});