YUI: Animation Sequences

One thing I have noticed about the YUI Animation libs, is that if you assign 2 movements to the same item & animate them, the resulting animation is not what is expected.

The object of these examples is to show how to make animation sequences, e.g. how to animate an object in two different ways one after another. This is how I want the animation to occur: As it moves, I want the DIV get smaller, then at some point change the DIV's class and have the DIV start getting bigger. Also, It needed to do this as it was moving across the screen. Here I have 2 examples, one is the code I expected to work (example 1), the other is how to make work (example 2).

Example 1 - Example 2 - Reset

Test Item 1