(function($){
	$(function(){
		
		// タブ番号
		var i = 0;
		//tab
		$(".navBtn").click(function() {
			i = $(".navBtn").index(this);
			$($("#pgNavi a.on").attr("href")).hide();
			$("#pgNavi a.on").removeClass("on");
			$(this).find("a").addClass("on");
			$($(this).find("a").attr("href")).fadeIn("fast");
			// 画面位置をトップに戻す
			$(".displayArea").css("top",0);
			// 矢印ナビを隠す
			$(".arrow").hide();
			// 矢印ナビを表示する
			if($(".section").height() < $(".displayArea").eq(i).height()) $(".arrow").show();
			return false;
		});
	  
		//発射のos
		if(navigator.userAgent.indexOf('Mac') != -1){  
			// Macでの処理
			$("li#uA").html('<img src="img/common/sosa2_mac.gif" width="125" height="32" alt="発射 command" />');
		}

		// 矢印をクリック
		$(".arrow").find(".up, .down").click(function(){
			// .displayAreaに:visible指定しても良いかも
			var _area = $(".displayArea").eq(i);
			// 画面幅を取得
			var h = $(".section").height();
			// スクロール幅設定（画面幅÷２）
			h /= 2;
			// インナーの先頭地点
			var start = _area.position().top;
			// インナーの末尾地点
			var end = _area.outerHeight() + start;

			// 動いているアニメーションを止める。
			_area.stop(true);

			if($(this).hasClass("up") && end > h){ // upが押されて残りページがある(末尾地点が画面サイズより大きい)時
				// 残りサイズが1ページ分に満たない時はendの値分だけ、1ページ以上あるときは画面サイズ(1ページ)分、移動させる
				$(".displayArea").animate({ top: "-=" + (end - h * 2 < h ? end - h * 2 : h) }, "slow");
			}else if($(this).hasClass("down") && start < 0){ // downが押されて、余りページがある(先頭値がマイナス)時
				// 余りサイズが1ページ分に満たない時はstartの値(マイナスなので絶対値に変えて)、1ページ以上あるときは画面サイズ分を移動
				$(".displayArea").animate({ top: "+=" + (Math.abs(start) / h < 1 ? Math.abs(start) : h) }, "slow");
			}
		
		});



	});
})(jQuery);