Weird Problem with Tween Class

programming flash
1

I’m have been testing some ideas for buttons for a site i’m working on…

I have the tween working great, but I am getting a weird pop at the end.

The AS is:


import mx.transitions.Tween;
import mx.transitions.easing.*;

btn_pals.onRollOver = over;
btn_pals.onRollOut = out;
btn_theater.onRollOver = over;
btn_theater.onRollOut = out;
btn_tools.onRollOver = over;
btn_tools.onRollOut = out;
btn_creed.onRollOver = over;
btn_creed.onRollOut = out;
btn_contests.onRollOver = over;
btn_contests.onRollOut = out;

function over()
{
	 var xgrow:Object = new Tween(this, "_xscale", Elastic.easeOut, this._xscale, 125, 1, true);
	 var ygrow:Object = new Tween(this, "_yscale", Elastic.easeOut, this._yscale, 125, 1, true);
	 var xgrow2:Object = new Tween(this.link, "_xscale", Elastic.easeOut, this._xscale, 175, 2, true);
	 var ygrow2:Object = new Tween(this.link, "_yscale", Elastic.easeOut, this._yscale, 175, 2, true);
}

function out()
{
	 var xgrow3:Object = new Tween(this, "_xscale", Elastic.easeOut, this._xscale, 100, 1, true);
	 var ygrow3:Object = new Tween(this, "_yscale", Elastic.easeOut, this._yscale, 100, 1, true);
	 var xgrow4:Object = new Tween(this.link, "_xscale", Elastic.easeOut, this._xscale, 100, 1, true);
	 var ygrow4:Object = new Tween(this.link, "_yscale", Elastic.easeOut, this._yscale, 100, 1, true);
}

Here is the swf:
SWF

If someone can tell me what is going on, please explain. Thanks so much in advance.