/*********************************************
 * battlecatscontentsName.js
*********************************************/
/* -------------------------------------------
 * @init
------------------------------------------- */
$(function(){
	var u = new EPOS_CARD.Util();
	$.battlecatsToggle();
	$.customScroll();
	$.scrollAnimation();
});

/* -------------------------------------------
 * @plugin
------------------------------------------- */
(function($){
	var u = new EPOS_CARD.Util(); // u インスタンスを作成
	/* 
	 * battlecatsToggle
	 * PC:タブ切り替え SP:アコーディオン
	 */
	$.battlecatsToggle = function(){
		// instance
		var u = new EPOS_CARD.Util();
		// vars
		var $elm = $(".battlecats-tabWrap01"),
				cnt = ".battlecats-tabContent",
				toggle = ".battlecats-spToggleTrg",
				list = ".battlecats-tabList li",
				activeName = "active",
				speed = 300,
				$list = $elm.find(list),
				$cnt = $elm.find(cnt),
				$toggle = $elm.find(toggle),
				mode = u.isRangeSP()? "SP" : "PC",
				webkit = /webkit/;

		if($elm.length === 0){ return false; }
		
		// setting
		if(u.isRangeSP()){
			$list.removeClass(activeName);
			$cnt.removeClass(activeName);
		}
		
		/* _init
		 * 初期化
		 */
		var _init = function(){
			$list.removeClass(activeName);
			$cnt.css("display","").removeClass(activeName);
			$toggle.removeClass(activeName);
		};
		
		/* pcInit */
		var pcInit = function(){
			var $trg = $list.find("a");
			// setting
			_init();
			$list.eq(0).addClass(activeName);
			$cnt.eq(0).addClass(activeName);
			
			// click
			$trg.on("click",function(){
				var self = $(this),
				$myList = self.parent("li");
				
				switch($myList.hasClass(activeName)){
					case true:
						break;
					case false:
						tabSwitch();
						break;
					default:
						break;
				}
				
				function tabSwitch(){
					var getTarget = self.attr("href"),
							$target = $(getTarget);
					$list.removeClass(activeName);
					$cnt.removeClass(activeName);
					$myList.addClass(activeName);
					$target.addClass(activeName);
				}
				return false;
			});
		};
		
		/* spInit */
		var spInit = function(){
			var $trg = $toggle.find("a"),
					$close = $(".battlecats-spToggleClose").find("a");
			// setting
			_init();
			
			// click
			$trg.on("click",function(){
				var self = $(this),
						$myToggle = self.parent(toggle),
						getTarget = self.attr("href"),
						$target = $(getTarget);
				if($target.is(":animated")){ return false; }
				switch($myToggle.hasClass(activeName)){
					case true:
						$myToggle.removeClass(activeName);
						$target.removeClass(activeName);
						$target.slideUp(speed);
						break;
					case false:
						$myToggle.addClass(activeName);
						$target.addClass(activeName);
						$target.slideDown(speed);
						break;
					default:
						break;
				}
				return false;
			});
			$close.on("click",function(){
				var self = $(this),
						$wrapper = self.closest(".battlecats-spToggleContent"),
						$target = $wrapper.find(cnt),
						$toggle = $wrapper.find(toggle),
						ofs_top = $wrapper.offset().top;
				$target.slideUp(speed).removeClass(activeName);
				$toggle.removeClass(activeName);
				$("html, body").animate({
					scrollTop: ofs_top
				}, speed, "swing");
			});
		};
		
		/* initialize */
		var _initialize = function(){
			if(!u.isRangeSP()){
				pcInit();
			} else {
				spInit();
			}
		};
		
		_initialize();
		u.isWindowSizeCheck(function(){
			var afterMode = u.isRangeSP()? "SP" : "PC";
			if(mode !== afterMode){
				_initialize();
				mode = afterMode;
			}
		});
	};
	/* 
	 * 既存踏襲
	 * $.customScroll
	 * カスタムスクロールバー
	 */
	$.customScroll = function(){
		if($("#news_area").length === 0){ return false; }
		$(window).load(function(){
			$("#news_area").mCustomScrollbar({
				scrollButtons:{enable:true},
				theme:"my-theme"
			});
		});
	};
	/* 
	 * $.blurAnimation
	 * スクロール
	 */
	$.scrollAnimation = function(){
		
		var u = new EPOS_CARD.Util();
		
		var $elm = $('.js-animationTarget'),
				showClass = 'is-show';
		
		if($elm.length === 0){ return false; }
		
		var show = function() {
			$elm.each(function() {
				var self = $(this),
						doch = $(document).innerHeight(),
						wh = $(window).height(),
						bottom = doch - wh,
						elemOffset = self.offset().top,
						scrollPos = $(window).scrollTop(),
						adjust = 2.2;
				if(u.isRangeSP()) {
					adjust = 1.8;
				}
				if(scrollPos > elemOffset - wh / adjust){
					self.addClass(showClass);
				}
				if(bottom <= scrollPos){
					self.addClass(showClass);
				}
			})
		}
		show();
		$(window).on('scroll', function (){
			show($(this));
		});
	};
})(jQuery);