// JavaScript Document

		/*
		クリックしたときに点線が出るのを防ぐ（IE用）
		*/
		$(function(){
					$("ul.tabNavi li a").focus(function(){
								$(this).blur()
					});
		})

		/*
		タブボタンの on off と タブの中身の切り替え　
		*/
		$(function(){
				   		//初期設定
						$("a.selected img").attr("src",$("a.selected img").attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1-on$2"));
					    $("#tab-2").hide();
					    $("#tab-3").hide();
					    $("#tab-4").hide();
					    $("#tab-5").hide();
						//クリックされた時の処理
						$("ul.tabNavi li a").click(function(){
							var name1=$("ul.tabNavi li a.selected").attr("href");//今のul.tabNavi li a.selectedのhrefの値を保存しておく
							$("a.selected img").attr("src",$("a.selected img").attr("src").replace(/^(.+)-on(\.[a-z]+)$/,"$1$2"));
							$("ul.tabNavi li a").removeClass("selected");
							$(this).addClass("selected");
							$("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)-on(\.[a-z]+)$/,"$1$2"));/*クリックした画像はmouseoverで-onが付いているので、そのままだと-on-onになってしまい画像のパスがおかしくなるので今ついている-onをとってから-onを付けなおす*/
							$("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1-on$2"));
							$(name1).hide();
							var name2=$("ul.tabNavi li a.selected").attr("href");//クリックされたul.tabNavi li a.selectedのhrefの値を保持
							$(name2).show();
							return false;
			 			  })
		})
		
		/*
		マウスオーバーの処理
		*/
		$(function(){
				   $("ul.tabNavi a").mouseover(function(){/*セレクタがついているかの条件判定はマウスオーバーとマウスアウトのそれぞれに設定する。マウスオーバーだけだとクリックしたあとマウスアウトするときに-onが外されてoff画像になってしまう為*/
						var className = $(this).attr('class');
						if(className!='selected'){
							$("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1-on$2"))									
						}
						}).mouseout(function(){
						var className2 = $(this).attr('class');
						if(className2!='selected'){
								$("img",this).attr("src",$("img",this).attr("src").replace(/^(.+)-on(\.[a-z]+)$/,"$1$2"))
						}
					})
		})