title: Adobe Animate - Controlling outside movie clip on MouseOver
body: <p>I've created HTML5-canvas with movie clip on it using Adobe Animate CC 2017. This clip has buttons that rotate in a circle.</p>
  
  <p>Example: <a href="http://trinidadpena.com/testing/animate/MS_Holiday_2016.html" rel="nofollow noreferrer">http://trinidadpena.com/testing/animate/MS_Holiday_2016.html</a></p>
  
  <p>I'd like the the buttons to highlight when you roll over and for the clip to stop rotating. But I can't get it work on just MouseOver (eiffel tower, example)</p>
  
  <pre><code>var frequency = 3;
  stage.enableMouseOver(frequency);
  this.eiffel_tower.addEventListener("mouseover", fl_MouseOverHandler_4);
  
  function fl_MouseOverHandler_4()
  {
  
      this.parent.stop();
  
  }
  </code></pre>
  
  <p>It works just fine on MouseClick (big ben, example). </p>
  
  <pre><code>this.big_ben.addEventListener("click", fl_MouseClickHandler_4.bind(this));
  
  function fl_MouseClickHandler_4()
  {
      this.parent.stop();
  }
  </code></pre>
  
  <p>It works on MouseOver if I add code to trigger an alert box (state of liberty, example). But it breaks again if I delete the alert box code.</p>
  
  <pre><code>var frequency = 3;
  stage.enableMouseOver(frequency);
  this.stat_of_lib.addEventListener("mouseover", fl_MouseOverHandler_5);
  
  function fl_MouseOverHandler_5()
  {
  
      alert("Moused over");
      this.parent.stop();
  }
  </code></pre>
  
  <p>I haven't worked in ActionScript in a long time. What am I doing wrong? How can I get the buttons to stop the clips rotation when you rollover?</p>
  
  <p>Thanks in advance for your help! I'm pulling out my hair over here.</p>