/*共通アコーディオン体裁*/
$(function(){
	
});
/* -------------------------------------------
 * @constructor
------------------------------------------- */
var u = new EPOS_CARD.Util(); // u インスタンスを作成

/* -------------------------------------------
 * @init
------------------------------------------- */
j$(function(){
	j$.accordion();
	j$.modal();
	j$(window).on('load', function (){
		j$.digitalcard_equalHeight(true, true);
	});
});
/* -------------------------------------------
 * @plugin
------------------------------------------- */
(function(j$){
	
	var u = new EPOS_CARD.Util(); // u インスタンスを作成
	
	/*
	 * @method digitalcard_equalHeight
	 * - 高さ揃え
	 * @param {Boolean}
	 * - 文字可変・リサイズに対応するかどうか
	 */
	j$.digitalcard_equalHeight = function(fsCheck, wsCheck){
		var className = ".digitalcard_equalHeight",
			childBaseName = "equalChild",
			cancelName = "sp-eqCancel",
			$elm = j$(className),
			$children = $elm.children(),
			$spChildren = $elm.not("." + cancelName).children(),// SP時に有効となる要素
			winW = u.$win.width(),
			fsCheck = fsCheck || false,
			wsCheck = wsCheck || true,
			spCheck = false;

		if($elm.length === 0 || $children.length < 2){ return false; }

		if(winW < u.breakPoint1){
			spCheck = true;
		}

		/* childBaseNameのグループ化 */
		var grouping = function(w){
			var $groupedChildren = $elm.find("*[class*=" + childBaseName + "]"),
				classNames = {},groups = [];

			$groupedChildren.each(function(){
				var splitClass = j$(this).attr("class").split(" "),
					splitClassNum = splitClass.length,
					newClassName;

				for(var i = 0; i < splitClassNum; i++){
					newClassName = splitClass[i].match(RegExp(childBaseName + "[a-z0-9,_,-]*", "i"));

					if(!newClassName){
						continue;
					} else {
						newClassName.toString();
						classNames[newClassName] = newClassName;
					}
				}
			});

			// childBaseNameの格納
			for(var c in classNames){
				if(w < u.breakPoint1){
					groups.push($elm.not("." + cancelName).find("." + c));// SP時にcancelNameを持つ要素を対象から外す
				} else {
					groups.push($elm.find("." + c));
				}
			}
			return groups;
		};

		/* 各要素の高さを揃える */
		var equalHeight = function(elm){
			var maxHeight = 0;

			elm.css("height", "auto");

			elm.each(function(){
				if(j$(this).outerHeight() > maxHeight){
					maxHeight = j$(this).outerHeight();
				}
			});
			return elm.outerHeight(maxHeight);
		};

		/* init */
		var init = function(){
			var winW = u.$win.width(),
				groups = grouping(winW);

			var eqAct = function(eqObj){
				var h = [],
					child = [],
					maxHeight = 0,
					top = 0;

				j$.each(eqObj, function(){
					var $group = j$(this).not(":hidden");// 非表示要素に適用させない場合.not(":hidden")を付与

					$group.each(function(i){
						j$(this).css("height", "auto");
						h[i] = j$(this).outerHeight();
						if ((top !== Math.round(j$(this).offset().top)) && (top !== Math.round(j$(this).offset().top) + 1) && (top !== Math.round(j$(this).offset().top) - 1)) {
							equalHeight(j$(child));
							child = [];
							top = Math.round(j$(this).offset().top);
						}
						child.push(this);
					});
				});
				if(child.length > 1){ equalHeight(j$(child)); }
			}
			// childBaseName要素の高さを揃える
			eqAct(groups);
			// 子要素の高さを揃える
			if(winW < u.breakPoint1){
				// SP時
				eqAct($spChildren);
				j$("." + cancelName).children().css("height", "auto");
				j$("." + cancelName).find("*[class*=" + childBaseName + "]").css("height", "auto");
			} else {
				// PC時
				eqAct($children);
				setTimeout(
				function(){
					j$(".equalChild_bottom").css({
						top: "inherit",
						bottom: 0
					});
				},100);
			}
		};

		// 文字可変への対応可否
		fsCheck ? u.isFontSizeCheck(init) : init();
		wsCheck ? u.isWindowSizeCheck(init) : init();
	}
	
	/* 
	 * @method loopSlider
	 */
	j$.loopSlider = function(){
		var $elm = j$('.js-loopSlider');
		
		if($elm.length === 0){ return false; }
		
		if(u.isRangeSP()) {
			$elm.slick({
				autoplay: true,
				autoplaySpeed: 0,
				speed: 4000,
				cssEase: "linear",
				swipe: false,
				arrows: false,
				pauseOnFocus: false,
				pauseOnHover: false,
				variableWidth: true,
			});
		} else{
			$elm.slick({
				autoplay: true,
				autoplaySpeed: 0,
				speed: 4000,
				cssEase: "linear",
				swipe: false,
				arrows: false,
				pauseOnFocus: false,
				pauseOnHover: false,
				variableWidth: true,
			});
		}
	},
	/* 
	 * @method accordion
	 */
	j$.accordion = function(){
		
		//.accBoxの中の.accBtnがクリックされたら
		$('.accBox .accBtn').click(function(){
			//クリックされた.accordion_oneの中の.accordion_headerに隣接する.acc_innerが開いたり閉じたりする。
			$(this).next('.acc-inner').slideToggle();
			$(this).toggleClass("open");
		});
	},
	/* 
	 * @method modal
	 */
	j$.modal = function(config){
		
		var c = j$.extend({
			elm: ".js-digitalModal"
		},config);
			
		// vars
		var $elm = j$(c.elm);

		if($elm.length === 0){ return false; }

		// trigger
		if(!u.isRangeSP()){
			$elm.colorbox({
				inline: true,
				width: "100%",
				maxWidth: "1100px",
				maxHeight: "92%",
				fixed: true,
				onComplete: function(){
					EPOS_CARD.module.equalHeight(true, true);
					EPOS_CARD.module.sizeFix();
				}
			});
		} else {
			$elm.colorbox({
				inline: true,
				height: "",
				maxWidth: "100%",
				maxHeight: "100%",
				fixed: true,
				onComplete: function(){
					EPOS_CARD.module.equalHeight(true, true);
					EPOS_CARD.module.sizeFix();
				}
			});
		}
	}
})(jQuery);