var newsBox = document.getElementById('newsBox'); // Boxの配列
var tabItem = newsBox.getElementsByTagName('li'); // tabの配列
var newsItem = newsBox.getElementsByTagName('div');
/*
	初期表示設定
-------------------------------------*/
window.onload = function() {
	var checker = false; //マッチするかチェック	
	if (location.hash) { //hash	があるかないか
		for (var i = 0; i < newsData.yearData.length; i++) {
			var ancData = location.hash.split('#yearlist')[1];
			var yearData = newsData.yearData[i].dispYearDate + 'list';
			if (ancData == yearData) {
				checker = true;
				tabItem[i].className = 'selected'; //URLの#の後と等しい<li>に class="selected"
				newsItem[i].style.display = 'block'; //URLの#の後と等しいBox表示
				break;
			}
		}
	}
	
	if (displayFlag == 1) {
		if (checker !== true) {
			tabItem[0].className = 'selected'; //先頭の<li>に class="selected"
			newsItem[0].style.display = 'block'; //先頭の新着情報のBox表示
		}
	}
}
/*
	tab生成
	newsBox生成
-------------------------------------*/
function tabNews() {
	var objs = newsData.data; // 新着記事をオブジェクト化
	var yearObjs = newsData.yearData; // ****年表示をオブジェクト化
	if (displayFlag == 1) { // yearData内にある年のタブを表示
		// 同数のdiv 作成
		var tabs = '';
		var listTmp = '';
		tabs += '<ul id="tab">';
		for (var j = 0; j < yearObjs.length; j++) { // 年分まわす
			var yearStr = yearObjs[j].dispYearDate; // yearData内の****年の文字列取得
			var htmlData = ''; // 共通のHTMLを格納
			htmlData += '<dl>';
			for (var i = 0; i < objs.length; i++) { //リスト分まわす
				var dataStr = objs[i].disp_date.split("年")[0]; //objsのdisp_dateの20**を取得
				if (yearStr == dataStr) {
					htmlData += '<dt>' + objs[i].disp_date + '<img src="/common/images/topics_ic00' + objs[i].categoryId + '.gif" alt="' + objs[i].categoryName + '" width="44" height="13" /></dt>'; // data内にある新着情報の内容を取得　ここから
					if (objs[i].link == '1') { // 通常時
						htmlData += '<dd><a href="' + objs[i].url + '">';
						htmlData += objs[i].title + '</a></dd>';
					} else if (objs[i].link == '2') { // 外部リンク
				if (objs[i].window == '1') { // windowフラグが 1
					htmlData += '<dd><a href="' + objs[i].url + '" target="_blank">';
					htmlData += objs[i].title + '<img src="/common/images/com_ic003.gif" alt="" width="15" height="14" /></a></dd>';
				} else if (objs[i].window == '0') { // windowフラグが 0
					htmlData += '<dd><a href="' + objs[i].url + '">';
					htmlData += objs[i].title + '</a></dd>';
				}
					} else if (objs[i].link == '3') { // PDF
						htmlData += '<dd><a href="' + objs[i].url + '" target="_blank">';
						htmlData += objs[i].title + '（PDF:' + objs[i].pdf_file_size + 'KB）<img src="/common/images/com_ic004.gif" alt="" width="15" height="15" /></a></dd>';
					} else if (objs[i].link == '4') {　 // リンクなし文言
						htmlData += '<dd>' + objs[i].title + '</dd>';
					}
				}
			}
			htmlData += '</dl>'; // data内にある新着情報の内容を取得　ここまで
			tabs += '<li><a href="#yearlist' + yearObjs[j].dispYearDate + '" onClick="tabChange(this.hash);">';
			tabs += yearObjs[j].dispYearDate + '年</a></li>';
			listTmp += '<div id="yearlist' + yearStr + '" class="newsitem">';
			listTmp += htmlData;
			listTmp += '</div>';
		}
		tabs += '</ul>';
		/* tab sample HTML code
			<ul id="tab">
				<li> <a href="#yearlist2009">2009年</a> </li>
				<li> <a href="#yearlist2008">2008年</a> </li>
				<li> <a href="#yearlist2007">2007年</a> </li>
			</ul>
		*/
		document.write(tabs); // tab吐き出し
		document.write(listTmp); // 同数の<div>吐き出し
	} else {
		document.write('<p class="no-news">新着情報はありません。</p>');
	}
}
tabNews(); // tab,newsBox HTML吐き出し
/*
	tab切り替え
-------------------------------------*/
function tabChange(hashObj) {
	var tab = {
		init: function() {
			for (var k = 0; k < newsItem.length; k++) {
				tabItem[k].onclick = function() {
					
					var url = location.hash != '' ? location.href.split('#')[0] : location.href ;
					
					location.href = url + hashObj + 'list';
					
					tab.showpage(this);
					return false;
				};
			}
		},
		showpage: function(obj) {
			for (var k = 0; k < tabItem.length; k++) {
				if (tabItem[k] == obj) break;
			}
			for (var l = 0; l < newsItem.length; l++) {
				if (k == l) {
					newsItem[k].style.display = 'block';
					tabItem[k].className = 'selected';
				} else {
					newsItem[l].style.display = 'none';
					tabItem[l].className = 'noselect';
				}
			}
		}
	}
	tab.init();
}