$(document).ready(function(){
	/************************/
	// 初期表示設定
	/************************/
	//全部元に戻して
	$("#tab-box > ul a,#tab-bo1-1 > ul a,#tab-bo1-2 ul a,#tab-bo2-1 > ul a,#tab-bo2-2 ul a,#tab-bo3-1 > ul a,#tab-bo3-2 ul a").removeClass("on");
	var href_id = location.href.split("#")[1];
	if(href_id == undefined){
		//タブ指定していない初期表示
		//初期表示するタブのみCSS設定
//		$("#tab-m1 > a").addClass("on");
//		$("#tab-box ul").find("[href='#tab-bo1']").addClass("on");
//		$("#tab-bo1-1 ul").find("[href='#tab-bo12']").addClass("on");
//		$("#tab-bo2-1 ul").find("[href='#tab-bo20']").addClass("on");
		$("#tab-m1 > a,#list1-1 > a,#list2-1 > a").addClass("on");
	}else{
		//タブ指定している初期表示
		//初期表示するタブのみCSS設定
		$("#tab-m1 > a,#list1-1 > a,#list2-1 > a").addClass("on");
		$("#tab-box ul").find("[href='#" + href_id + "']").parents("ul").find("#tab-m1 a").removeClass("on");
		$("#tab-bo1-1 ul").find("[href='#" + href_id + "']").parents("ul").find("#list1-1 a").removeClass("on");
		$("#tab-bo2-1 ul").find("[href='#" + href_id + "']").parents("ul").find("#list2-1 a").removeClass("on");
		
		$("#tab-box ul").find("[href='#" + href_id + "']").addClass("on");
		$("#tab-bo1-1 ul").find("[href='#" + href_id + "']").addClass("on");
		$("#tab-bo2-1 ul").find("[href='#" + href_id + "']").addClass("on");
		if(href_id == "tab-bo1-1-1" || href_id == "tab-bo1-1-2" || href_id == "tab-bo1-1-3" || href_id == "tab-bo1-1-4"){
			$("#tab-m1 a").addClass("on");
		}
	}
	
	//初期表示するタブのみCSS設定
	//$("#tab-m1 > a,#list1-1 > a,#list2-1 > a").addClass("on");

	/************************/
	// タブ動作設定
	/************************/
	//基本タブの動作設定
//	$("#tab-box > ul").tabs({fx: { opacity: "toggle" , height: "toggle",duration: "fast"} , event: "click"});
	$("#tab-box > ul").tabs({event: "click"});
	$("#tab-bo1-1 > ul").tabs({event: "click"});
	$("#tab-bo1-2 ul").tabs({event: "click"});
	$("#tab-bo2-1 > ul").tabs({event: "click"});
	$("#tab-bo2-2 ul").tabs({event: "click"});
	$("#tab-bo3-1 > ul").tabs({event: "click"});
	$("#tab-bo3-2 ul").tabs({event: "click"});
	//入れ子タブのある親タブを選択した時は入れ子タブを初期表示状態にする
	$("#tab-m1 > a").click(function(){
		$("#tab-m1-1-1 > a").click();
		$("#tab-m1-2-1 > a").click();
	});
	$("#tab-m2 > a").click(function(){
		$("#tab-m2-1-1 > a").click();
		$("#tab-m2-2-1 > a").click();
	});
	$("#tab-m3 > a").click(function(){
		$("#tab-m3-1-1 > a").click();
		$("#tab-m3-2-1 > a").click();
	});
	
	/************************/
	// 選択されているタブのCSS設定
	/************************/
	$("#tab-box > ul a,#tab-bo1-1 > ul a,#tab-bo1-2 ul a,#tab-bo2-1 > ul a,#tab-bo2-2 ul a,#tab-bo3-1 > ul a,#tab-bo3-2 ul a").click(function(){
		//全部元に戻して
		$(this).parents("ul").find("a").removeClass("on");
		//選択したタブのみ変更
		$(this).addClass("on");
	});
	
	/************************/
	// タブの外からのタブの操作
	/************************/
	$(".tab-bo1").click(function(){
		$("#tab-m1 a").click();
	});
	$(".tab-bo2").click(function(){
		$("#tab-m2 a").click();
	});
	$(".tab-bo3").click(function(){
		$("#tab-m3 a").click();
	});
	$(".tab-bo4").click(function(){
		$("#tab-m4 a").click();
	});
	$(".tab-bo5").click(function(){
		$("#tab-m5 a").click();
	});
	$(".tab-bo6").click(function(){
		$("#tab-m6 a").click();
	});
	$(".tab-bo7").click(function(){
		$("#tab-m7 a").click();
	});	
	
	
	
	
	
});