/*********************************************
 * shop_list.js
 ---------------------------------------------
 @noConflict
 @init
 @plugin
*********************************************/

/* -------------------------------------------
 * @init
------------------------------------------- */
j$(function(){
	var u = new EPOS_CARD.Util();
	j$.shopListTabs();
	j$.shopListSearch();
});
/* -------------------------------------------
 * @plugin
------------------------------------------- */
(function(j$){

		/**
		 * @method shopListTabs
		 */
		j$.shopListTabs = function(config){
			// options
			var c = $.extend({
				factorElement: '.js-shop_list-tabs',
				naviElement: '.js-shop_list-tabs__navi',
				triggerElement: '.js-shop_list-tabs__trigger',
				panelElement: '.js-shop_list-tabs__panel',
				firstDisplayTab: '', // 初期表示タブ：タブのid「#xxxx」を指定（※何も指定しなければ一番最初のタブを表示）
				current: 'is-current',
			}, config);
			// vars
			var u = new EPOS_CARD.Util();
			var $elm = j$(c.factorElement);
			var tabWrap = c.factorElement;
			var tabNavi = c.naviElement;
			var tabTrigger = c.triggerElement;
			var tabPanel = c.panelElement;
			var currentName =c.current;
			// exit
			if ($elm.length === 0) { return false; }

			// setting：表示設定
			$elm.each(function () {
				var $wrap = j$(this);
				var $navi = $wrap.find(tabNavi);
				var $panel = $wrap.find(tabPanel);
				var query = location.search;
				var paramVal = '';
				var firstPanel = c.firstDisplayTab;
				if(query) {
					var params = [];
					params = query.split('?')[1].split('&');
					for(var i=0; i<params.length; i++){
						if(params[i].indexOf('tab=') !== -1){
							paramVal = params[i].split('tab=')[1];
						}
					}
				}
				if (paramVal) {
					// パラメータで現在地の指定がある場合
					firstPanel = '#tab-' + paramVal;
				} else if (firstPanel !== '') {
					// JS側で初期表示タブに指定がある場合
				} else if ($navi.find('li').hasClass(currentName)) {
					// HTML側で現在地の指定がある場合
					firstPanel = j$('.' + currentName, $navi).find(tabTrigger).attr('href');
				} else {
					firstPanel = $navi.find('li:first').find(tabTrigger).attr('href');
				}
				$navi.find('a[href="' + firstPanel + '"]').parent().addClass(currentName).siblings().removeClass(currentName);
				$panel.show().not(firstPanel).hide();
			});
			// control
			j$(tabTrigger).on('click', function () {
				var $trigger = $(this);
				var $wrap = $trigger.closest(tabWrap);
				var $navi = $wrap.find(tabNavi);
				var $panel = $wrap.find(tabPanel);
				var targetPanel = $trigger.attr('href');
				if ($trigger.parent().hasClass(currentName)) {
					return false;
				}
				$navi.find('li').removeClass(currentName);
				$navi.find('a[href="' + targetPanel + '"]').parent().addClass(currentName);
				$panel.show().not(targetPanel).hide();
				
				
				// 再実行
				EPOS_CARD.module.equalHeight();
				return false;
			});
		};
		/**
		 * @method shopListSearch
		 */
		j$.shopListSearch = function(config){
			// options
			var c = $.extend({
				factorElement: '.js-shop_list-search',
				naviElement: '.js-shop_list-search__navi',
				triggerElement: '.js-shop_list-search__trigger',
				triggerDataset: 'data-shop_list-search__trigger',
				panelDataset: 'data-shop_list-search__category',
				firstDisplayTab: '', // 初期表示タブ：タブのid「#xxxx」を指定（※何も指定しなければ一番最初のタブを表示）
				current: 'is-current',
				hidden: 'is-hidden',
			}, config);
			// vars
			var u = new EPOS_CARD.Util();
			var $elm = j$(c.factorElement);
			var searchWrap = c.factorElement;
			var searchNavi = c.naviElement;
			var searchTrigger = c.triggerElement;
			var triggerDataset = c.triggerDataset;
			var panelDataset = c.panelDataset;
			var currentName =c.current;
			var hiddenName =c.hidden;
			
			// exit
			if ($elm.length === 0) { return false; }
			
			$elm.each(function(){
				var $wrap = j$(this);
				var $navi = $wrap.find(searchNavi);
				var $panel = $wrap.find('[' + panelDataset + ']');
				var firstPanel = c.firstDisplayTab;
				
				if (firstPanel !== '') {
					// JS側で初期表示タブに指定がある場合
				} else {
					firstPanel = 'all';
				}
				
				$navi.find('[' + triggerDataset + '="' + firstPanel + '"]').parent().addClass(currentName).siblings().removeClass(currentName);
				if(firstPanel == 'all'){
					$panel.show().removeClass(hiddenName);
				}else{
					$panel.show().removeClass(hiddenName).not('[' + panelDataset + '="' + firstPanel + '"]').hide().addClass(hiddenName);
				}
			});
			// control
			j$(searchTrigger).on('click', function () {
				var $trigger = $(this);
				var $wrap = $trigger.closest(searchWrap);
				var $navi = $wrap.find(searchNavi);
				var $panel = $wrap.find('[' + panelDataset + ']');
				var targetPanel = $trigger.attr(triggerDataset);
				if ($trigger.parent().hasClass(currentName)) {
					return false;
				}
				if(targetPanel == 'all'){
					$navi.find('li').removeClass(currentName);
					$navi.find('[' + triggerDataset + '="' + targetPanel + '"]').parent().addClass(currentName);
					$panel.show().removeClass(hiddenName);
				}else{
					$navi.find('li').removeClass(currentName);
					$navi.find('[' + triggerDataset + '="' + targetPanel + '"]').parent().addClass(currentName);
					$panel.show().removeClass(hiddenName).not('[' + panelDataset + '="' + targetPanel + '"]').hide().addClass(hiddenName);
				}
				
				// 再実行
				EPOS_CARD.module.equalHeight();
			});
		};
  
  
  
  
  
})(jQuery);