Tween issues

Question

I'm having intermittent issues with a roll_over / roll_off tween.  I have had this problem before and being self taught, I'm wondering if I'm not doing something a little less than perfect.
The issue is, if I roll_off too fast, sometimes things get stuck.  Also, I seem to notice it more on Safari than I do on IE or Mozilla, which is another mystery to me as I was under the impression that Flash is not affected by browser.
If anyone could shed some light on this, it would be appreciated.
Here's the link: hxxp://gtwebconcepts.com/Junk/mosquito/Gateway
Here's the package:
package{
    import fl.transitions.easing.*;         // Stong.easeOut as opposed to linear
    import fl.transitions.Tween;
    import fl.transitions.TweenEvent;
    import flash.display.*;
    import flash.events.*;
    import flash.text.TextField;
    public class MosquitoAviation_AS extends MovieClip{
        public function MosquitoAviation_AS(){
            // image holder outline left
            var imageBorder:Shape = new Shape();
            imageBorder.graphics.lineStyle(3, 0xbdc3bc);
            imageBorder.graphics.drawRect(0,0,166,-133);
            addChild(imageBorder);
            imageBorder.visible = false;
            // image holder outline right           
            var imageBorderB:Shape = new Shape();
            imageBorderB.graphics.lineStyle(3, 0xbdc3bc);
            imageBorderB.graphics.drawRect(-4,-1,-150,-138);
            addChild(imageBorderB);
            imageBorderB.visible = false;
            // add to thumbnails to the stage
            var thumb1:thumb1_btn = new thumb1_btn();
            thumb1.x = 115;
            thumb1.y = 580;
            addChild(thumb1);
            var thumb2:thumb2_btn = new thumb2_btn();
            thumb2.x = 304;
            thumb2.y = 580;
            addChild(thumb2);
            var thumb3:thumb3_btn = new thumb3_btn();
            thumb3.x = 674;
            thumb3.y = 580;
            addChild(thumb3);
            var thumb4:thumb4_btn = new thumb4_btn();
            thumb4.x = 863;
            thumb4.y = 580;
            addChild(thumb4);
            // add event listeners
            thumb1.addEventListener(MouseEvent.ROLL_OVER, rollOn);
            thumb1.addEventListener(MouseEvent.ROLL_OUT, rollOff);
            thumb1.addEventListener(MouseEvent.CLICK, navPage1);
            thumb2.addEventListener(MouseEvent.ROLL_OVER, rollOn);
            thumb2.addEventListener(MouseEvent.ROLL_OUT, rollOff);
            thumb2.addEventListener(MouseEvent.CLICK, navPage2);
            thumb3.addEventListener(MouseEvent.ROLL_OVER, rollOnB);
            thumb3.addEventListener(MouseEvent.ROLL_OUT, rollOff);
            thumb3.addEventListener(MouseEvent.CLICK, navPage3);
            thumb4.addEventListener(MouseEvent.ROLL_OVER, rollOnB);
            thumb4.addEventListener(MouseEvent.ROLL_OUT, rollOff);
            thumb4.addEventListener(MouseEvent.CLICK, navPage4);
            // functions
            function rollOn(event:MouseEvent):void{
                var imgW:Tween = new Tween(event.target, "width", Strong.easeOut, 181, 196, 1, true);
                var imgH:Tween = new Tween(event.target, "height", Strong.easeOut, 118, 133, 1, true);
                var borderTween:Tween = new Tween(imageBorder, "alpha", Strong.easeOut, 0, 1, 1,true);
                var borderW:Tween = new Tween(imageBorder, "width", Strong.easeOut, 181, 194, 1, true);
                var borderH:Tween = new Tween(imageBorder, "height", Strong.easeOut, 118, 138, 1, true);
                imageBorder.visible = true;
                imageBorder.x = event.target.x;
                imageBorder.y = event.target.y;
                setChildIndex(event.target as MovieClip, numChildren-1);
                setChildIndex(imageBorder, numChildren-1);
            function rollOnB(event:MouseEvent):void{
                var imgW:Tween = new Tween(event.target, "width", Strong.easeOut, 181, 196, 1, true);
                var imgH:Tween = new Tween(event.target, "height", Strong.easeOut, 118, 133, 1, true);
                var borderTween:Tween = new Tween(imageBorderB, "alpha", Strong.easeOut, 0, 1, 1,true);
                var borderW:Tween = new Tween(imageBorderB, "width", Strong.easeOut, 181, 194, 1, true);
                var borderH:Tween = new Tween(imageBorderB, "height", Strong.easeOut, 118, 136, 1, true);
                imageBorderB.visible = true;
                imageBorderB.x = event.target.x;
                imageBorderB.y = event.target.y;
                setChildIndex(event.target as MovieClip, numChildren-1);
                setChildIndex(imageBorderB, numChildren-1);
            function rollOff(event:MouseEvent):void{
                var imgWBack:Tween = new Tween(event.target, "width", Strong.easeOut, 196, 181, 1, true);
                var imgHBack:Tween = new Tween(event.target, "height", Strong.easeOut, 133, 118, 1, true);
                imageBorder.visible = false;
                imageBorderB.visible = false;
                navText.text ="";
            function navPage1(event:MouseEvent):void{
                navText.text = "Navigate to pg 1";
            function navPage2(event:MouseEvent):void{
                navText.text = "Navigate to pg 2";
            function navPage3(event:MouseEvent):void{
                navText.text = "Navigate to pg 3";
            function navPage4(event:MouseEvent):void{
                navText.text = "Navigate to pg 4";

Answer 1

aniebel,
> David, could you explain further what you mean by
> adding properties at runtime?
The MovieClip class is dynamic, which means you may add
properties to
movie clips at runtime. For example, open a new FLA and
create a quick
movie clip. Give that clip an instance name -- say, mcTest --
and enter the
following into your Actions panel.
mcTest.testProperty = "test value";
Test that SWF and you'll see no errors. Debug it, and you'll
see the
mcTest instance with a new property, testProperty, attached
to it.
Now add another line beneath that first one.
import mx.transitions.Tween;
var tw:Tween = new Tween();
tw.testProperty = "test value";
Test again and you'll see an error:
**Error** Scene=Scene 1, layer=Layer 1, frame=1:Line 4: There
is no property
with the name 'testProperty'.
tw.testProperty = "test value";
Total ActionScript Errors: 1 Reported Errors: 1
Which means the compiler doesn't like it that you're trying
to add a
property to that Tween instance. The Tween class isn't
dynamic.
> I have successfully created functions such as the
> following which have properties added.
>
> //in frame 1
> function fSlide(mcName:MovieClip, begin:Number,
> end:Number, sec:Number):Void {
> new Tween(mcName, "_x", Strong.easeOut, begin, end, sec,
true);
> }
> //in frame 5
> fSlide(about_btn, 300, 200, 1);
I think you might be talking about the parameters (or
arguments) passed
into the fSlide() function, right? That's perfectly allowed,
because your
fSlide() function passes those arguments right into the Tween
constructor,
which *excepts* those arguments. Make sense?
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design."