Tween Class - tweening lines

programming flash
1

I have 5 seperate movie clips that each contain 5 lines, which are contained within their own individual movieclips, each with their own instance name.

I have written a function, included below, that uses the tween class to make one set of lines move/morph to the location of the second set, contained within the other movieclip.

It’s basically a transition… it’s for the navigation of a site I’m working on. When you click a different navigation link, the lines that the nav & content are based around morph/change.

The problem I’m having is not all the lines tween to the right location/position. I’ve attached a 2 screenshots to show…

I’ve tried the function with the addition of the _xscale, _yscale, and _rotation properties, but they don’t change anything.

Heres the function:

function moveLines(begin, end) {
    //this moves the MC that holds the 5 lines to the x/y pos of the other MC.
    var x_container:Tween = new Tween(_root[begin], "_x", Regular.easeOut, _root[begin]._x, _root[end]._x, 10, false);
    var y_container:Tween = new Tween(_root[begin], "_y", Regular.easeOut, _root[begin]._y, _root[end]._y, 10, false);


    //this is the loop that gets the start/end variables and creates the tweens
    for (i=1; i<=5; i++) {
        x_begin = _root[begin]["l" + i]._x;
        x_end = _root[end]["l" + i]._x;
        
        y_begin = _root[begin]["l" + i]._y;
        y_end = _root[end]["l" + i]._y;
        
        height_begin = _root[begin]["l" + i]._height;
        height_end = _root[end]["l" + i]._height;
        
        width_begin = _root[begin]["l" + i]._width;
        width_end = _root[end]["l" + i]._width;
        
        var x_tween:Tween = new Tween(_root[begin]["l" + i], "_x", Regular.easeOut, x_begin, x_end, 15, false);
        var y_tween:Tween = new Tween(_root[begin]["l" + i], "_y", Regular.easeOut, y_begin, y_end, 15, false);
        var height_tween:Tween = new Tween(_root[begin]["l" + i], "_height", Regular.easeOut, height_begin, height_end, 15, false);
        var width_tween:Tween = new Tween(_root[begin]["l" + i], "_width", Regular.easeOut, width_begin, width_end, 15, false);
    }
}

Now here are the screenshots. The first is before the tween occurs, and the second is after. As you can see, some of the lines don’t fall into the right position. Any help is greatly appreciated! I have a deadline for this this week and I’m freaking out!

before tween:
http://sagebrown.com/before.jpg

after tween:
http://sagebrown.com/after.jpg