//-------------------------------------------------------------------------------------------------
//
//   タグ・ボタン押下で該当するiframeを表示し、ボタンを置き換える。
//      現在のタグ状態をcookieに保存し、再表示時に表示ボタンを復旧させる。
//
//			cookie name : csw
//			property(2) : newsTag [0, 1, 2, 3 ,4] <-- [トピックス, 市社協, ボランティアセンター, 障害者生活支援センター, その他]
//
//--------------------------------------- Oct.07.2011 / update: Nov.13.2011

$(document).ready(function(){
	var cTag;	// current tagButton number
	var cookie;	// cookie for work
	var i;		// for work

	// サイト内外の他ページからの復帰時（或いは前回退場から再訪問時）、直前のタグ・ボタン表示に復帰させる。
	// cookieに「newsTag」が存在したらその値のタグボタン処理を行い、なかったら何もしない。
	cookie = new Cookie("csw");	// Cookieコンストラクタ関数を呼び出す（→cookie関数は、"csw_changeFontSizeMain.js" にある。）
	if ("newsTag" in cookie) {
				// cookie.newsTag番目以外のiframeを非表示にして、cookie.newsTag番目のiframeを表示する
 				$("iframe.iframe_class").each(function(i){i == cookie.newsTag ? $(this).show() : $(this).hide();});

				// cookie.newsTag番目のボタンを濃いブラウンにして、cookie.newsTag番目以外のボタンを淡いブラウンにする
				$("ul#ul_tagButton li").each(function(i){
 						if ($(this).hasClass('clicked'))  $(this).removeClass('clicked');
 						if (i == cookie.newsTag) $(this).addClass('clicked');
				});
	}
	// タグ切替ボタンにクリック・リスナーを設定する
	$("ul#ul_tagButton li").click(function(){

		// 今、cTag番目のボタンが押下された
		cTag = $("ul#ul_tagButton li").index(this);
 	
		// cTag番目以外のiframeを非表示にして、cTag番目のiframeを表示する
		$("iframe.iframe_class").each(function(i){i == cTag ? $(this).show() : $(this).hide();});

		// cTag番目のボタンを濃いブラウンにして、cTag番目以外のボタンを淡いブラウンにする
		// "clicked"クラスは、押下されたボタンを濃いブラウンにするクラス
		// また、クラスを.cssで更新するとタグの:hover属性が失効するので、クラスの階層を設けた。
		$("ul#ul_tagButton li").each(function(i){
 			if ($(this).hasClass('clicked'))  $(this).removeClass('clicked');
 			if (i == cTag) $(this).addClass('clicked');
		});
		
		// cookieを作成（置換）する
		cookie = new Cookie("csw");	// Cookieコンストラクタ関数を呼び出す（下記）
		cookie.newsTag = cTag;
		cookie.store(365);	// 有効期間365日でcookieを格納する
	});
	
});