/**
 * 写真入れ替えJavaScript
 *
 * 指定範囲（div.js_swap_photo、table.js_swap_photo）において
 * 指定リンク（a.js_swap_photo）のクリック時に、
 * 指定画像（img.js_swap_photo）のsrc属性をクリックされたaのhrefに変更し、
 * クリックされたaにクラス（.select_item）を追加する
 *
 * HTMLのDOM構成
 * (div|table).js_swap_photo        写真入れ替えの1つの枠組み（divかtable）
 *   img.js_swap_photo * 1  対象画像
 *   a.js_swap_photo   * N  入替機能のアンカー（href属性に画像パス）
 *
 * @require jquery.js
 */

$(function(){
	//選択状態クラス
	var selectClass = 'select_item';
	
	//写真入替の1つの枠組（divかtable）
	var photoSct = $('div.js_swap_photo, table.js_swap_photo');
	photoSct.each(
		function(){
			//対象画像
			var imgElm = $(this).find('img.js_swap_photo');
			//入替機能のアンカー
			var anchorElm = $(this).find('a.js_swap_photo');
			//アンカークリック処理
			anchorElm.click(
				function(){
					//画像src入替
					imgElm.attr('src', $(this).attr('href'));
					//クラス入替
					anchorElm.removeClass(selectClass);
					$(this).addClass(selectClass);
					return false;
				}
			);
		}
	);

});