Problems with RollOver and RollOut

programming flash
1

hi
i gotta question, i’m trying to simulate something similar to the rollOver Scrolling menu in this site http://www.dhondt-deuren-trappen.be/.

I tried with the Flash MX 2004 Undocumented Tween/Easing Classes Documented and it works fine, but… if i move the mouse fast over the rollover images evrything got messy, so i might be doin’ something wrong.

i also tried with onEnterFrame and i got the same problem.

could someone please help me to fix this code, or point me towards the way to get the things right

thanks in advance for any reply, greetings Davis

here it’s a little bit of the code i’m using

photos.photo1.onRollOver = function() {
	ab();
};
photos.photo1.onRollOut = function() {
	abr();
};
function ab() {
	new mx.transitions.Tween(photos.photo1.mascara1, "_width", mx.transitions.easing.Strong.easeOut, photos.photo1.mascara1._width, 170, 1, true);
	//new mx.transitions.Tween(azul_bajo, "_width", mx.transitions.easing.Strong.easeOut, azul_bajo._width, 170, 1, true);
	new mx.transitions.Tween(photos.photo2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2._x, 687, 1, true);
	new mx.transitions.Tween(photos.photo3, "_x", mx.transitions.easing.Strong.easeOut, photos.photo3._x, 832, 1, true);
	new mx.transitions.Tween(photos.photo4, "_x", mx.transitions.easing.Strong.easeOut, photos.photo4._x, 978, 1, true);
	//
	new mx.transitions.Tween(photos.photo1.color1, "_x", mx.transitions.easing.Strong.easeOut, photos.photo1.color1._x, 174, 1, true);
	new mx.transitions.Tween(photos.photo1.color1, "_width", mx.transitions.easing.Strong.easeOut, photos.photo1.color1._width, 405, 1, true);
	//new mx.transitions.Tween(photos.photo1.color1, "_alpha", mx.transitions.easing.Strong.easeOut, photos.photo1.color1._alpha, 100, 1, true);
}
//
function abr() {
	new mx.transitions.Tween(photos.photo1.mascara1, "_width", mx.transitions.easing.Strong.easeOut, photos.photo1.mascara1._width, 142, 1, true);
	//new mx.transitions.Tween(azul_bajo, "_width", mx.transitions.easing.Strong.easeOut, azul_bajo._width, 144, 1, true);
	new mx.transitions.Tween(photos.photo2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2._x, 144.9, 1.5, true);
	new mx.transitions.Tween(photos.photo3, "_x", mx.transitions.easing.Strong.easeOut, photos.photo3._x, 290.1, 1.7, true);
	new mx.transitions.Tween(photos.photo4, "_x", mx.transitions.easing.Strong.easeOut, photos.photo4._x, 435.7, 1.9, true);
	//--
	//new mx.transitions.Tween(photo4, "_x", mx.transitions.easing.Strong.easeOut, photo4._x, 1000, .5, true);
	//
	new mx.transitions.Tween(photos.photo1.color1, "_x", mx.transitions.easing.Strong.easeOut, photos.photo1.color1._x, 100, 1, true);
	new mx.transitions.Tween(photos.photo1.color1, "_width", mx.transitions.easing.Strong.easeOut, photos.photo1.color1._width, 0, 1, true);
	
}
//===================================================================
//===================================================================

photos.photo2.onRollOver = function() {
	rb();
};
 
```html
//
photos.photo2.onRollOut = function() {
	rbr();
};

//
function rb() {
	new mx.transitions.Tween(photos.photo2.mask2, "_width", mx.transitions.easing.Strong.easeOut, photos.photo1.mask1._width, 170, 1, true);
	//new mx.transitions.Tween(azul_bajo, "_width", mx.transitions.easing.Strong.easeOut, azul_bajo._width, 170, 1, true);
	new mx.transitions.Tween(photos.photo1, "_x", mx.transitions.easing.Strong.easeOut, photos.photo1._x, -150, 1, true);
	new mx.transitions.Tween(photos.photo2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2._x, 0, 1, true);
	new mx.transitions.Tween(photos.photo3, "_x", mx.transitions.easing.Strong.easeOut, photos.photo3._x, 900, 1, true);
	new mx.transitions.Tween(photos.photo4, "_x", mx.transitions.easing.Strong.easeOut, photos.photo4._x, 1010, 1, true);
	//
	new mx.transitions.Tween(photos.photo2.color2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2.color2._x, 174, 1, true);
	new mx.transitions.Tween(photos.photo2.color2, "_width", mx.transitions.easing.Strong.easeOut, photos.photo2.color2._width, 405, 1, true);
	//

}
//
function rbr() {
	new mx.transitions.Tween(photos.photo2.mask2, "_width", mx.transitions.easing.Strong.easeOut, photos.photo2.mask2._width, 142, 1, true);
	//new mx.transitions.Tween(azul_bajo, "_width", mx.transitions.easing.Strong.easeOut, azul_bajo._width, 142, 1, true);
	new mx.transitions.Tween(photos.photo1, "_x", mx.transitions.easing.Strong.easeOut, photos.photo1._x, 0, 2, true);
	new mx.transitions.Tween(photos.photo2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2._x, 144.9, 1.5, true);
	new mx.transitions.Tween(photos.photo3, "_x", mx.transitions.easing.Strong.easeOut, photos.photo3._x, 290.1, 1.7, true);
	new mx.transitions.Tween(photos.photo4, "_x", mx.transitions.easing.Strong.easeOut, photos.photo4._x, 435.7, 1.9, true);
	//
	new mx.transitions.Tween(photos.photo2.color2, "_x", mx.transitions.easing.Strong.easeOut, photos.photo2.color2._x, 100, 1, true);
	new mx.transitions.Tween(photos.photo2.color2, "_width", mx.transitions.easing.Strong.easeOut, photos.photo2.color2._width, 0, 1, true);
	//

}