document.getElementById("AudioOn").addEventListener("mouseover", showVolumeControl); document.getElementById("AudioOn").addEventListener("click", toggleVolumeControl); document.getElementById("VolumeControl").addEventListener("mouseout", hideVolumeControl); function showVolumeControl() { //console.log("showVolumeControl fired!"); cp.show("VolumeControl"); document.getElementById("CC").addEventListener("mouseover", hideVolumeControl); document.getElementById("playbarSlider").addEventListener("mouseover", hideVolumeControl); document.getElementById("main_container").addEventListener("mouseleave", hideVolumeControl); } function hideVolumeControl() { //console.log("hideVolumeControl fired!"); cp.hide("VolumeControl"); document.getElementById("CC").removeEventListener("mouseover", hideVolumeControl); document.getElementById("playbarSlider").removeEventListener("mouseover", hideVolumeControl); document.getElementById("main_container").removeEventListener("mouseleave", hideVolumeControl); } function toggleVolumeControl() { //console.log("toggleVolumeControl fired!"); if (cp.movie.am.muted == false) { //console.log("showVolumeControl branch triggered!"); showVolumeControl(); document.getElementById("AudioOn").addEventListener("mouseover", showVolumeControl); } else { //console.log("hideVolumeControl branch triggered!"); hideVolumeControl(); document.getElementById("AudioOn").removeEventListener("mouseover", showVolumeControl); } }