Adobe Animate - Controlling outside movie clip on MouseOver
<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>