// JavaScript Document
$(document).ready( function() {
	var defaltImg = $("#photo .img img").attr("src");
	var on = '_on';
	var src = $("#photo .img img").attr("src");
	var swapImg = src.substr(0, src.lastIndexOf('.')) + on + src.substring(src.lastIndexOf('.'));
	$("#photo .btn img").hover(
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			//var changeSrc = jQuery(this).attr("src");
			// .imgL内の<img>のsrcを書き換え
			$("#photo .img img").attr("src",swapImg);
		},
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			// .imgL内の<img>のsrcを書き換え
			$("#photo .img img").attr("src",defaltImg);
		}
	);
});

$(document).ready( function() {
	var defaltImg = $("#clothes .img img").attr("src");
	var on = '_on';
	var src = $("#clothes .img img").attr("src");
	var swapImg = src.substr(0, src.lastIndexOf('.')) + on + src.substring(src.lastIndexOf('.'));
	$("#clothes .btn img").hover(
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			//var changeSrc = jQuery(this).attr("src");
			// .imgL内の<img>のsrcを書き換え
			$("#clothes .img img").attr("src",swapImg);
		},
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			// .imgL内の<img>のsrcを書き換え
			$("#clothes .img img").attr("src",defaltImg);
		}
	);
});

$(document).ready( function() {
	var defaltImg = $("#plan .img img").attr("src");
	var on = '_on';
	var src = $("#plan .img img").attr("src");
	var swapImg = src.substr(0, src.lastIndexOf('.')) + on + src.substring(src.lastIndexOf('.'));
	$("#plan .btn01 img,#plan .btn02 img").hover(
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			//var changeSrc = jQuery(this).attr("src");
			// .imgL内の<img>のsrcを書き換え
			$("#plan .img img").attr("src",swapImg);
		},
		function() {
			// マウスオーバーされた<img>のsrc属性を取得
			// .imgL内の<img>のsrcを書き換え
			$("#plan .img img").attr("src",defaltImg);
		}
	);
});