// JavaScript Document
(function (window, document, $) {

  $(function(){

    let prefCd = {'okayama':'33', 'hiroshima':'34'};
    //タブ
    $('[data-arrivalbtn]').on("click",function(){
      var tabsclid = $(this).attr("data-arrivalbtn");
      $('[data-arrivalbtn]').removeClass("active");
      $('[data-arrival]').hide();
      $('[data-arrival="'+tabsclid+'"]').fadeIn("fast");
      $(this).addClass("active");
    });


    // 遷移先の中身がタブ切替の処理が必要な時
    function switchTabByHash() {
      var hash = location.hash.replace('#', '');
      if (!hash) return;

      var $tabBtn = $('[data-arrivalbtn="' + hash + '"]');
      var $tabContent = $('[data-arrival="' + hash + '"]');
      if (!$tabBtn.length || !$tabContent.length) return;

      $('[data-arrivalbtn]').removeClass('active');
      $('[data-arrival]').hide();

      $tabBtn.addClass('active');
      $tabContent.show();
    }
    // DOM構築完了時点で即タブ切替実行
     $(function () {
      switchTabByHash();
    });
    // ハッシュ変更時にタブ切替
    $(window).on('hashchange', switchTabByHash);




    //お気に入りボタン
    $('[data-favdel]').off('click').on('click', function () {
      let roomId = $(this).attr('data-favdel');
      togglefav('[data-favdel="' + roomId + '"]', roomId);
    });


  });




})(window, document, jQuery);