講師紹介 Hiroyuki Saida 斎田 寛之 - 株式会社ジーシー 第6回 国際歯科シンポジウム

document.addEventListener('DOMContentLoaded', function () {
var BASE = "/japan/6thsymposium";

var jpLink = document.querySelector('ul.flex-wrap.migi-ue li.japanesesite > a');
var enLink = document.querySelector('ul.flex-wrap.migi-ue li.en > a');
if (!jpLink || !enLink) return;

var loc = window.location;
var path0 = loc.pathname.replace(/\/+$/,'').replace(/(\.html?)\/+$/i, '$1'); // 末尾スラ除去・foo.html/→foo.html
var query = loc.search || "";
var hash = loc.hash || "";

if (!path0.startsWith(BASE)) return;

var rest = path0.slice(BASE.length);
if (rest.length && rest[0] !== "/") rest = "/" + rest;

// 現状URLが拡張子ありか？
var usesHtml = /\.html?$/i.test(rest) || /\/index\.html?$/i.test(rest);

// 言語/スラッグ抽出（拡張子除去）
var isEN = (rest === "/en") || rest.startsWith("/en/");
function stripHtml(p){
return p.replace(/^\/+|\/+$/g,'')
.replace(/^index\.html?$/i,'')
.replace(/\.html?$/i,'');
}
var slug = isEN ? stripHtml(rest.replace(/^\/en\/?/i, ''))
: stripHtml(rest.replace(/^\/+/, ''));

function fileNameFromSlug(s){
if (!usesHtml) return ""; // 拡張子なし運用
return s ? (s + ".html") : "index.html";
}

// ★ 末尾スラッシュなしで出力（JP/ENともに）
function makeJPUrl(){
if (usesHtml) {
var fn = fileNameFromSlug(slug);
return BASE + "/" + fn; // 例: /.../index.html, /.../outline.html
} else {
return BASE + (slug ? ("/" + slug) : ""); // 例: /... , /.../outline ←末尾/なし
}
}
function makeENUrl(){
if (usesHtml) {
var fn = fileNameFromSlug(slug);
return BASE + "/en/" + fn; // 例: /.../en/index.html, /.../en/map.html
} else {
return BASE + (slug ? ("/en/" + slug) : "/en"); // 例: /.../en , /.../en/map ←末尾/なし
}
}

var jpURL = makeJPUrl() + query + hash;
var enURL = makeENUrl() + query + hash;

jpLink.setAttribute("href", jpURL);
enLink.setAttribute("href", enURL);

// （任意）ページ内の既存リンクも本番仕様に合わせて末尾スラッシュを除去したい場合
// document.querySelectorAll('a[href^="' + BASE + '"]').forEach(function(a){
// var href = a.getAttribute('href');
// if (!href) return;
// href = href.replace(/index\.html?(\?|#|$)/i, '$1')
// .replace(/\.html?(\?|#|$)/i, '$1') // 拡張子なし化
// .replace(/\/+(\?|#|$)/, '$1'); // 末尾/除去
// a.setAttribute('href', href);
// });
});

$(function(){
var pageTop = $("#page_top");
pageTop.hide();

$(window).scroll(function () {
if($(this).scrollTop() >= 260) {
pageTop.fadeIn();
} else {
pageTop.fadeOut();
}
});
});

$(function(){
var pageTop = $(".foot-fix");
pageTop.hide();

$(window).scroll(function () {
if($(this).scrollTop() >= 260) {
pageTop.fadeIn();
} else {
pageTop.fadeOut();
}
});
});
$(function(){
$('a.scc[href^="#"]').click(function(){
let speed = 700;
let href= $(this).attr("href");
let target = $(href == "#" || href == "" ? 'html' : href);
let position = target.offset().top;
$("html, body").animate({scrollTop:position}, speed, "swing");
return false;
});
});

document.addEventListener('DOMContentLoaded', function () {
// 1) メニューの根本が無ければ終了
var nav = document.getElementById('main-menu');
if (!nav) { console.warn('[menu] #main-menu not found'); return; }

// 2) 子要素を取得（無ければその場でガード）
var btn = nav.querySelector('.menu-toggle');
var overlay = nav.querySelector('.menu-overlay');
var panel = nav.querySelector('.menu-panel');

if (!btn) { console.warn('[menu] .menu-toggle not found'); return; }
if (!panel) { console.warn('[menu] .menu-panel not found'); return; }
// overlay は任意だが、あればイベントを付ける

function openMenu() {
nav.classList.add('is-open');
btn.setAttribute('aria-expanded', 'true');
document.body.classList.add('no-scroll');
}
function closeMenu() {
nav.classList.remove('is-open');
btn.setAttribute('aria-expanded', 'false');
document.body.classList.remove('no-scroll');
}
function toggleMenu() {
nav.classList.contains('is-open') ? closeMenu() : openMenu();
}

btn.addEventListener('click', toggleMenu);

if (overlay) {
overlay.addEventListener('click', closeMenu);
} else {
console.warn('[menu] .menu-overlay not found (overlay click to close disabled)');
}

// メニュー内リンクで閉じる（SP幅のみ）
nav.querySelectorAll('.menu01 a').forEach(function (a) {
a.addEventListener('click', function () {
if (window.matchMedia('(max-width: 768px)').matches) closeMenu();
});
});

// ESCで閉じる（任意）
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') closeMenu();
});
});

(() => {
const TARGET_AFTER_ID = "hero"; // ← メニューを差し込みたい要素のID
const SOURCE_SELECTOR = ".menu-panel";
const SECONDARY_CLASS = "menu-panel--secondary";
const BP = 768; // ブレークポイント

const makeIdsUnique = (root, suffix = "-secondary") => {
root.querySelectorAll("[id]").forEach(el => {
if (!el.id.endsWith(suffix)) el.id += suffix;
});
};

const renderSecondaryMenu = () => {
const source = document.querySelector(SOURCE_SELECTOR);
const anchor = document.getElementById(TARGET_AFTER_ID);
if (!source || !anchor) return;

// 幅が768以下のときのみ表示
if (window.innerWidth <= BP) {
// 既存の複製を削除（重複防止）
if (!document.querySelector(`.${SECONDARY_CLASS}`)) {
const clone = source.cloneNode(true);
clone.classList.add(SECONDARY_CLASS);
makeIdsUnique(clone);
anchor.insertAdjacentElement("afterend", clone);
}
} else {
// 768超ならクローンを削除
document.querySelectorAll(`.${SECONDARY_CLASS}`).forEach(n => n.remove());
}
};

// 初期処理
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", renderSecondaryMenu);
} else {
renderSecondaryMenu();
}

// リサイズにも対応
window.addEventListener("resize", () => {
renderSecondaryMenu();
});
})();