// 【タブ】 =========================================

$(function(){
	// 初期設定
	var $m = 1;
	var $n = 1;

	//タブを表示
	$("ul.tabclick").css("display","block");
	// タブ：<li>タグに"tab-●"を追加
	$("ul.tabclick li").each(function(){
		$(this).addClass("tab-" + $m);
		if($m == 1){	// タブ【1】だったら
			// タブ【1】をActive画像に変更 (ここに書かないとIEでerror)
			var $FirstSrc = $("ul.tabclick li.tab-1 img").attr("src");
			var $FirstSrc = $FirstSrc.replace(/\.gif/, "_active.gif");
			$("ul.tabclick li.tab-1 img").attr("src", $FirstSrc);
		}
		$m++;
	});
	// 内容：<div>タグに"id=tab-●"を追加
	$("div.tabclick > div").each(function(){
		$(this).css("display","none");
		$(this).addClass("tab-" + $n);
		$n++;
		// 内容【1】を表示
		$("div.tabclick > div.tab-1").css("display","block");
	});
	// Hover時の処理
	$("ul.tabclick li").hover(
		function(){
			var $ThisSrc = $(this).children().children().attr("src");
			var $SearchResult = $ThisSrc.indexOf("_active.gif",0)
			if($SearchResult < 0){
				$(this).css("cursor","pointer");
				var $OriginalSrc = $(this).children().children().attr("src");
				var $OnSrc = $OriginalSrc.replace(/\.gif/, "_on.gif");
				$(this).children().children().attr("src", $OnSrc);
			}
		},
		function(){
			$(this).css("cursor","pointer");
			var $OnSrc = $(this).children().children().attr("src");
			var $OriginalSrc = $OnSrc.replace(/\_on.gif/, ".gif");
			$(this).children().children().attr("src", $OriginalSrc);
		}
	);
	// Click時の処理
	$("ul.tabclick li").click(function(){
		var $ThisSrc = $(this).children().children().attr("src");
		var $SearchResult = $ThisSrc.indexOf("_active.gif",0);
		if($SearchResult < 0){	// Clickした画像がActive画像でなければ
			//すべての画像をリセット
			$("ul.tabclick li").children().children().each(
				function(){
					// Active画像をリセット
					var $ThisSrc = $(this).attr("src");
					var $ResetSrc = $ThisSrc.replace(/\_active.gif/, ".gif");
					$(this).attr("src", $ResetSrc);
				}
			);
			// Active画像に変更
			var $OriginalSrc = $(this).children().children().attr("src");
			var $ActiveSrc = $OriginalSrc.replace(/\_on.gif/, "_active.gif");
			$(this).children().children().attr("src", $ActiveSrc);
			// 内容の変更
			$("div.tabclick > div").hide();
			var $SetClass = $(this).attr("class");
			$("div.tabclick > div." + $SetClass).fadeIn(200);
		}
	});
	// TAB指定OPENの設定
	var myPm = location.href.split("?")[1];
	switch (myPm) {
		case "id=02":
			// Active画像をリセット
			var $ActiveSrc = $("ul.tabclick li.tab-1").children().children().attr("src");
			var $DefaultSrc = $ActiveSrc.replace(/\_active.gif/, ".gif");
			$("ul.tabclick li.tab-1").children().children().attr("src", $DefaultSrc);
			// Active画像に変更
			var $OriginalSrc = $("ul.tabclick li.tab-2").children().children().attr("src");
			var $OnSrc = $OriginalSrc.replace(/\.gif/, "_active.gif");
			$("ul.tabclick li.tab-2").children().children().attr("src", $OnSrc);
			$('div.tab-1').hide(); /* 内容【1】を表示 */
			$('div.tab-2').fadeIn(300); /* ONの内容を表示 */
			break;
		case "id=03":
			// Active画像をリセット
			var $ActiveSrc = $("ul.tabclick li.tab-1").children().children().attr("src");
			var $DefaultSrc = $ActiveSrc.replace(/\_active.gif/, ".gif");
			$("ul.tabclick li.tab-1").children().children().attr("src", $DefaultSrc);
			// Active画像に変更
			var $OriginalSrc = $("ul.tabclick li.tab-3").children().children().attr("src");
			var $OnSrc = $OriginalSrc.replace(/\.gif/, "_active.gif");
			$("ul.tabclick li.tab-3").children().children().attr("src", $OnSrc);
			$('div.tab-1').hide(); /* 内容【1】を表示 */
			$('div.tab-3').fadeIn(300); /* ONの内容を表示 */
			break;
		case "id=04":
			// Active画像をリセット
			var $ActiveSrc = $("ul.tabclick li.tab-1").children().children().attr("src");
			var $DefaultSrc = $ActiveSrc.replace(/\_active.gif/, ".gif");
			$("ul.tabclick li.tab-4").children().children().attr("src", $DefaultSrc);
			// Active画像に変更
			var $OriginalSrc = $("ul.tabclick li.tab-4").children().children().attr("src");
			var $OnSrc = $OriginalSrc.replace(/\.gif/, "_active.gif");
			$("ul.tabclick li.tab-4").children().children().attr("src", $OnSrc);
			$('ul.tabclick > li').removeClass('on'); /* ON画像タブをOFFに切り替え */
			$('ul.tabclick > li.tab-4').addClass('on');
			$('div.tab-1').hide(); /* 内容【1】を表示 */
			$('div.tab-4').fadeIn(300); /* ONの内容を表示 */
			break;
	}
});


// 【プロフィール開閉】 =========================================

$(function(){

	// リンク：<dt><em>タグにclass="toggle-●"を追加
	$("#life-profile dt em").css({"background":"url(/img/ico_arrow-dot.gif) no-repeat 0 0.3em"});
	$("#life-profile dt em").css({"font-weight":"normal","color":"#1559C9","text-decoration":"underline","cursor":"pointer"});
	
	// 中身：<dd>タグにclass="toggle-●"を追加
	$("#life-profile dd").css("display","none");
	
	// Hover時の処理
	$("#life-profile dt em").hover(
		function(){ $(this).css({"font-weight":"normal","color":"#1678FE","text-decoration":"none","cursor":"pointer"}); },
		function(){ $(this).css({"font-weight":"normal","color":"#1559C9","text-decoration":"underline","cursor":"pointer"}); }
	);
	// Click時の処理
	$("#life-profile dt em").toggle(
		function(){
			$("#life-profile dt em").css({"background":"url(/img/ico_arrow-dot-bottom.gif) no-repeat 0 0.1em"});
			$("#life-profile dd").fadeIn(200);
		},
		function(){
			$("#life-profile dt em").css({"background":"url(/img/ico_arrow-dot.gif) no-repeat 0 0.3em"});
			$("#life-profile dd").fadeOut(200);
		}
	);
});

// 【ポップアップ】 =========================================
	
//お問合せ
function contact(html) {
	SubWindow=window.open(html,"contact","width=780,height=740,left=50,top=50,toolbar=0,location=0,status=0,menubar=0,scrollbars=1,resizable=1");
	SubWindow.focus();
}

//メールマガジン登録
function mail(html) {
	SubWindow=window.open(html,"mail","width=780,height=650,left=50,top=50,toolbar=0,location=0,status=0,menubar=0,scrollbars=1,resizable=1");
	SubWindow.focus();
}

//集う 申し込みフォーム
function meeting(html) {
	SubWindow=window.open(html,"meeting","width=780,height=600,left=50,top=50,toolbar=0,location=1,status=0,menubar=1,scrollbars=1,resizable=1");
	SubWindow.focus();
}

//ご意見・ご感想フォーム
function feedback(html) {
	SubWindow=window.open(html,"meeting","width=780,height=600,left=50,top=50,toolbar=0,location=1,status=0,menubar=1,scrollbars=1,resizable=1");
	SubWindow.focus();
}