title: Remove mouseover in div with JS-Function
body: <p>I want to be able to enable and disable the mouseover function call of a certain div-id and it just won't work.</p>
  
  <pre><code>function revertcontent(){
    document.getElementById('content').src='img/content.jpg';
    document.getElementById('zentrum').addEventlistener("mouseover",true);
  }
  function dias( klick ){
    document.getElementById('content').src='img/'+klick+'.jpg';
    document.getElementById('zentrum').removeEventlistener("mouseover",true);
  }
  </code></pre>
  
  <p>here is the div, that has the mouseover function call:</p>
  
  <pre><code>&lt;div class="cont"&gt;
      &lt;div id="zentrum" onmouseover="showvita()" onmouseout="revertcontent()"&gt;
           &lt;img src="img/content.jpg" id="content" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So, I basically want to disable the mouseover when the function (dias) is called, and reenable it when the function (revertcontent) is called. (revertcontent does get called by other button presses as well.</p>
  
  <p>It doesn't seem to work at all with the EventListeners.</p>
  
  <p>Thanks in advance for your help! I am no coder, just a hobby-ist</p>