// JavaScript Document

var tabsObj,Act,Tab,Box,i,n;

function topics(num) {

	tabsObj = document.getElementById('tabs');
	n = tabsObj.getElementsByTagName('li').length;

	Act = 'tab' + num;

	for(i=1; i<n+1; i++){

		Tab = 'tab' + i;
		Box = 'topic' + i;

		if(Act == Tab) {

			//IE8、Firefox 等
			if(i == 1) { document.getElementById(Tab).setAttribute('class','first active'); }
			else if(i == n) { document.getElementById(Tab).setAttribute('class','last active'); }
			else { document.getElementById(Tab).setAttribute('class','active'); }

			//IE7以下
			if(i == 1) { document.getElementById(Tab).setAttribute('className','first active'); }
			else if(i == n) { document.getElementById(Tab).setAttribute('className','last active'); }
			else { document.getElementById(Tab).setAttribute('className','active'); }
			
			document.getElementById(Box).style.display = 'block';
			document.getElementById(Box).style.paddingTop = '0';
			document.getElementById(Box).style.borderBottom = 'none';

		}
		else {

			//IE8、Firefox 等
			if(i == 1) { document.getElementById(Tab).setAttribute('class','first passive'); }
			else if(i == n) { document.getElementById(Tab).setAttribute('class','last passive'); }
			else { document.getElementById(Tab).setAttribute('class','passive'); }

			//IE7以下
			if(i == 1) { document.getElementById(Tab).setAttribute('className','first passive'); }
			else if(i == n) { document.getElementById(Tab).setAttribute('className','last passive'); }
			else { document.getElementById(Tab).setAttribute('className','passive'); }

			document.getElementById(Box).style.display = 'none';

		}

	}
	
	WriteCookie("tabNo",num,30);

}

/* Cookie への書き出し
     引数 key　 : データキー （半角英数 _ のみ）
     引数 value : データの値（日本語可）
     引数 days  : データを保持する日数（ 0 の時は有効期限は省略）*/
function WriteCookie(key, value, days) {
     var str = key + "=" + escape(value) + ";";         // 書き出す値１ : key=value
     if (days != 0) {                                                 /* 日数 0 の時は省略 */
          var dt = new Date();                                   // 現在の日時
          dt.setDate(dt.getDate() + days);                   // days日後の日時
          str += "expires=" + dt.toGMTString() + ";"; // 書き出す値２ : 有効期限
		  str += "path=/;";
     }
     document.cookie = str;                                   // Cookie に書き出し
}

/* Cookie の読み込み
     引数 key : 求める値のキー
     戻り値　 : 値（ない時は空文字""）*/
function ReadCookie(key) {
     var sCookie = document.cookie;    // Cookie文字列
     var aData = sCookie.split(";");       // ";"で区切って"キー=値"の配列にする
     var oExp = new RegExp(" ", "g");   // すべての半角スペースを表す正規表現
     key = key.replace(oExp, "");          // 引数keyから半角スペースを除去

     var i = 1;
     while (aData[i]) {                           /* 語句ごとの処理 : マッチする要素を探す */
          var aWord = aData[i].split("=");                         // さらに"="で区切る
          aWord[0] = aWord[0].replace(oExp, "");              // 半角スペース除去
          if (key == aWord[0]) return unescape(aWord[1]); // マッチしたら値を返す
          if (++i >= aData.length) break;                          // 要素数を超えたら抜ける
     }
     return "";                                   // 見つからない時は空文字を返す
}