// 【施設紹介】=========================================

$(function(){
	var $i = 1;
	var $j = 1;
	// リンク： <dt><em>タグにclass="set-●"を追加
	$(".set dt.floor span").each(function(){
		$(this).addClass("set-" + $i);
		$(this).css({"font-weight":"normal","color":"#3D78B4","text-decoration":"underline","cursor":"pointer"});
		$i++;
	});
	// 中身： <dd>タグにclass="set-●"を追加
	$(".set dd.open").each(function(){
		$(this).hide();
		$(this).addClass("set-" + $j);
		$j++;
	});

	//// <img class="switch">のclassを"set-●"に書き換える
	var $k = 1;
	$("img.switch").each(function(){
		$(this).removeClass("switch");
		$(this).addClass("set-" + $k);
		$k++;
	});


	// Hover時の処理
	$(".set dt span").hover(
		function(){
			$(this).css({"font-weight":"normal","color":"#F2881F","text-decoration":"none","cursor":"pointer"});
		},
		function(){
			$(this).css({"font-weight":"normal","color":"#3D78B4","text-decoration":"underline","cursor":"pointer"});
		}
	);
	// Click時の処理
	$(".set dt span").toggle(
		function(){
			var $SetClass = $(this).attr("class");
			$(".set dd." + $SetClass).slideDown(200);

			//// <img class="set-●">のsrcを書き換える
			var temp_str = $("img." + $SetClass).attr("src");
			$("img." + $SetClass).attr("src", temp_str.replace("off","on"));
		},
		function(){
			var $SetClass = $(this).attr("class");
			$(".set dd." + $SetClass).slideUp(200);

			//// <img class="set-●">のsrcを書き換える
			var temp_str = $("img." + $SetClass).attr("src");
			$("img." + $SetClass).attr("src", temp_str.replace("on","off"));
		}
	);
});