/* ----------------------------------------------------------左右ボタン関連 */

// メイン画像移動(bytefx）
function moveBox(objX, objY){
	bytefx.move(document.getElementById("topimgbox"), {x:objX, y:objY}, 10);
}

bytefx = new function(){

	this.move = function(element, position, speed, callback){
		var	start = bytefx.$position($element(element));
		$setInterval(element, "move", speed / 50, start, position, ["x", "y"], "position", callback);
	};
	this.position = function(element, position){
		var	style = $element(element).style;
		style.position = "absolute";
		style.left = position.x + "px";
		style.top = position.y + "px";
	};
	this.$position = function(element){
		var	position = {x:element.offsetLeft, y:element.offsetTop};
		while(element = element.offsetParent){
			position.x += element.offsetLeft;
			position.y += element.offsetTop;
		};
		return position;
	};
	function $element(element){
		if(!element.bytefx)
			element.bytefx = {color:0, drag:{}, fade:0, move:0, scroll:0, size:0};
		return element;
	};
	function $setInterval(element, interval, speed, start, position, style, tmp, callback){
		clearInterval(element.bytefx[interval]);
		element.bytefx[interval] = setInterval(function(){
			start[style[0]] += (position[style[0]] - start[style[0]]) * speed;
			start[style[1]] += (position[style[1]] - start[style[1]]) * speed;
			bytefx[tmp](element, start);
			if(round(start[style[0]]) == position[style[0]] && round(start[style[1]]) == position[style[1]]){
				bytefx[tmp](element, position);
			}
		}, 1);
	};
	
	var	w = window,
		d = document,
		max = Math.max,
		min = Math.min,
		round = Math.round;
};


// 現在の画像表示によってボタンを変更

function nowPos(X){
YBR = new Array();
	YBR[0] = '<img src="./img/movearea/yamabuttan_r.gif" alt="右ボタン" width="15" height="13" onclick="moveBox(-770,0);nowPos(1)" onkeypress="moveBox(-770,0);nowPos(1)" />';
	YBR[1] = '<img src="./img/movearea/yamabuttan_r.gif" alt="右ボタン" width="15" height="13" onclick="moveBox(-1540,0);nowPos(2)" onkeypress="moveBox(-1540,0);nowPos(2)" />';
	YBR[2] = '<img src="./img/movearea/yamabuttan_r.gif" alt="右ボタン" width="15" height="13" onclick="moveBox(-2310,0);nowPos(3)" onkeypress="moveBox(-2310,0);nowPos(3)" />';
	YBR[3] = '';
YBL = new Array();
	YBL[0] = '';
	YBL[1] = '<img src="./img/movearea/yamabuttan_l.gif" alt="左ボタン" width="15" height="13" onclick="moveBox(0,0);nowPos(0)" onkeypress="moveBox(0,0);nowPos(0)" />';
	YBL[2] = '<img src="./img/movearea/yamabuttan_l.gif" alt="左ボタン" width="15" height="13" onclick="moveBox(-770,0);nowPos(1)" onkeypress="moveBox(-770,0);nowPos(1)" />';
	YBL[3] = '<img src="./img/movearea/yamabuttan_l.gif" alt="左ボタン" width="15" height="13" onclick="moveBox(-1540,0);nowPos(2)" onkeypress="moveBox(-1540,0);nowPos(2)" />';
	
	document.getElementById('area_right').innerHTML = YBR[X];
	document.getElementById('area_left').innerHTML = YBL[X];
}


/* ----------------------------------------------------------山の情報関連 */

// 山位置の読み込み
Ydata = new Array(
"'0','<p>西穂高岳&nbsp;2909m</p>'",
"'1','<p>前穂高岳&nbsp;3090m</p>'",
"'2','<p>奥穂高岳&nbsp;3190m</p>'",
"'3','<p>涸沢岳&nbsp;3110m</p>'",
"'4','<p>北穂高岳&nbsp;3106m</p>'",
"'5','<p>蝶ヶ岳&nbsp;2677m</p>'",
"'6','<p>南岳&nbsp;3033m</p>'",
"'7','<p>中岳&nbsp;3084m</p>'",
"'8','<p>大喰岳&nbsp;3101m</p>'",
"'9','<p>槍ヶ岳&nbsp;3180m</p>'",
"'10','<p>常念岳&nbsp;2857m</p>'",
"'11','<p>北鎌尾根</p>'",
"'12','<p>横通岳&nbsp;2767m</p>'",
"'13','<p>大天井岳&nbsp;2922m</p>'",
"'14','<p>黒岳&nbsp;2986m</p>'",
"'15','<p>燕岳&nbsp;2763m</p>'",
"'16','<p>有明山&nbsp;2268m</p>'",
"'17','<p>三ッ岳（奥）&nbsp;2845m</p>'",
"'18','<p>餓鬼岳&nbsp;2647m</p>'",
"'19','<p>浄土山（奥）&nbsp;2830m</p>'",
"'20','<p>立山（奥）&nbsp;3015m</p>'",
"'21','<p>針ノ木岳（奥）&nbsp;2821m</p>'",
"'22','<p>蓮華岳&nbsp;2799m</p>'",
"'23','<p>剱岳&nbsp;2998m</p>'",
"'24','<p>岩小屋沢岳&nbsp;2630m</p>'",
"'25','<p>爺ヶ岳&nbsp;2670m</p>'",
"'26','<p>鹿島槍ヶ岳&nbsp;2889m</p>'",
"'27','<p>五龍岳&nbsp;2814m</p>'",
"'28','<p>唐松岳&nbsp;2696m</p>'",
"'29','<p>天狗ノ頭&nbsp;2812m</p>'",
"'30','<p>白馬鑓ヶ岳&nbsp;2903m</p>'",
"'31','<p>杓子岳&nbsp;2812m</p>'",
"'32','<p>白馬岳&nbsp;2932m</p>'"
);
Text = new Array(
'<p>西穂高岳&nbsp;2909m</p>',
'<p>前穂高岳&nbsp;3090m</p>',
'<p>奥穂高岳&nbsp;3190m</p>',
'<p>涸沢岳&nbsp;3110m</p>',
'<p>北穂高岳&nbsp;3106m</p>',
'<p>蝶ヶ岳&nbsp;2677m</p>',
'<p>南岳&nbsp;3033m</p>',
'<p>中岳&nbsp;3084m</p>',
'<p>大喰岳&nbsp;3101m</p>',
'<p>槍ヶ岳&nbsp;3180m</p>',
'<p>常念岳&nbsp;2857m</p>',
'<p>北鎌尾根</p>',
'<p>横通岳&nbsp;2767m</p>',
'<p>大天井岳&nbsp;2922m</p>',
'<p>黒岳&nbsp;2986m</p>',
'<p>燕岳&nbsp;2763m</p>',
'<p>有明山&nbsp;2268m</p>',
'<p>三ッ岳（奥）&nbsp;2845m</p>',
'<p>餓鬼岳&nbsp;2647m</p>',
'<p>浄土山（奥）&nbsp;2830m</p>',
'<p>立山（奥）&nbsp;3015m</p>',
'<p>針ノ木岳（奥）&nbsp;2821m</p>',
'<p>蓮華岳&nbsp;2799m</p>',
'<p>剱岳&nbsp;2998m</p>',
'<p>岩小屋沢岳&nbsp;2630m</p>',
'<p>爺ヶ岳&nbsp;2670m</p>',
'<p>鹿島槍ヶ岳&nbsp;2889m</p>',
'<p>五龍岳&nbsp;2814m</p>',
'<p>唐松岳&nbsp;2696m</p>',
'<p>天狗ノ頭&nbsp;2812m</p>',
'<p>白馬鑓ヶ岳&nbsp;2903m</p>',
'<p>杓子岳&nbsp;2812m</p>',
'<p>白馬岳&nbsp;2932m</p>'
);
Height = new Array(
'100px',
'86px',
'60px',
'110px',
'80px',
'100px',
'86px',
'60px',
'116px',
'94px',
'60px',
'128px',
'90px',
'90px',
'80px',
'90px',
'90px',
'80px',
'80px',
'110px',
'96px',
'70px',
'116px',
'90px',
'80px',
'90px',
'90px',
'90px',
'110px',
'90px',
'70px',
'40px',
'120px'
);

// 山個別ボックスの表示
function LoadYamaNavi(){
	for(n=0;n<Ydata.length;n++){
	document.write('<div id="ypos',n,'" class="ywarp" onmouseover="BoxOP(',Ydata[n],')"><div id="ybox',n,'" class="yboxall" onmouseover="BoxOP(',Ydata[n],')"></div></div>');
	}
}

// 山個別ボックスマウスオーバー設定
function BoxOP(NO,ttext){
sobj = document.getElementById("ypos"+NO);
sobj.style.background = "url('./img/movearea/yamasankaku.gif') no-repeat left top";
obj = document.getElementById("ybox"+NO);
obj.style.borderLeft = "1px solid #fff";
obj.style.height = Height[NO];
obj.style.margin = "10px 0 0 3px";
obj.style.backgroundColor = "transparent";
obj.innerHTML = ttext;
obj.style.visibility = "visible";
	if(NO == 11 || NO == 32){// 情報ボックスを左にする山
		obj.style.borderLeft = "none";
		obj.style.borderRight = "1px solid #fff";
		obj.style.position = "relative";
		obj.style.left = "-6px";
		obj.style.margin = "10px 0 0 3px";
	}
}
 
/* ----------------------------------------------------------表示・非表示関連 */
// 全て表示
function AllView(){
	for(i=0;i<Ydata.length;i++){
		sobj2 = document.getElementById("ypos"+i);
		sobj2.style.background = "url('./img/movearea/yamasankaku.gif') no-repeat left top";
		obj2 = document.getElementById("ybox"+i);
		obj2.style.borderLeft = "1px solid #fff";
		obj2.style.height = Height[i];
		obj2.style.margin = "10px 0 0 3px";
		obj2.style.backgroundColor = "transparent";
		obj2.innerHTML = Text[i];
			if(i == 11 || i == 32){// 情報ボックスを左にする山
			obj2.style.borderLeft = "none";
			obj2.style.borderRight = "1px solid #fff";
			obj2.style.position = "relative";
			obj2.style.left = "-6px";
			obj2.style.margin = "10px 0 0 3px";
			}
	}
}

// 全て非表示
function AllHide(){
	for(i=0;i<Ydata.length;i++){
		sobj2 = document.getElementById("ypos"+i);
		sobj2.style.background = "url('./img/spacer.gif') no-repeat left top";
		obj2 = document.getElementById("ybox"+i);
		obj2.style.borderLeft = "none";
		obj2.style.height = "30px";
		obj2.style.margin = "10px 0 0 0";
		obj2.style.backgroundColor = "transparent";
		obj2.innerHTML = "";
			if(i == 11 || i == 32){// 情報ボックスを左にする山
			obj2.style.borderLeft = "none";
			obj2.style.borderRight = "none";
			obj2.style.position = "relative";
			obj2.style.left = "0";
			obj2.style.margin = "10px 0 0 0";
			}
	}
}

// ヒントを表示
function HintView(){
	for(i=0;i<Ydata.length;i++){
		sobj2 = document.getElementById("ypos"+i);
		sobj2.style.background = "url('./img/movearea/yamasankaku.gif') no-repeat left top";
	}
}