https://mtc68.bet/wp-content/plugins/foxtool/link/chat/foxchat.js?ver=2.5.2

1document.addEventListener('DOMContentLoaded', function() {
2// chat on
3let chatlastScrollTop = 0;
4const chatmojs = document.getElementById('chat-mojs');
5if (chatmojs) {
6    window.addEventListener('scroll', function() {
7        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
8        if (scrollTop > chatlastScrollTop) {
9            chatmojs.classList.add('chathi');
10        } else {
11            chatmojs.classList.remove('chathi');
12        }
13        chatlastScrollTop = scrollTop <= 0 ? 0 : scrollTop; 
14    });
15}
16// svg to chaton
17const chaton2 = document.getElementById('ft-chaton2');
18const chatona = document.getElementById('chatona');
19if (chaton2 && chatona) {
20	const originalIcon = chatona.innerHTML;
21	const observer = new MutationObserver(() => {
22		if (chaton2.style.display === 'block') {
23			chatona.innerHTML = `
24				<div class="original-icon" style="display: none;">${originalIcon}</div>
25				<svg class="khacus" width="100%" height="100%" viewBox="0 0 70 70" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421">
26					<g id="close_1_" transform="matrix(0.0803948,0,0,0.0803948,14.4189,14.4189)">
27						<path d="M48.536,508.793C35.983,509.523 23.638,505.35 14.104,497.154C-4.7,478.238 -4.7,447.688 14.104,428.773L425.842,17.033C445.4,-1.268 476.089,-0.251 494.389,19.307C510.938,36.992 511.903,64.176 496.648,82.989L82.483,497.154C73.071,505.232 60.924,509.397 48.536,508.793Z" style="fill:#fff;fill-rule:nonzero"/>
28						<path d="M459.791,508.793C447.069,508.739 434.875,503.689 425.842,494.729L14.102,82.988C-3.319,62.644 -0.95,32.029 19.393,14.607C37.55,-0.942 64.328,-0.942 82.483,14.607L496.648,426.347C516.2,444.652 517.211,475.343 498.906,494.896C498.178,495.673 497.425,496.426 496.648,497.154C486.506,505.973 473.16,510.187 459.791,508.793Z" style="fill:#fff;fill-rule:nonzero"/>
29					</g>
30				</svg>
31			`;
32		} else if (chaton2.style.display === 'none') {
33			chatona.innerHTML = originalIcon;
34		}
35	});
36	observer.observe(chaton2, { attributes: true, attributeFilter: ['style'] });
37}
38// navi
39let navilastScrollTop = 0;
40const navimojs = document.getElementById('navi-mojs');
41const navimojsc = document.getElementById('ft-navi-chaton');
42const navimojsm = document.getElementById('ft-navi-menu');
43const chatontab1 = document.getElementById('ft-chaton2');
44const chatontab2 = document.getElementById('ft-chaton');
45if (navimojs) {
46    window.addEventListener('scroll', function() {
47        let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
48        if (scrollTop > navilastScrollTop) {
49            navimojs.classList.add('navihi');
50			if (navimojsc) {
51                navimojsc.style.display = 'none';
52            }
53            if (navimojsm) {
54                navimojsm.style.display = 'none';
55            }
56			if (chatontab1) {
57                chatontab1.style.display = 'none';
58            }
59			if (chatontab2) {
60                chatontab2.style.display = 'none';
61            }
62        } else {
63            navimojs.classList.remove('navihi');
64        }
65        navilastScrollTop = scrollTop <= 0 ? 0 : scrollTop; 
66    });
67}
68// navi menu
69const foxnavi = document.getElementById('foxnavi');
70if (foxnavi) {
71	foxnavi.addEventListener('click', function(event) {
72		event.preventDefault(); 
73		const element = document.querySelector('.ft-navi-me');
74		if (element.style.display === 'block') {
75			element.style.display = 'none';
76		} else {
77			element.style.display = 'block';
78		}
79	});
80}
81});