/*
' ###########################################################
'   形番検索BOX
'                                  Create 2024.08.07 Kimura
' ###########################################################
*/
function check_kata_ichigyo(){
	$.post(
		"ajax_search_pdct.asp"
		, {
			mode:"get_kata_ichigyo",
			key:$("#SearchTxt").val().toUpperCase()
		}
		, function( data){
			if(data == "0"){
				//本体とリンク数以降に分解
				var hontaikataban;
				var option;

				hontaikataban = $("#SearchTxt").val().substring(0,$("#SearchTxt").val().indexOf("+"))
				option = $("#SearchTxt").val().substring($("#SearchTxt").val().indexOf("+") + 1)					

				window.location.href = "/tecs/pdct/cdc/pdct_Dtl_CDCKATANAVI.asp?kata=" + hontaikataban +"&HontaiKataban=" +  hontaikataban + "&option=" + option ;
			}else{
				Swal.fire({
					icon: 'warning',
					html: '形番が見つかりませんでした。',				
				});				
			}
		}
	);

}
function get_page(index){
	//ページ遷移処理
	$.post(
		"ajax_search_pdct.asp"
		, {
			mode:"get_kata_paging",
			key:$("#SearchTxt").val().toUpperCase(),
			index:index
		}
		, function( data){
			eval( data);

			if($("#SearchTxt").val() == ""){
				$("#search-suggest").fadeOut(300);						
				//$("#search-suggest").css("display","none");

			}else{						
				//配列検索

				//+を含んでいるかどうかで処理を分岐する
				if($("#SearchTxt").val().indexOf("+") == -1){															
					if(arrSearch.length == 0){
						$("#search-suggest").children().remove(); 		
						$("#search-suggest").fadeOut(0);	
						$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);"><div class="suggest-icon search-icon"></div>' + '形番が見つかりませんでした。' + '</a></li>');
						$("#search-suggest").fadeIn(300); 
					}else{			
						$("#search-suggest").children().remove(); 		
						$("#search-suggest").fadeOut(0);
						tmp_title = "";	
						for (let i = 0; i < arrSearch.length; i++) {
							//カテゴリーチェック
							if(tmp_title != arrSearch[i][2]){
								$('#search-suggest').append('<li class="suggest-item-category link_text02"><a style="color: black;font-weight: bold;" href="' + arrSearch[i][4] + '" target="_blank">' + arrSearch[i][1] +'　'+ arrSearch[i][2] + '</a></li>');							
								tmp_title = arrSearch[i][2]
							}
							$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="' + arrSearch[i][3] + '" target="_blank"><div class="suggest-icon search-icon"></div>' + arrSearch[i][0] + '</a></li>');
						}
					}
					$('#search-suggest').append('<div id="paging_title">該当形番：' + arrCnt + ' 件</div>')
					$('#search-suggest').append('\
						<div id="paging">\
							<nav aria-label="Page navigation example">\
								<ul id="paging_body" class="pagination justify-content-center">\
								</ul>\
							</nav>\
						</div>\
					');

					//左端矢印の制御
					if(indexCnt == "1"){
						$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Previous"><span aria-hidden="true">&#9664</span></a></li>')
					}else{
						$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt - 1) + ');" aria-label="Previous"><span aria-hidden="true">&#9664</span></a></li>')
					}
				
					if(arrCnt <= 10){
						$('#paging_body').append('<li class="page-item"><span class="page-link-a">1</span></li>')
						$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
					}else if(arrCnt <= 20){
						if(indexCnt == "1"){
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link"  href="javascript:void(0);" onclick="get_page(2);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else{
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">2</a></li>')
							$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}
					}else if(arrCnt <= 30){
						if(indexCnt == "1"){
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == "2"){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else{
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">3</a></li>')
							$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}
					}else if(arrCnt <= 40){
						if(indexCnt == "1"){
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == "2"){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == "3"){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else{
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">4</a></li>')
							$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}
					}else{
						//indexが真ん中にくるのは3～(index-2)の場合のみ
						var max_index
						max_index = Math.ceil(arrCnt / 10)

						if(indexCnt == "1"){
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(5);">5</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == "2"){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(1);">1</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">2</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(5);">5</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == (max_index - 1)){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 4) + ');">' + (max_index - 4) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 3) + ');">' + (max_index - 3) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 2) + ');">' + (max_index - 2) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">' + (max_index - 1) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + max_index + ');">' + max_index + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + max_index + ');" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else if(indexCnt == max_index){
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 4) + ');">' + (max_index - 4) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 3) + ');">' + (max_index - 3) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 2) + ');">' + (max_index - 2) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (max_index - 1) + ');">' + (max_index - 1) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">' + max_index + '</a></li>')
							$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}else{
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt - 2) + ');">' + (indexCnt - 2) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt - 1) + ');">' + (indexCnt - 1) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link-a">' + indexCnt + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt + 1) + ');">' + (indexCnt + 1) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt + 2) + ');">' + (indexCnt + 2) + '</a></li>')
							$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(' + (indexCnt + 1) + ');" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
						}
					}

					$("#search-suggest").fadeIn(300); 	
				}else{
					$("#search-suggest").children().remove(); 		
					$("#search-suggest").fadeOut(0);	
					$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);" onclick="check_kata_ichigyo();"><div class="suggest-icon search-icon"></div>' + '形番を検索する' + '</a></li>');
					$("#search-suggest").fadeIn(300); 													
				}
			}
		}
	);
}
$(document).ready(function($) {
	$("#SearchTxt").keyup(function (e) {
		//全リセット
		if(e.keyCode != "16" && e.keyCode != "17" && e.keyCode != "37" && e.keyCode != "39" && e.keyCode != "91"){
			
			if($("#SearchTxt").val() != "")
			{
				$.post(
					"ajax_search_pdct.asp"
					, {
						mode:"get_kata",
						key:$("#SearchTxt").val().toUpperCase()
					}
					, function( data){
						eval( data);

						if($("#SearchTxt").val() == ""){
							$("#search-suggest").fadeOut(300);						
							//$("#search-suggest").css("display","none");

						}else{						
							//配列検索
							
							//+を含んでいるかどうかで処理を分岐する							
							if($("#SearchTxt").val().indexOf("+") == -1){
								if(data !=""){								
									if(!arrSearch.length){
										$("#search-suggest").children().remove(); 		
										$("#search-suggest").fadeOut(0);	
										$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);"><div class="suggest-icon search-icon"></div>' + '形番が見つかりませんでした。' + '</a></li>');
										$("#search-suggest").fadeIn(300); 
									}else{			
										$("#search-suggest").children().remove(); 		
										$("#search-suggest").fadeOut(0);
										tmp_title = "";	
										for (let i = 0; i < arrSearch.length; i++) {
											//カテゴリーチェック
											if(tmp_title != arrSearch[i][2]){
												$('#search-suggest').append('<li class="suggest-item-category link_text02"><a style="color: black;font-weight: bold;" href="' + arrSearch[i][4] + '" target="_blank">' + arrSearch[i][1] +'　'+ arrSearch[i][2] + '</a></li>');							
												tmp_title = arrSearch[i][2]
											}
											$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="' + arrSearch[i][3] + '" target="_blank"><div class="suggest-icon search-icon"></div>' + arrSearch[i][0] + '</a></li>');
										}
									
										$('#search-suggest').append('<div id="paging_title">該当形番：' + arrCnt + ' 件</div>')
										$('#search-suggest').append('\
											<div id="paging">\
												<nav aria-label="Page navigation example">\
													<ul id="paging_body" class="pagination justify-content-center">\
													</ul>\
												</nav>\
											</div>\
										');
										$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Previous"><span aria-hidden="true">&#9664</span></a></li>')
										if(arrCnt >= 0){
											$('#paging_body').append('<li class="page-item"><span class="page-link-a">1</span></li>')
										}
										if(arrCnt >= 11){
											$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
										}
										if(arrCnt >= 21){
											$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
										}
										if(arrCnt >= 31){
											$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
										}
										if(arrCnt >= 41){
											$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(5);">5</a></li>')
										}

										if(arrCnt <= 10){
											$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
										}else{
											$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2)"; aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
										}

										$("#search-suggest").fadeIn(300); 	
									}
								}else{
									$("#search-suggest").children().remove(); 		
									$("#search-suggest").fadeOut(0);	
									$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);"><div class="suggest-icon search-icon"></div>' + '形番が見つかりませんでした。' + '</a></li>');
									$("#search-suggest").fadeIn(300); 
								}	
							}else{
								$("#search-suggest").children().remove(); 		
								$("#search-suggest").fadeOut(0);	
								$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);" onclick="check_kata_ichigyo();"><div class="suggest-icon search-icon"></div>' + '形番を検索する' + '</a></li>');
								$("#search-suggest").fadeIn(300); 													
							}
						}
					}
				);
			}else{
				$("#search-suggest").children().remove(); 		
				$("#search-suggest").fadeOut(300);											
			}
		}
	});
	

	//右クリックで貼り付けされた時
	document.getElementById("SearchTxt").addEventListener("paste", function(event){
		setTimeout(function(e){
			$.post(
				"ajax_search_pdct.asp"
				, {
					mode:"get_kata",
					key:$("#SearchTxt").val().toUpperCase()
				}
				, function( data){
					eval( data);

					if($("#SearchTxt").val() == ""){
						$("#search-suggest").fadeOut(300);						
						//$("#search-suggest").css("display","none");

					}else{						
						//配列検索

						//+を含んでいるかどうかで処理を分岐する
						if($("#SearchTxt").val().indexOf("+") == -1){															
							if(!arrSearch.length){
								$("#search-suggest").children().remove(); 		
								$("#search-suggest").fadeOut(0);	
								$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);"><div class="suggest-icon search-icon"></div>' + '形番が見つかりませんでした。' + '</a></li>');
								$("#search-suggest").fadeIn(300); 
							}else{			
								$("#search-suggest").children().remove(); 		
								$("#search-suggest").fadeOut(0);
								tmp_title = "";	
								for (let i = 0; i < arrSearch.length; i++) {
									//カテゴリーチェック
									if(tmp_title != arrSearch[i][2]){
										$('#search-suggest').append('<li class="suggest-item-category link_text02"><a style="color: black;font-weight: bold;" href="' + arrSearch[i][4] + '" target="_blank">' + arrSearch[i][1] +'　'+ arrSearch[i][2] + '</a></li>');							
										tmp_title = arrSearch[i][2]
									}
									$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="' + arrSearch[i][3] + '" target="_blank"><div class="suggest-icon search-icon"></div>' + arrSearch[i][0] + '</a></li>');
								}
							
								$('#search-suggest').append('<div id="paging_title">該当形番：' + arrCnt + ' 件</div>')
								$('#search-suggest').append('\
									<div id="paging">\
										<nav aria-label="Page navigation example">\
											<ul id="paging_body" class="pagination justify-content-center">\
											</ul>\
										</nav>\
									</div>\
								');
								$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Previous"><span aria-hidden="true">&#9664</span></a></li>')
								if(arrCnt >= 0){
									$('#paging_body').append('<li class="page-item"><span class="page-link-a">1</span></li>')
								}
								if(arrCnt >= 11){
									$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);">2</a></li>')
								}
								if(arrCnt >= 21){
									$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(3);">3</a></li>')
								}
								if(arrCnt >= 31){
									$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(4);">4</a></li>')
								}
								if(arrCnt >= 41){
									$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(5);">5</a></li>')
								}

								if(arrCnt <= 10){
									$('#paging_body').append('<li class="page-item disabled"><a class="page-link" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
								}else{
									$('#paging_body').append('<li class="page-item"><a class="page-link" href="javascript:void(0);" onclick="get_page(2);" aria-label="Next"><span aria-hidden="true">&#9654</span></a></li>')
								}
							}
							
							$("#search-suggest").fadeIn(300); 	
						}else{
							$("#search-suggest").children().remove(); 		
							$("#search-suggest").fadeOut(0);	
							$('#search-suggest').append('<li class="suggest-item"><a style="text-decoration: none;color:black;" class="suggest-exe" href="javascript:void(0);" onclick="check_kata_ichigyo();"><div class="suggest-icon search-icon"></div>' + '形番を検索する' + '</a></li>');
							$("#search-suggest").fadeIn(300); 													
						}
					}
				}
			);
		}, 100, event);
	});
});