$(function(){

//option開閉
$(document).on('click','.optbase',function(){
	$(this).next('.selectwraps').slideToggle();
	$(this).toggleClass('open');
});

//AJAXでstep2表示
$(document).on('click', '#main.product_search #contents .contents ul.plist li, #main.makers ul#msearch1 > li', function(){

		termid = ($(this).attr('data-id'));
		if($('#msearch1.handling').length){
			maker = $('#msearch1.handling').attr('data-slug');
		}else{
			maker = '';
		}

		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: {
				'termid' : termid,
				'makerslug' : maker,
				'action' : 'event',
			},
			success: function( response ){
				// jsonData受け取る
				if ( response == 'false' ) { // 投稿がなかったら
					//alert('なし');
				} else {
					jsonData = JSON.parse( response );
						$('.sbox.step2').empty();
						$('.sbox.step3 .optionselect').empty();
						$('.sbox.step3 .search_results').empty();
						$('.sbox.step2').append(jsonData);

						var mrg = $("#f-header").outerHeight() + 10;
						var target = $('#step2');
						var position = target.offset().top - mrg;
						$('body,html').animate({scrollTop:position}, 500, 'swing');

				}
			}
		});
		return false;
});
//AJAXでstep3表示
$(document).stop().on('click','#main #contents .sbox.step2 li',function () {

		$(this).toggleClass('select');

		//selectチェック時のみajax
		if($(this).hasClass('select')){
			$('#main #contents .contents .sbox.step2 li').not(this).removeClass('select');
			if($('.sbox.step3 .optionselect > div').length){
				$('.sbox.step3 .optionselect').empty();
			}
			gosearch($(this),'',1);
		}else{
			return false;
		}
});
function gosearch(_this,option,pn) {

		termslug = (_this.attr('id'));
		pslug = (_this.attr('data-slug'));

		if($('#msearch1.handling').length){
			maker = $('#msearch1.handling').attr('data-slug');
		}else{
			maker = '';
		}

		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: {
				'termslug' : termslug,
				'pslug' : pslug,
				'option' : option,
				'action' : 'option',
				'makerslug' : maker,
			},
			success: function( response ){
				// jsonData受け取る
				if ( response == 'false' ) { // 投稿がなかったら
					//alert('なし');
				} else {
					jsonData = JSON.parse( response );
						//初回検索結果表示時のみ更新
						if(!$('.sbox.step3 .optionselect > div').length){
							$('.sbox.step3 .optionselect').empty();
							$('.sbox.step3 .optionselect').append(jsonData);
						}
						//セレクトに値を戻す
						/*
						if(option!=''){
							options = option.split(',');
							for(var i=0;i<options.length;i++){
								var parent = options[i].slice( 0, -2 ) ;
								$('#main.product_search #contents .contents .sbox.step3 .optionselect select[id^='+parent+']').val(options[i]);
							}
														   
						}
						*/
							var mrg = $("#f-header").outerHeight() + 10;
							var target = $('#step3');
							var position = target.offset().top - mrg;
							$('body,html').animate({scrollTop:position}, 500, 'swing');
														  
				}
			}
		});

		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: {
				'termslug' : termslug,
				'pslug' : pslug,
				'option' : option,
				'pn' : pn,
				'makerslug' : maker,
				'action' : 'product',
			},
			success: function( response ){
				// jsonData受け取る
				if ( response == 'false' ) { // 投稿がなかったら
					//alert('なし');
				} else {
					jsonData = JSON.parse( response);
						$('.sbox.step3 .search_results').empty();
						$('.sbox.step3 .search_results').append(jsonData);
						
						//選択したオプションを表示
						if(option[0]!='' && option!=''){
							optionp = option[0].split(',');
							var choice = '';
							for(var i=0;i<optionp.length;i++){
								var choicetxt = $('#main #contents .contents .sbox.step3 .optionselect select option[value="'+optionp[i]+'"]').text();
								if(!choicetxt){
									choicetxt = $('#main #contents .contents .sbox.step3 .optionselect label input[value="'+optionp[i]+'"]').attr('data-val');
								}
								choice += '<span class="'+optionp[i]+'">'+choicetxt+'</span>'+',';
							}
							choice = choice.slice( 0, -1 );
							$('div#contents .step3 .search_results  .optselect > div').empty();
							$('div#contents .step3 .search_results  .optselect > div').append(choice);
						}
				}
			}
		});
		return false;
}

//$(document).stop().on('click','#main #contents .contents .sbox.step3 .optionselect > a',function (e) {
$(document).stop().on('change','#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input',function () {
		//e.preventDefault();
		var parm = new Array();
		parm[0] = '';
		parm[1] = '';
		var cnt = 2;
		//チェック全て取得 表示用
		$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input:checked').each(function(index) {
			if($(this).val()){
				parm[0] += ( $(this).val() + ',');
			}
		});	
		//チェックボックス以外取得
		$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input[type="radio"]:checked').each(function(index) {
			if($(this).val()){
				parm[1] += ( $(this).val() + ',');
			}
		});	
		//チェックボックス検査
		$('#main #contents .contents .sbox.step3 .optionselect div[data-itype="check"]').each(function(index,element) {
			if($(element).find('input:checked').length > 1){
			//チェック複数
				parm[cnt] = '';
				$(element).find('input:checked').each(function(index,element) {
					  if($(element).val()){
						  parm[cnt] += ( $(element).val() + ',');
					  }
				});	
				parm[cnt] = parm[cnt].slice( 0, -1 );
				cnt++;
			}else{
			//チェック1つの場合
			  if($(element).find('input:checked').val()){
				  parm[1] += ( $(element).find('input:checked').val() + ',');
			  }
			}
		});	
		parm[0] = parm[0].slice( 0, -1 );
		parm[1] = parm[1].slice( 0, -1 );
console.log(parm);
		_this = $('#main #contents .contents .sbox.step2 > div li.select');
		gosearch(_this,parm,1);
		
});

$(document).stop().on('click','#main #contents .contents .sbox.step3 .optionselect > span.clear',function (e) {
		e.preventDefault();
		$('#main #contents .contents .sbox.step3 .optionselect select').each(function(index) {
			$(this).val('');
		});
		$('#main #contents .contents .sbox.step3 .optionselect label input').prop('checked', false);
			gosearch($('#main #contents .sbox.step2 li.select'),'',1);

		var mrg = $("#f-header").outerHeight() + 10;
		var target = $('#step3');
		var position = target.offset().top - mrg;
		$('body,html').animate({scrollTop:position}, 500, 'swing');
});

/**page nation**/
$(document).stop().on('click','#main #contents .contents .sbox.step3 .pn span',function (e) {
		e.preventDefault();
		var parm = new Array();
		parm[0] = '';
		parm[1] = '';
		var cnt = 2;
		//チェック全て取得 表示用
		$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input:checked').each(function(index) {
			if($(this).val()){
				parm[0] += ( $(this).val() + ',');
			}
		});	
		//チェックボックス以外取得
		$('#main #contents .contents .sbox.step3 .optionselect select,#main #contents .contents .sbox.step3 .optionselect input[type="radio"]:checked').each(function(index) {
			if($(this).val()){
				parm[1] += ( $(this).val() + ',');
			}
		});	
		//チェックボックス検査
		$('#main #contents .contents .sbox.step3 .optionselect div[data-itype="check"]').each(function(index,element) {
			if($(element).find('input:checked').length > 1){
			//チェック複数
				parm[cnt] = '';
				$(element).find('input:checked').each(function(index,element) {
					  if($(element).val()){
						  parm[cnt] += ( $(element).val() + ',');
					  }
				});	
				parm[cnt] = parm[cnt].slice( 0, -1 );
				cnt++;
			}else{
			//チェック1つの場合
			  if($(element).find('input:checked').val()){
				  parm[1] += ( $(element).find('input:checked').val() + ',');
			  }
			}
		});	
		parm[0] = parm[0].slice( 0, -1 );
		parm[1] = parm[1].slice( 0, -1 );
console.log(parm);
		_this = $('#main #contents .contents .sbox.step2 > div li.select');

		pages = $(this).attr('data-page');
		gosearch(_this,parm,pages);
		
});


var url = $('#sparm').attr('href');

$('#main.product_search #contents .contents ul.plist li').hover(
    function() {
			$('#main.product_search #contents .contents ul.plist').addClass('onn');
			$(this).addClass('onn');
    },
    function() {
			$('#main.product_search #contents .contents ul.plist').removeClass('onn');
			$(this).removeClass('onn');
 
        //マウスカーソルが離れた時の処理
 
    }
);

});

$(window).on('load',function(){ 

});

$(window).on('resize',function () { 

});

$(window).on('orientationchange', function(){

});

/**トップからのカテゴリ検索**/
function setStep2(termid){

		//termid = ($(this).attr('data-id'));

		$.ajax({
			type: 'POST',
			url: ajaxurl,
			data: {
				'termid' : termid,
				'action' : 'event',
			},
			success: function( response ){
				// jsonData受け取る
				if ( response == 'false' ) { // 投稿がなかったら
					//alert('なし');
　　console.log("XMLHttpRequest : " + XMLHttpRequest.status);
　　console.log("textStatus     : " + textStatus);
　　console.log("errorThrown    : " + errorThrown.message);
				} else {
					jsonData = JSON.parse( response );
						$('.sbox.step2').empty();
						$('.sbox.step3 .optionselect').empty();
						$('.sbox.step3 .search_results').empty();
						$('.sbox.step2').append(jsonData);

						var mrg = $("#f-header").outerHeight() + 10;
						var target = $('#step2');
						var position = target.offset().top - mrg;
						$('body,html').animate({scrollTop:position}, 500, 'swing');

				}
			}
		});
		return false;
}