function gradioCustomJS() {
	console.log("gradioCustomJS Started")
  
    //component-15
    const tabNav = document.querySelector("#component-153 > div.tab-nav.svelte-1uw5tnk")
    /*const tabNav = document.querySelector('.tab-nav')
    tabNav.addEventListener("wheel", (event) => {
    	event.preventDefault()
    	const scrollLeft = tabNav.scrollLeft + event.deltaY
    	tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    })
    tabNav.addEventListener("mouseover", () => {
    	tabNav.addEventListener("wheel", (event) => {
    		event.preventDefault()
    		let scrollLeft = 0;
            Math.sign(event.deltaY) < 0 && (scrollLeft = tabNav.scrollLeft - 20), Math.sign(event.deltaY) > 0 && (scrollLeft = tabNav.scrollLeft + 20);
    		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    	})
    })
    
    tabNav.addEventListener("mouseout", () => {
    	tabNav.removeEventListener("wheel", (event) => {
    		event.preventDefault()
    		const scrollLeft = tabNav.scrollLeft + event.deltaY
    		tabNav.scrollLeft = Math.max(0, Math.min(scrollLeft, tabNav.scrollWidth - tabNav.clientWidth))
    	})
    })
    */
    
    // Funktion, um die Scroll-Richtung des Mausrads zu übersetzen
		function translateMouseWheel(e) {
		  if (e.type === 'wheel') {
			if (e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk")) {
			  if (e.deltaY > 0) {
				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft += 50;
			  } else if (e.deltaY < 0) {
				e.target.closest("#component-153 > div.tab-nav.svelte-1uw5tnk").scrollLeft -= 50;
			  }
			  e.preDefault();
			}
		  }
		}

		// Füge die Funktion zum Event-Listener hinzu
		//document.querySelector('.tab-nav').addEventListener('wheel', translateMouseWheel);
		document.addEventListener('wheel', translateMouseWheel);

  	return "Custom Gradio JS"
}