function ready(fn) { if (document.readyState !== 'loading') { fn(); } else { document.addEventListener('DOMContentLoaded', fn); } }

ready(function() { var playButton = document.getElementById('totonoePlayButton'); var playIcon = document.getElementById('totonoePlayIcon'); var volumeSlider = document.getElementById('totonoeVolumeSlider'); var coreSlider = document.getElementById('totonoeCoreSlider'); var highCenterSlider = document.getElementById('totonoeHighCenterSlider'); var highCenterToggle = document.getElementById('totonoeHighCenterToggle'); var highCenterControl = document.getElementById('totonoeHighCenterControl'); var volumeValue = document.getElementById('totonoeVolumeValue'); var phaseBtns = document.querySelectorAll('.getta-totonoe-phase-btn');

if (!playButton) { console.log('TOTONOE: Play button not found'); return; }

var audioContext = null; var gainNode = null; var coreGainNode = null; var highCenterGainNode = null; var oscillators = []; var isPlaying = false; var currentPhase = 0; var rhythmInterval = null; var highCenterInterval = null; var highCenterEnabled = false;

var phases = [ { hasDrum: false, tempo: 0 }, { hasDrum: true, tempo: 60 }, { hasDrum: true, tempo: 58, drumPattern: 'dodon' }, { hasDrum: false, tempo: 0 } ];

function initAudio() { if (!audioContext) { try { audioContext = new (window.AudioContext || window.webkitAudioContext)();

gainNode = audioContext.createGain(); gainNode.connect(audioContext.destination);

coreGainNode = audioContext.createGain(); coreGainNode.connect(audioContext.destination);

highCenterGainNode = audioContext.createGain(); highCenterGainNode.connect(audioContext.destination);

updateVolume(); } catch (e) { console.log('TOTONOE: Audio Context error', e); return false; } } if (audioContext.state === 'suspended') { audioContext.resume(); } return true; }

function updateVolume() { if (!gainNode || !audioContext) return;

var vol = volumeSlider ? volumeSlider.value / 100 : 0.7; var core = coreSlider ? coreSlider.value / 100 : 0.6; var high = highCenterSlider ? highCenterSlider.value / 100 : 0.5;

gainNode.gain.setTargetAtTime(vol, audioContext.currentTime, 0.1); coreGainNode.gain.setTargetAtTime(vol * core, audioContext.currentTime, 0.1); highCenterGainNode.gain.setTargetAtTime(vol * high, audioContext.currentTime, 0.1);

if (volumeValue) { volumeValue.textContent = Math.round(vol * 100) + '%'; } }

function stopAllOscillators() { oscillators.forEach(function(osc) { try { osc.stop(); osc.disconnect(); } catch(e) {} }); oscillators = []; if (rhythmInterval) { clearInterval(rhythmInterval); rhythmInterval = null; } if (highCenterInterval) { clearInterval(highCenterInterval); highCenterInterval = null; } }

function createOscillator(freq, type, destNode, rampTime, startVol, endVol) { if (!audioContext) return null;

rampTime = rampTime || 2; startVol = startVol || 0; endVol = endVol || 0.1;

var osc = audioContext.createOscillator(); var gain = audioContext.createGain(); osc.type = type; osc.frequency.value = freq; osc.connect(gain); gain.connect(destNode);

var now = audioContext.currentTime; gain.gain.setValueAtTime(startVol, now); gain.gain.linearRampToValueAtTime(endVol, now + rampTime);

osc.start(); oscillators.push(osc); return { osc: osc, gain: gain }; }

function playCoreSound() { [110, 130, 150].forEach(function(freq, i) { createOscillator(freq, 'sine', coreGainNode, 3, 0, 0.08 + i * 0.03); }); }

function playAmbient() { var freqs = currentPhase === 0 ? [174, 261.63, 329.63] : currentPhase === 1 ? [196, 293.66, 392] : currentPhase === 2 ? [220, 329.63, 440] : [220, 329.63, 440];

freqs.forEach(function(freq, i) { createOscillator(freq, 'sine', gainNode, 2, 0, 0.04 + i * 0.015); }); }

function playDrum(isAccent) { if (!audioContext) return;

var now = audioContext.currentTime; var osc = audioContext.createOscillator(); var gain = audioContext.createGain();

osc.frequency.setValueAtTime(150, now); osc.frequency.exponentialRampToValueAtTime(50, now + 0.1);

gain.gain.setValueAtTime(isAccent ? 0.8 : 0.6, now); gain.gain.exponentialRampToValueAtTime(0.01, now + 0.3);

osc.connect(gain); gain.connect(gainNode); osc.start(now); osc.stop(now + 0.3);

var hOsc = audioContext.createOscillator(); var hGain = audioContext.createGain(); hOsc.type = 'triangle'; hOsc.frequency.value = 110; hGain.gain.setValueAtTime(0, now); hGain.gain.linearRampToValueAtTime(isAccent ? 0.15 : 0.1, now + 0.02); hGain.gain.exponentialRampToValueAtTime(0.01, now + 0.25);

hOsc.connect(hGain); hGain.connect(coreGainNode); hOsc.start(now); hOsc.stop(now + 0.25); }

function playHighCenter() { if (!audioContext) return;

var now = audioContext.currentTime; var osc = audioContext.createOscillator(); var gain = audioContext.createGain();

osc.frequency.setValueAtTime(200, now); osc.frequency.exponentialRampToValueAtTime(600, now + 0.4);

gain.gain.setValueAtTime(0, now); gain.gain.linearRampToValueAtTime(0.25, now + 0.05); gain.gain.exponentialRampToValueAtTime(0.01, now + 0.4);

osc.connect(gain); gain.connect(highCenterGainNode); osc.start(now); osc.stop(now + 0.4); }

function startPlaying() { if (!initAudio()) return;

stopAllOscillators();

playAmbient(); playCoreSound();

var phase = phases[currentPhase]; if (phase.hasDrum) { var interval = 60000 / phase.tempo; var beat = 0;

rhythmInterval = setInterval(function() { if (phase.drumPattern === 'dodon') { var pos = beat % 4; if (pos === 0 || pos === 1) playDrum(false); else if (pos === 2) playDrum(true); } else { playDrum(beat % 2 === 0); } beat++; }, interval); }

if (highCenterEnabled) { highCenterInterval = setInterval(function() { if (highCenterEnabled) playHighCenter(); }, 1000); }

isPlaying = true; updatePlayButton(); }

function stopPlaying() { stopAllOscillators(); isPlaying = false; updatePlayButton(); }

function updatePlayButton() { if (!playButton || !playIcon) return;

if (isPlaying) { playButton.classList.add('playing'); playIcon.className = 'getta-totonoe-icon-pause'; } else { playButton.classList.remove('playing'); playIcon.className = 'getta-totonoe-icon-play'; } }

playButton.addEventListener('click', function() { if (isPlaying) { stopPlaying(); } else { startPlaying(); } });

playButton.addEventListener('keydown', function(e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); if (isPlaying) { stopPlaying(); } else { startPlaying(); } } });

phaseBtns.forEach(function(btn, idx) { btn.addEventListener('click', function() { phaseBtns.forEach(function(b) { b.classList.remove('active'); }); btn.classList.add('active'); currentPhase = idx;

if (isPlaying) startPlaying(); }); });

if (volumeSlider) { volumeSlider.addEventListener('input', updateVolume); } if (coreSlider) { coreSlider.addEventListener('input', updateVolume); } if (highCenterSlider) { highCenterSlider.addEventListener('input', updateVolume); }

if (highCenterToggle) { highCenterToggle.addEventListener('click', function() { highCenterEnabled = !highCenterEnabled; this.textContent = highCenterEnabled ? 'ON' : 'OFF'; this.classList.toggle('active');

if (highCenterControl) { highCenterControl.style.display = highCenterEnabled ? 'block' : 'none'; }

if (isPlaying) { if (highCenterEnabled && !highCenterInterval) { highCenterInterval = setInterval(function() { if (highCenterEnabled) playHighCenter(); }, 1000); } else if (!highCenterEnabled && highCenterInterval) { clearInterval(highCenterInterval); highCenterInterval = null; } } }); }

var animateElements = document.querySelectorAll('.getta-totonoe-animate');

function checkVisible() { var windowHeight = window.innerHeight; var triggerPoint = windowHeight * 0.85;

animateElements.forEach(function(el) { var rect = el.getBoundingClientRect(); if (rect.top