//階層メニューを制御する関数

function outColor(obj)
{
	obj.style.color = '#0000ff';
	obj.style.backgroundColor = '';
};

function overColor(obj)
{
	obj.style.color = '#ff0000';
	obj.style.backgroundColor = '#fff0f0';
};

	// クラス名の定義
	subpane_class = 'sub_pane'; // 折りたたみ領域
	folder_class  = 'folder';   // フォルダ
	icon_class    = 'icon';     // フォルダアイコン
	// アイコンの定義
	imgs = new Array(
	  'img/image_closed.gif',              // 閉じている状態
	  'img/image_open.gif'               // 開いている状態
	);
	// display スタイルの定義
	displays = new Array(
	  'none',                    // 閉じている状態
	  'block'                  // 開いている状態
	);

	// フォルダ状態を逆転する関数
	function menu_toggle(folder,icon){
	  // DOM チェック
	  if(!document.hasChildNodes) return;

	  var node = null, state = folder.folder_state?1:0;
	  var new_state = state?0:1;
	  // アイコンの変更
	  if(icon){
	    if(icon.className && icon.className == icon_class)
	      node = icon;
	    else if(icon.hasChildNodes()){
	      var nodes = icon.childNodes;
	      for(var i=0; i<nodes.length; i++){
	        var n = nodes[i];
	        if(n.className && n.className == icon_class){
	          node = n;
	          break;
	        }
	      }
	    }
	    if(node) node.src = imgs[new_state];
	  }
	  // メニュー表示の変更
	  if(folder.parentNode.hasChildNodes()){
	    var nodes = folder.parentNode.childNodes;
	    for(var i=0; i<nodes.length; i++){
	      var node = nodes[i];
	      if(node.className){
	        if(node.className == subpane_class){
	          node.style.display = displays[new_state];
	          break;
	        }
	      }
	    }
	    folder.folder_state = new_state;
	  }
	  return false;
	}

function setMenu(){

	var menu1 = document.getElementById("menu1");
	var menu2 = document.getElementById("menu2");
	var menu3 = document.getElementById("menu3");
	var menu4 = document.getElementById("menu4");
	var menu5 = document.getElementById("menu5");
	var menu6 = document.getElementById("menu6");

	var txt1 = '';
	menu1.innerHTML = txt1 + '防災気象情報・天気予報';
	menu2.innerHTML = txt1 + '気象観測データ';
	menu3.innerHTML = txt1 + '海氷･海洋の情報';
	menu4.innerHTML = txt1 + '地震･津波･火山の情報';
	menu5.innerHTML = txt1 + 'その他の情報';
	menu6.innerHTML = txt1 + '気象庁関連リンク';

};

//画像のプレロード

var img01 = new Image();
img01.src = "http://www.jma.go.jp/jp/yoho/images/g0/202_telop_today.png";
var img02 = new Image();
img02.src = "http://www.jma.go.jp/jp/yoho/images/g0/202_telop_tomorrow.png";

var img11 = new Image();
img11.src = "http://www.jma.go.jp/jp/jikei/imgs/17341.png";
var img12 = new Image();
img12.src = "http://www.jma.go.jp/jp/jikei/imgs/17521.png";
var img13 = new Image();
img13.src = "http://www.jma.go.jp/jp/jikei/imgs/17112.png";

/*注警報一覧のプレロード
注警報一覧を表示するときは、コメントアウトを外す

prImgWn= new Array();
var str_wn = "";
for (j = 1; j <= 16; j++) {
		if(j <= 9){
			str_wn = "0" + j;
		}else{
			str_wn = j;
		};
	prImgWn[j] = new Image();
	prImgWn[j].src = "http://www.jma.go.jp/jp/warn/imgs/202/" + str_wn + ".png";
	};
*/

//天気予報画像等を切り替える関数
count = 0;
function chgImg(){

	count++;
	count %= 2;
//	count %= 3;		//注警報一覧を表示するときは3にする
	do_load(count);

};

//天気予報画像等を表示する関数
function do_load(num1){

//注警報一覧を表示するときはfpng3を有効にする

	var fpng1 = document.getElementById("fpng1");
	var fpng2 = document.getElementById("fpng2");
//	var fpng3 = document.getElementById("fpng3");



	if (num1 == 0) {
		fpng1.innerHTML = display_png1(150) + bg_table(150);
		fpng2.innerHTML = display_png2(140) + bg_table(140);
//		fpng3.innerHTML = "";

	} else if (num1 == 1) {

		fpng1.innerHTML = "";
//		fpng3.innerHTML = display_png3(20) + bg_table(20);

//	} else if (num1 == 2) {
//
//		fpng1.innerHTML = "";
//		fpng2.innerHTML = "";

	};

};

//背景画像
function bg_table(zInd){

	var reTxt = "";
	reTxt = reTxt + '<SPAN style="position:absolute; top:0px; left:0px; z-index:' + zInd + ';">'
	reTxt = reTxt + '<TABLE width="487" height="169" border="0" style="background-color:#eeeeff";><TR><TD></TD></TR></TABLE></SPAN>'

	return reTxt;

};



//時系列天気予報画像を表示するためのHTMLタグを作成する
function display_png1(zInd){
	
	//画像のURL(共通部分)
	var imgdir = '<img src="hokkaido/abashiri/img/'
	var imgp3 = '<IMG src="http://www.jma.go.jp/jp/jikei/imgs/'

	//リンク先
	var a_ji = '<A href="http://www.jma.go.jp/jp/jikei/303.html" target="_blank">';

	//HTMLタグ作成
	var reTxt = "";

	//書き出し位置
	var wrtop = 45;		//上端
	var wrleft = 10;	//左端

	//予報時間帯
	reTxt = reTxt + jikeiTime(zInd);

	//網走地方
	reTxt = reTxt + imgdir + 'titen17341.gif" ' + pos(7,7,23,80,wrtop + 22,wrleft, zInd + 1);
	//時系列予報
	reTxt = reTxt + a_ji + imgp3 + '17341.png" name="img11" ' + pos(19,20,50,382,wrtop,wrleft + 80, zInd + 2) + '</A>';
	//北見地方
	reTxt = reTxt + imgdir + 'titen17521.gif" ' + pos(7,7,23,80,wrtop + 50,wrleft, zInd + 3);
	//時系列予報
	reTxt = reTxt + a_ji + imgp3 + '17521.png" name="img12" ' + pos(41,20,28,384,wrtop + 50,wrleft + 80, zInd + 4) + '</A>';
	//紋別地方
	reTxt = reTxt + imgdir + 'titen17112.gif" ' + pos(7,7,23,80,wrtop + 78,wrleft, zInd + 5);
	//時系列予報
	reTxt = reTxt + a_ji + imgp3 + '17112.png" name="img13" ' + pos(41,20,28,384,wrtop + 78,wrleft + 80, zInd + 6) + '</A>';
	return reTxt;
};

//時系列天気予報の予報時間帯を表示する関数
function jikeiTime(zInd){

	//現在時刻
	var dtNow = new Date();

	//年月日を取得
	var strYear = dtNow.getFullYear();
	var strMonth = dtNow.getMonth();
	var strDate = dtNow.getDate();
	var strHour = dtNow.getHours();
	var strMinutes = dtNow.getMinutes();

	//時系列予報の時間帯
	var jikei;
	var d2Time = new Date(strYear,strMonth,strDate-1,strHour,strMinutes,0);
	var d3Time = new Date(strYear,strMonth,strDate+1,strHour,strMinutes,0);
	var d4Time = new Date(strYear,strMonth,strDate+2,strHour,strMinutes,0);

	jikei = '<SPAN style="position:absolute;top:10px;left:10px; z-index:' + (zInd + 7) + ';"><B><A href="http://www.jma.go.jp/jp/jikei/303.html" target="_blank">'

	if (strHour >=  5 && strHour <= 10) {
		jikei = jikei + strDate + '日6時〜' + d3Time.getDate() + '日6時';
	}
	if (strHour >= 11 && strHour <= 16) {
		jikei = jikei + strDate + '日12時〜' + d3Time.getDate() + '日12時';
	}
	if (strHour >= 17 && strHour <= 23 ) {
		jikei = jikei + strDate + '日18時〜' + d4Time.getDate() + '日0時';
	}
	if (strHour <= 4 ) {
		jikei = jikei + d2Time.getDate() + '日18時〜' + d3Time.getDate() + '日0時';
	}

	jikei = jikei + 'の時系列天気予報</A></B></SPAN>';

	return jikei;
};

//今日・明日の天気予報画像を表示するためのHTMLタグを作成する
function display_png2(zInd){

	//画像のURL(共通部分)
	var imgdir = '<img src="http://www.jma.go.jp/jp/yoho/images/'
	var imgp1 = '/202_telop_today.png" name="img01" '
	var imgp2 = '/202_telop_tomorrow.png" name="img02" '
	var v2 = "g0";

	//リンク先
	var a303 = '<A href="http://www.jma.go.jp/jp/yoho/303.html" target="_blank">';

	//書き出し位置
	var wrtop = 8;		//上端
	var wrleft = 20;	//左端

	//HTMLタグ作成
	var reTxt = "";
	//
	//reTxt = reTxt + a303 + '<SPAN style="position:absolute;top:5px;left:15px; z-index:' + (zInd + 1) + ';"><B>今日・明日の天気予報</B></SPAN>';
	reTxt = reTxt + a303;
	//発表時刻
	reTxt = reTxt + imgdir + v2 + imgp1 + pos(2,3,20,211,wrtop + 30,wrleft, zInd + 2);
	//凡例
	reTxt = reTxt + imgdir + v2 + imgp1 + pos(2,306,20,247,wrtop + 30,wrleft + 206, zInd + 3);
	//今日の天気
	reTxt = reTxt + imgdir + v2 + imgp1 + pos(148,23,105,225,wrtop + 50,wrleft, zInd + 4);
	//明日の天気
	reTxt = reTxt + imgdir + v2 + imgp2 + pos(148,23,105,225,wrtop + 50,wrleft + 225, zInd + 5);
	//今日の日付
	reTxt = reTxt + imgdir + v2 + imgp1 + pos(2,216,20,88,wrtop,wrleft, zInd + 6);
	//明日の日付
	reTxt = reTxt + imgdir + v2 + imgp2 + pos(2,216,20,88,wrtop ,wrleft + 225, zInd + 7) + '</A>';

	return reTxt;

};



//注警報一覧画像を表示するためのHTMLタグを作成する
function display_png3(zInd){

//	str_warn = new Array(
//	'暴風雪(風雪)','大雨','洪水','暴風(強風)','大雪','波浪','高潮','雷','融雪','濃霧','乾燥','なだれ','低温','霜','着氷','着雪'
//	);

//	str_2saibun = new Array(
//	'網走西部','網走東部','網走南部','北見地方','紋別北部','紋別南部'
//	);

	//2次細分ごとの画像切り出し開始位置
	rctopA = new Array(164,195,225,215,130,180);
	rcleftA = new Array(265,325,265,200,150,180);

	//画像切り抜きサイズ
	var rcheightA = 15;	//高さ
	var rw1 = 30;		//幅(警報&注意報)
	var rw2 = 14;		//幅(注意報のみ)
	var rcwidthA = new Array(rw1,rw1,rw1,rw1,rw1,rw1,rw1,rw2,rw2,rw2,rw2,rw2,rw2,rw2,rw2,rw2);

	//画像のURL(共通部分)
	var imgdir = '<img src="http://www.jma.go.jp/jp/warn/imgs/202/'

	//リンク先
	var a303 = '<A href="http://www.jma.go.jp/jp/yoho/303.html" target="_blank">';

	//HTMLタグ作成
	var reTxt = "";


	//書き出し位置
	var wrtop = 4;		//上端
	var wrleft = 7;	//左端

	//凡例
	reTxt = reTxt + imgdir + '99.png" ' + pos(530,55,18,70,wrtop,wrleft, zInd + 2);
	reTxt = reTxt + imgdir + '99.png" ' + pos(530,188,18,80,wrtop,wrleft + 70, zInd + 3);
	reTxt = reTxt + imgdir + '99.png" ' + pos(530,330,18,100,wrtop,wrleft + 150, zInd + 4);
	//現在時刻
	reTxt = reTxt + imgdir + '99.png" ' + pos(4,7,18,222,wrtop,wrleft + 250, zInd + 1);

	//注警報種類表示
	reTxt = reTxt + '<img src="hokkaido/abashiri/img/img_warn_name.png" ' + pos(0,0,42,389,wrtop + 20,wrleft + 105, zInd + 5);
	//2次細分表示
	reTxt = reTxt + '<img src="hokkaido/abashiri/img/img_saibun.png" ' + pos(0,0,100,102,wrtop + 64,wrleft, zInd + 6);

	var str_wn = "";
	//書き出し位置
	var wrtop = wrtop + 63;
	var wrleft = wrleft + 105;
	//注警報画像書き出し
	for (j = 1; j <= 16; j++) {
		if(j <= 9){
			str_wn = "0" + j;
		}else{
			str_wn = j;
		};
		for (i = 0; i <= 5; i++) {

			reTxt = reTxt + imgdir + str_wn + '.png" name="' + prImgWn[j] + '" ' + pos(rctopA[i], rcleftA[i], rcheightA, rcwidthA[(j - 1)], wrtop + (rcheightA + 2) * i, wrleft, ( zInd + 10 + i + 6 * j));

		};
		wrleft = wrleft + rcwidthA[(j - 1)] + 2;
	};


return reTxt;

	//未使用コード

	//網走西部
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(164,265,15,15,0,0);
	//網走東部
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(195,325,15,15,20,0);
	//網走南部
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(225,265,15,15,40,0);
	//北見地方
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(215,200,15,15,60,0);
	//紋別北部
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(130,150,15,15,80,0);
	//紋別南部
	//reTxt = reTxt + imgdir + '01' + '.png" ' + pos(180,180,15,15,100,0);


};

//画像のトリミングや書き出し位置を指定する関数
function pos(rctop,rcleft,rcheight,rcwidth,postop,posleft,zInd){
		//pos(トリミング開始位置(上端),トリミング開始位置(左端),トリミング範囲高さ,トリミング範囲幅, 画像書き出し位置(上端),画像書き出し位置(左端),重ね合わせ順)

	var rcbottom = rctop + rcheight;
	var rcright = rcleft + rcwidth;
	var abtop = postop - rctop;
	var ableft = posleft - rcleft;

	return 'style="position:absolute; top:' + abtop + 'px; left:' + ableft + 'px; clip: rect(' + rctop + 'px ' + rcright + 'px ' + rcbottom + 'px ' + rcleft + 'px); z-index:' + zInd + ';" border="0">'

};






//過去の気象データ検索、極値・順位、季節現象のリンク(HTML)を記述する関数
//(リンクに日付の文字列を含むため、JavaScriptで記述
function setLink(){

	//昨日の日付
	day1 = new Date();
	day1.setDate(day1.getDate() - 1);
	toshi = day1.getFullYear();
	tsuki = day1.getMonth()+1;
	niti = day1.getDate();

	//寒候年
	day2 = new Date();
	day2.setDate(day2.getDate() +92);
	toshi2 = day2.getFullYear();

	//過去の気象データ検索(旧電子閲覧室)
	var link1 = document.getElementById("link1");
	link1.innerHTML = '<A href="http://www.data.jma.go.jp/obd/stats/etrn/index.php?prec_no=17&prec_ch=網走支庁&block_no=47409&block_ch=網走&year=' + toshi + '&month=' + tsuki + '&day=' + niti + '&elm=&view=" target="_blank"><SPAN class="ap1">◆ </SPAN>過去の気象データ検索</A>';

	//極値･順位
	//var link2 = document.getElementById("link2");
	//var dir2 = '<A href="http://www.sapporo-jma.go.jp/cgi-local/ext1.cgi?';
	//var reTxt = "";
	//reTxt = reTxt + '<FONT size="-1">　極値･順位　';
	//reTxt = reTxt + dir2 + 'keys2=網走&keys5=年" target="_blank">網走(年</A>・';
	//reTxt = reTxt + dir2 + 'keys2=網走&keys5=' + tsuki + '月" target="_blank">' + tsuki + '月)</A>　';
	//reTxt = reTxt + dir2 + 'keys2=紋別&keys5=年" target="_blank">紋別(年</A>・';
	//reTxt = reTxt + dir2 + 'keys2=紋別&keys5=' + tsuki + '月" target="_blank">' + tsuki + '月)</A>　';
	//reTxt = reTxt + dir2 + 'keys2=雄武&keys5=年" target="_blank">雄武(年</A>・'
	//reTxt = reTxt + dir2 + 'keys2=雄武&keys5=' + tsuki + '月" target="_blank">' + tsuki + '月)</A>';
	//reTxt = reTxt + '</FONT>';

	//link2.innerHTML = reTxt;
	
	//寒候期現象
	//var link3 = document.getElementById("link3");
	//var dir3 = '<A href="http://www.sapporo-jma.go.jp/cgi-local/cold1.cgi?';
	//var reTxt3 = "";
	//reTxt3 = reTxt3 + '<FONT size="-1">　寒候期現象（';
	//reTxt3 = reTxt3 + dir3 + 'keys1=網走&keys2=' + toshi2 + '年" target="_blank">網走</A>, ';
	//reTxt3 = reTxt3 + dir3 + 'keys1=紋別&keys2=' + toshi2 + '年" target="_blank">紋別</A>, ';
	//reTxt3 = reTxt3 + dir3 + 'keys1=雄武&keys2=' + toshi2 + '年" target="_blank">雄武</A>, ';

	//reTxt3 = reTxt3 + '<A href="http://www.sapporo-jma.go.jp/observe/coldnormal.htm" target="_blank">平年値</A>）</FONT>';

	//link3.innerHTML = reTxt3;

};

//はれるんを動かす関数
function moveImg(){

	if (dir == 1 && sita >= 135) {
		dir = -1;
	}else if (dir == -1 && sita <= 90) {
		dir = 1;
	};
	
	//1コマごとの回転角度(2°)
	sita = sita + 2 * dir;
	sita %= 360;

	imgX = Math.cos(sita * pi) * r + centerX;
	imgY = Math.sin(sita * pi) * r + centerY;
	document.myIMG.style.left= imgX;
	document.myIMG.style.top = imgY;
};
function setMoveImg(){

	//右方向位置
	centerX = 620;
	//下方向位置
	centerY = -60;
	r = 100;
	pi = Math.PI / 180;
	imgX = imgY = 0;
	//初期位相(位相は時計回りが正)
	sita = 90;
	//初期回転方向(正方向)
	dir = 1;
	//アニメーション間隔(200 ms)
	timerID = setInterval("moveImg()",200);
};