//1ページあたりの表示件数
// const item_per_page = 15;
const item_per_page = 999;
//カウントアップ
let item_cnt = 0;
//出力し始めて何件目か
let output_item_cnt = 0;
//ページ開始
let page_start_cnt = 0;
//処理用変数
let data_list;
let data_name;
let data_area;
let data_category;
let data_url;
let data_place;
let category_url;
let output_html;
let pickup_html;
// category=絞り込みカテゴリ(空の際は全カテゴリ)、page=何ページ目か
// 実績データを実績一覧用htmlから取得して表示する。
function readProjectResult(category, page, area, target_id, disp_limit) {
  $.ajax({
    url: '/construction/data_list.html', 
    cache: false,
    success: function(data){
      //初期化
      //出力用変数初期化
      output_html = '';
      pickup_html = '';
      //アイテムカウントアップ初期化
      item_cnt = 0;
      //出力開始からアイテムカウントアップ初期化
      output_item_cnt = 0;
      //ページ開始位置を計算
      page_start_cnt = (page - 1) * item_per_page;
      // カテゴリ指定がある際は、data属性で絞り込み
      if (category != '') {
        data_list = $(data).find('.item_data[data-category="' + category + '"]');
      } else {
        //カテゴリ指定がない場合でarae指定がある場合は、areaをdata属性で絞り込み
        if (area != '') {
          data_list = $(data).find('.item_data[data-area="' + area + '"]');
        } else {
          data_list = $(data).find('.item_data');
        }
      }
      //取得した記事をそれぞれ抽出して処理
      $(data_list).each( function( index, element ) {
        // データ取得
        item_cnt++;
        if (page_start_cnt < item_cnt) {
          output_item_cnt++;
          //リンク
          data_link = '/construction/detail/' + $(this).children('.page').text() + '.html';
          //案件名
          if (output_item_cnt <= 2 && area == '') {
            data_name = '<h4 class="name"><a href="' + data_link + '">' + $(this).children('.title').html() + '</a></h4>';
          } else {
            data_name = '<h3 class="name"><a href="' + data_link + '">' + $(this).children('.title').html() + '</a></h3>';
          }
          //案件画像
          data_image_path = '/common/img/construction/detail/' + $(this).children('.page').text() + '/img_1.jpg?date=202410211530';
          data_image = '<p class="image"><img src="' + data_image_path + '"></p>';
          //エリア
          data_area = '<li><a href="/construction/area/?area=' + encodeURI($(this).data('area')) + '">' + $(this).data('area') + '</a></li>';
          //カテゴリURLを作成(カテゴリ文字列から変換して作成)
          category_url = changeConstructCategoryURL($(this).data('category'));
          data_category =  '<li><a href="/construction/' + category_url + '">' + $(this).data('category') + '</a></li>';
          //エリアとカテゴリはulでまとめて表示
          data_place =  '<ul class="place">' + data_category + data_area + '</ul>';
          //データを前のデータと結合
          // 最新の2件のみPICK UPリストへの出力するためHTMLを分ける
          if (output_item_cnt <= 2  && area == '') {
            pickup_html = pickup_html + '<li><a href="' + data_link + '">' + data_image + '</a>' + data_place + data_name + '</li>'; 
          } else {
            output_html = output_html + '<li><a href="' + data_link + '">' + data_image + '</a>' + data_place + data_name + '</li>'; 
          }

          if (output_item_cnt >= item_per_page) {
            // 1ページあたりの表示件数を超えたら処理終了
            return false;
          }
          if (disp_limit != '') {
            if (disp_limit >= item_per_page) {
              // 指定件数を超えたら処理終了
              return false;
            }
          }
        }
      });

      //取得したデータを表示
      if (target_id != '') {
        $('#' + target_id).html(output_html);
      } else {
        $('#pickup_area').find('.pickup_list').html(pickup_html);
        $('#construction_list').html(output_html);
      }
    }
  });
}
//実績のナビのactiveを変更
function changeConstructionNagiActive(category) {
  if (category != '') {
    $('#construction_navi').find('li[data-category="' + category + '"]').addClass('active');
  } else {
    $('#construction_navi li.all').addClass('active');
  }
}