// JavaScript Document



$(function(){
	$(".barrierfreemap h2").append("（番号にカーソルを合わせると案内詳細がご覧いただけます）");
});


$(function(){
	var arrow = "";
	for(i=0; i<18; i++){
		n = i+1;
		arrow = arrow + '<p class="arrow' + n + '"><a href="#picphoto' + n + '"><img src="img/barrier-free/arrow' + n + '.gif" alt="" width="32" height="32"></a></p>'
;
	}


	$(".imgmap p").after(arrow);
});

$(function(){
	$(".photoset div").each(function(i){
		$(this).attr("id","picphoto" + i); 
	});
});

$(function(){
	$(".imgmap a img").attr("height", "32").attr("width", "32");
});

$(function(){
	$(".imgmap a").each(function(i){
		$(this).hover(function(){
			n = i+1;
			$(".imgmap img").show();
			$(".photoset div").hide();
			$("#picphoto" + n).fadeIn("slow");
			$(this).children().hide();
		});
	});

});