`), position: 'bottom-right', autoOpen: false }; // Widget state let isWidgetOpen = false; let tvButton = null; let widgetOverlay = null; // Create TV Widget function createTVWidget() { // Create main widget container const widgetContainer = document.createElement('div'); widgetContainer.className = 'kamt-tv-widget'; widgetContainer.setAttribute('role', 'button'); widgetContainer.setAttribute('tabindex', '0'); widgetContainer.setAttribute('aria-label', 'Open Kings Ark Mingle Tube Entertainment Widget'); // Create TV button tvButton = document.createElement('div'); tvButton.className = 'kamt-tv-button'; tvButton.innerHTML = ` `; // Create widget overlay widgetOverlay = document.createElement('div'); widgetOverlay.className = 'kamt-widget-overlay'; widgetOverlay.innerHTML = ` × `; // Assemble widget widgetContainer.appendChild(tvButton); document.body.appendChild(widgetContainer); document.body.appendChild(widgetOverlay); // Add event listeners setupEventListeners(); console.log('🎬 Kings Ark Mingle Tube™ TV Widget loaded successfully!'); // Voice announcement if ('speechSynthesis' in window) { setTimeout(() => { const utterance = new SpeechSynthesisUtterance("Kings Ark Mingle Tube TV Widget is ready! Click the disco TV to start watching."); utterance.rate = 0.9; utterance.pitch = 1.1; speechSynthesis.speak(utterance); }, 1000); } } // Setup event listeners function setupEventListeners() { // TV Button click tvButton.addEventListener('click', openWidget); tvButton.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openWidget(); } }); // Close button const closeButton = widgetOverlay.querySelector('.kamt-close-button'); closeButton.addEventListener('click', closeWidget); // Overlay click to close widgetOverlay.addEventListener('click', (e) => { if (e.target === widgetOverlay) { closeWidget(); } }); // Keyboard shortcuts document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && isWidgetOpen) { closeWidget(); } }); // Listen for messages from iframe window.addEventListener('message', (event) => { if (event.data === 'close-widget') { closeWidget(); } }); // Prevent body scroll when widget is open const preventScroll = (e) => { if (isWidgetOpen) { e.preventDefault(); } }; document.addEventListener('wheel', preventScroll, { passive: false }); document.addEventListener('touchmove',preventScroll, { passive: false }); } // Open widget function openWidget() { if (isWidgetOpen) return; isWidgetOpen = true; tvButton.setAttribute('aria-pressed', 'true'); // Show overlay with animation widgetOverlay.style.display = 'block'; setTimeout(() => { widgetOverlay.classList.add('show'); }, 10); // Prevent body scroll document.body.style.overflow = 'hidden'; document.body.style.position = 'fixed'; document.body.style.width = '100%'; // Voice feedback if ('speechSynthesis' in window) { const utterance = new SpeechSynthesisUtterance("Opening Kings Ark Mingle Tube! Get ready for 500+ amazing videos!"); utterance.rate = 1.1; utterance.pitch = 1.2; speechSynthesis.speak(utterance); } // Hide loading after iframe loads const iframe = widgetOverlay.querySelector('.kamt-widget-iframe'); iframe.addEventListener('load', () => { const loading = widgetOverlay.querySelector('.kamt-loading'); if (loading) { loading.style.opacity = '0'; setTimeout(() => { loading.style.display = 'none'; }, 500); } }); // Analytics (optional) if (typeof gtag !== 'undefined') { gtag('event', 'widget_opened', { 'event_category': 'engagement', 'event_label': 'kings_ark_mingle_tube' }); } } // Close widget function closeWidget() { if (!isWidgetOpen) return; isWidgetOpen = false; tvButton.setAttribute('aria-pressed', 'false'); // Hide overlay with animation widgetOverlay.classList.remove('show'); setTimeout(() => { widgetOverlay.style.display = 'none'; }, 500); // Restore body scroll document.body.style.overflow = ''; document.body.style.position = ''; document.body.style.width = ''; // Voice feedback if ('speechSynthesis' in window) { const utterance = new SpeechSynthesisUtterance("Thanks for using Kings Ark Mingle Tube! Come back anytime!"); utterance.rate = 1.0; speechSynthesis.speak(utterance); } // Analytics (optional) if (typeof gtag !== 'undefined') { gtag('event', 'widget_closed', { 'event_category': 'engagement', 'event_label': 'kings_ark_mingle_tube' }); } } // Public API window.KingsArkMingleTubeTV = { open: openWidget, close: closeWidget, isOpen: () => isWidgetOpen, config: WIDGET_CONFIG }; // Initialize when DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', createTVWidget); } else { createTVWidget(); } // Auto-cleanup on page unload window.addEventListener('beforeunload', () => { if (isWidgetOpen) { closeWidget(); } }); })();