/*
 TOPページのタブ切り替え用のJavaScript (Epsilon対応版)

 <<動かすのに必要なJavaScript>>
 jQuery 1.0.x以上
 <script type="text/javascript" src="/js/jquery.cookie.js"></script>

 <<定義が必要なグローバル変数>>
 var _watchkeyword = "ウォッチキーワード";
 
 <<使用するクッキーの名前>>
 top_selected_tab

*/
$(document).ready(function(){
	// 前回クリックされたタブを復元
	var selected_tab = $.cookie("top_selected_tab") ? $.cookie("top_selected_tab") : 'all';
	var selected_tab_2 = $.cookie("top_selected_tab_2") ? $.cookie("top_selected_tab_2") : 'fav';
	// 読込中表示テキスト
	var loading_content = '<div id="progress"></div>';		// 上のタブのぐるぐる
	var loading_content_2 = '<div id="progress-2"></div>';	// 下のタブのぐるぐる

	$('.tab').click(function(e) {
		// Aタグのクリックイベントを無視する
		e.preventDefault();
		
		// 選択済のタグがもう一度クリックされた場合でかつ初回でない場合はタブを選択状態にして戻る
		if (selected_tab == $(this).attr('id') && $('#newarrival_content_list').html() != '') {
			$('#' + selected_tab).addClass('select');
			return;
		}
	
		// 前回クリックされていたタブを元に戻す
		$('#' + selected_tab).removeClass('select');
		// 選択されたタブだけを選択状態にする
		selected_tab = $(this).attr('id');
		$('#' + selected_tab).addClass('select');

		// 選択されたタグの内容を読み込む
		$('#newarrival_content_list').append(loading_content);	// 読み込み開始
		$('#newarrival_content_list').load($(this).attr('href'), function() {
			// tipsyポップアップの表示位置を設定
			$('#newarrival_content_list .tips-north').tipsy({gravity:'n'});
			$('#newarrival_content_list .tips-south').tipsy({gravity:'s'});
			// 読み込み終了
			$('#progress').remove();
			$('.tipsy').remove();	// 一応tipsyポップアップをクリアする
		});

		// 選択されたタブを保存
		$.cookie("top_selected_tab", selected_tab, { expires: 365 });
	});

	$('.tab2').click(function(e) {
		// Aタグのクリックイベントを無視する
		e.preventDefault();
		
		// 選択済のタグがもう一度クリックされた場合でかつ初回でない場合はタブを選択状態にして戻る
		if (selected_tab_2 == $(this).attr('id') && $('#newarrival_content_list-2').html() != '') {
			$('#' + selected_tab_2).addClass('select');
			return;
		}
	
		// 前回クリックされていたタブを元に戻す
		$('#' + selected_tab_2).removeClass('select');
		// 選択されたタブだけを選択状態にする
		selected_tab_2 = $(this).attr('id');
		$('#' + selected_tab_2).addClass('select');

		// 選択されたタグの内容を読み込む
		$('#newarrival_content_list-2').append(loading_content_2);	// 読み込み開始
		$('#newarrival_content_list-2').load($(this).attr('href'), function() {
			// tipsyポップアップの表示位置を設定
			$('#newarrival_content_list-2 .tips-north').tipsy({gravity:'n'});
			$('#newarrival_content_list-2 .tips-south').tipsy({gravity:'s'});
			// 読み込み終了
			$('#progress').remove();
			$('.tipsy').remove();	// 一応tipsyポップアップをクリアする
		});

		// 選択されたタブを保存
		$.cookie("top_selected_tab_2", selected_tab_2, { expires: 365 });
	});

	// HTMLがロードされた時点で擬似的にタブをクリックする
	$('#' + selected_tab).click();
	if ($('#tab-container-2').get(0) != undefined) {
		$('#' + selected_tab_2).click();
	}
});