/*
   scListTab.js : 記事リストのタブ機能
 */
function scListTab() {
	// はこ
	var container = document.getElementById('tabBodyWrap');

	// タブコンテナ
	var tabContainer = document.getElementById('tab1');

	// タブ
	var latestTabBtn = document.getElementById('ajNewsList');
	var latestTabBtnSpn1 = latestTabBtn.firstChild;
	var latestTabBtnSpn2 = latestTabBtnSpn1.firstChild;
	var categoryTabBtn = document.getElementById('ajCatNews');
	var categoryTabBtnSpn1 = categoryTabBtn.firstChild;
	var categoryTabBtnSpn2 = categoryTabBtnSpn1.firstChild;
	var blogTabBtn = document.getElementById('ajBlogList');
	var blogTabBtnSpn1 = blogTabBtn.firstChild;
	var blogTabBtnSpn2 = blogTabBtnSpn1.firstChild;

	// 呼び出す内容
	var latestListUrl = '/soccer/list_sc_latest.html';
	var categoryListUrl = '/soccer/list_sc_category.html';
	var blogListUrl = '/soccer/list_sc_blog.html';

	// タブの背景
	var tabBGon = 'url(/img/tab_on_bg.gif) repeat-x left top';
	var tabBGoff = 'url(/img/tab_off_bg.gif) repeat-x left top';
	var tabBGLon = 'url(/img/tab_on_left.gif) no-repeat left top';
	var tabBGLoff = 'url(/img/tab_off_left.gif) no-repeat left top';
	var tabBGRon = 'url(/img/tab_on_right.gif) no-repeat right top';
	var tabBGRoff = 'url(/img/tab_off_right.gif) no-repeat right top';

	// cookie の有効期限を設定
	var cookie_exp = new Date();
	var day_num = 365;    // 一年間
	cookie_exp.setTime(cookie_exp.getTime() + 1000 * 60 * 60 * 24 * day_num);

	// cookie を読み込んでボタンの画像とリストの中身を設定する
//	alert(document.cookie);  // デバッグ用
	var cookie_sc_tab = "";
	var cookie_ary = document.cookie.split("; ");
	for (var i = 0; i < cookie_ary.length; i++) {
		if (cookie_ary[i].substr(0, 7) == "sc_tab=") {
			cookie_sc_tab = cookie_ary[i].substr(7, cookie_ary[i].length);
			break;
		}
	}

	if (cookie_sc_tab == "latest") {
		// 背景を設定
		latestTabBtn.style.background = tabBGon;
		latestTabBtnSpn1.style.background = tabBGLon;
		latestTabBtnSpn2.style.background = tabBGRon;
		latestTabBtnSpn2.style.color='black';
		categoryTabBtn.style.background = tabBGoff;
		categoryTabBtnSpn1.style.background = tabBGLoff;
		categoryTabBtnSpn2.style.background = tabBGRoff;
		categoryTabBtnSpn2.style.color='blue';
		blogTabBtn.style.background = tabBGoff;
		blogTabBtnSpn1.style.background = tabBGLoff;
		blogTabBtnSpn2.style.background = tabBGRoff;
		blogTabBtnSpn2.style.color='blue';
		// 中身を設定
		new Ajax.Updater("container", latestListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});
	}
	else if (cookie_sc_tab == "category") {
		// 背景を設定
		latestTabBtn.style.background = tabBGoff;
		latestTabBtnSpn1.style.background = tabBGLoff;
		latestTabBtnSpn2.style.background = tabBGRoff;
		latestTabBtnSpn2.style.color='blue';
		categoryTabBtn.style.background = tabBGon;
		categoryTabBtnSpn1.style.background = tabBGLon;
		categoryTabBtnSpn2.style.background = tabBGRon;
		categoryTabBtnSpn2.style.color='black';
		blogTabBtn.style.background = tabBGoff;
		blogTabBtnSpn1.style.background = tabBGLoff;
		blogTabBtnSpn2.style.background = tabBGRoff;
		blogTabBtnSpn2.style.color='blue';
		// 中身を設定
		new Ajax.Updater("container", categoryListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});
	}
	else if (cookie_sc_tab == "blog") {
		// 背景を設定
		latestTabBtn.style.background = tabBGoff;
		latestTabBtnSpn1.style.background = tabBGLoff;
		latestTabBtnSpn2.style.background = tabBGRoff;
		latestTabBtnSpn2.style.color='blue';
		categoryTabBtn.style.background = tabBGoff;
		categoryTabBtnSpn1.style.background = tabBGLoff;
		categoryTabBtnSpn2.style.background = tabBGRoff;
		categoryTabBtnSpn2.style.color='blue';
		blogTabBtn.style.background = tabBGon;
		blogTabBtnSpn1.style.background = tabBGLon;
		blogTabBtnSpn2.style.background = tabBGRon;
		blogTabBtnSpn2.style.color='black';
		// 中身を設定
		new Ajax.Updater("container", blogListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});
	}

	// イベントハンドラ
	latestTabBtn.onclick = function() {
		// 背景を変更
		latestTabBtn.style.background = tabBGon;
		latestTabBtnSpn1.style.background = tabBGLon;
		latestTabBtnSpn2.style.background = tabBGRon;
		latestTabBtnSpn2.style.color='black';
		categoryTabBtn.style.background = tabBGoff;
		categoryTabBtnSpn1.style.background = tabBGLoff;
		categoryTabBtnSpn2.style.background = tabBGRoff;
		categoryTabBtnSpn2.style.color='blue';
		blogTabBtn.style.background = tabBGoff;
		blogTabBtnSpn1.style.background = tabBGLoff;
		blogTabBtnSpn2.style.background = tabBGRoff;
		blogTabBtnSpn2.style.color='blue';

		// 中身を更新
		new Ajax.Updater("container", latestListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});

		// cookie に登録
		document.cookie = "sc_tab=latest" + "; expires=" + cookie_exp.toGMTString();
	};

	categoryTabBtn.onclick = function() {
		// 背景を変更
		latestTabBtn.style.background = tabBGoff;
		latestTabBtnSpn1.style.background = tabBGLoff;
		latestTabBtnSpn2.style.background = tabBGRoff;
		latestTabBtnSpn2.style.color='blue';
		categoryTabBtn.style.background = tabBGon;
		categoryTabBtnSpn1.style.background = tabBGLon;
		categoryTabBtnSpn2.style.background = tabBGRon;
		categoryTabBtnSpn2.style.color='black';
		blogTabBtn.style.background = tabBGoff;
		blogTabBtnSpn1.style.background = tabBGLoff;
		blogTabBtnSpn2.style.background = tabBGRoff;
		blogTabBtnSpn2.style.color='blue';

		// 中身を更新
		new Ajax.Updater("container", categoryListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});

		// cookie に登録
		document.cookie = "sc_tab=category" + "; expires=" + cookie_exp.toGMTString();
	};

	blogTabBtn.onclick = function() {
		// 背景を変更
		latestTabBtn.style.background = tabBGoff;
		latestTabBtnSpn1.style.background = tabBGLoff;
		latestTabBtnSpn2.style.background = tabBGRoff;
		latestTabBtnSpn2.style.color='blue';
		categoryTabBtn.style.background = tabBGoff;
		categoryTabBtnSpn1.style.background = tabBGLoff;
		categoryTabBtnSpn2.style.background = tabBGRoff;
		categoryTabBtnSpn2.style.color='blue';
		blogTabBtn.style.background = tabBGon;
		blogTabBtnSpn1.style.background = tabBGLon;
		blogTabBtnSpn2.style.background = tabBGRon;
		blogTabBtnSpn2.style.color='black';

		// 中身を更新
		new Ajax.Updater("container", blogListUrl, {
			asynchronous: true,
			method: "get",
			parameters: "cache=" + (new Date()).getTime(),
			onSuccess: function(request) {
				container.innerHTML = request.responseText;
			}
		});

		// cookie に登録
		document.cookie = "sc_tab=blog" + "; expires=" + cookie_exp.toGMTString();
	};
}

// イベントローダー
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	}
	else {
		window.onload = function() {
			oldonload();
			func();
		};
	}
}

// メイン ---------------------------------------------------------------
// DOM が有効のブラウザだけこの機能を有効にする
// かつ Win IE 5.x も除外
if (document.getElementsByTagName) {
	if (!(navigator.userAgent.indexOf("MSIE 5", 0) >= 0)) {
		addLoadEvent(scListTab);
	}
}