var ActiveID = "";
var bodyWidth = 740;
var NowWhere = "";

function SubMenu_Show(mid,where) {
	subObj = document.getElementById(mid).style;
	if(subObj.visibility != "visible"){
		NowWhere = where;
		subObj.visibility = "visible";
		ActiveID = mid;
		subObj.left = (document.body.clientWidth - bodyWidth) / 2 + GetOffset();
		SubMenu_HideOthers();
	}else{
		subObj.visibility = "hidden";
		ActiveID = "";
	}
	
}

function SubMenu_Hide(mid) {
	document.getElementById(mid).style.visibility = "hidden";
}

function SubMenu_HideOthers() {
	var mid = "sub_chichibu";
	if(ActiveID != mid){SubMenu_Hide(mid);}
	var mid = "sub_special";
	if(ActiveID != mid){SubMenu_Hide(mid);}
	var mid = "sub_hokubu";
	if(ActiveID != mid){SubMenu_Hide(mid);}
	var mid = "sub_seibu";
	if(ActiveID != mid){SubMenu_Hide(mid);}
	var mid = "sub_tobu";
	if(ActiveID != mid){SubMenu_Hide(mid);}
	var mid = "sub_chuo";
	if(ActiveID != mid){SubMenu_Hide(mid);}
}

function SetSubMenuLoc(){
	if(ActiveID !=""){
		var w = document.body.clientWidth;
		if(w<bodyWidth){
			w = bodyWidth;
		}
		subObj = document.getElementById(ActiveID).style;
		subObj.left = (w - bodyWidth) / 2 + GetOffset();
	}
}

function GetOffset(){

	switch (ActiveID) {
		case "sub_chichibu":
			var dist = 483;
			break;
		case "sub_special":
			var dist = 563;
			break;
		case "sub_hokubu":
			var dist = 456;
			break;
		case "sub_seibu":
			var dist = 322;
			break;
		case "sub_tobu":
			var dist = 389;
			break;
		case "sub_chuo":
			var dist = 255;
			break;
		default:
		break;
	
	}
	
	if(NowWhere=="tobu"){
		var offset = 67;
		switch (ActiveID) {
			case "sub_seibu":
				var dist = dist+offset;
				break;
			case "sub_chuo":
				var dist = dist+offset;
				break;
			default:
			break;
		
		}
	}
	if(NowWhere=="seibu"){
		var offset = 67;
		switch (ActiveID) {
			case "sub_seibu":
				var dist = dist+offset;
				break;
			case "sub_chuo":
				var dist = dist+offset;
				break;
			default:
			break;
		}
	}
	if(NowWhere=="hokubu"){
		var offset = 67;
		switch (ActiveID) {
			case "sub_seibu":
				var dist = dist+offset;
				break;
			case "sub_tobu":
				var dist = dist+offset;
				break;
			case "sub_chuo":
				var dist = dist+offset;
				break;
			default:
			break;
		}
	}
	if(NowWhere=="chichibu"){
		var offset = 67;
		switch (ActiveID) {
			case "sub_hokubu":
				var dist = dist+offset;
				break;
			case "sub_seibu":
				var dist = dist+offset;
				break;
			case "sub_tobu":
				var dist = dist+offset;
				break;
			case "sub_chuo":
				var dist = dist+offset;
				break;
			default:
			break;
		}
	}
	if(NowWhere=="special"){
		var offset = 144;
		switch (ActiveID) {
			case "sub_chichibu":
				var dist = dist+90;
				break;
			case "sub_hokubu":
				var dist = dist+100;
				break;
			case "sub_seibu":
				var dist = dist+offset;
				break;
			case "sub_tobu":
				var dist = dist+135;
				break;
			case "sub_chuo":
				var dist = dist+offset;
				break;
			default:
			break;
		}
	}
	return dist;
	
}