$(document).ready( function() {
	$("#subImages a")
	//読み込み時
	.fadeTo(1,0.5)

	//マウスオーバー・マウスアウト時
	.hover(
		function() {
			//マウスが乗ったら直ぐ100%に
			$(this).fadeTo(200,1);
		},
		function() {
			//マウスが外れたらゆっくり50%に
			$(this).fadeTo(1, 0.5);
		}
	)
	
	//クリック時の処理
	.click( function() {
		var changSrc = $(this).attr("href");
		$("#mainImage img").attr("src", changSrc);
		return false;
	});
});