How to maintain a movieclip's color between frames?

Question

My app has 2 frames; in frame 1 there are 5 MC and on a DOUBLE_CLICK event the target's color change and go to the next frame 2.
In frame 2 I have a button to return to frame 1.

How can i maintain the MC color when I return to frame 1?

public class test extends MovieClip
{
    public function test()
    {
        var myMCTable:Array = [myMC1, myMC2, myMC3, myMC4, myMC5];
        for (var i:uint = 0; i < myMCTable.length; i++)
        {
            myMCTable[i].doubleClickEnabled = true;
            myMCTable[i].addEventListener(MouseEvent.DOUBLE_CLICK, changeColor);
        }
    }

    private function changeColor(e:MouseEvent) : void
    {
        var newColorTransform:ColorTransform = (e.target).transform.colorTransform;
        newColorTransform.color = Math.random() * 0xFFFFFF;
        (e.target).transform.colorTransform = newColorTransform;
        nextFrame();
        goBack_btn.addEventListener(MouseEvent.CLICK, goBack);
    }

    private function goBack(e:MouseEvent) : void
    {
        prevFrame();
    }
}

Answer 1

The simplest way would be to have three frames, create your MCs on frame 1 and switch between frame 2 and 3.

You could also store the color information in an object.

_color[e.target.id] = newColorTransform.color;

And then retrieve it and apply it. But there again you will need to have the initialization of your data object on a previous, third frame. If you don't it will be reinitialized and you will lose your colors.

Answer 2

If you make a class for the movieclips (you have 5 I believe) that they all share. Create a class property called myColor, then update each individual movieclip object's "myColor" property whenever it is double-clicked and the color changes, you can make the "goBack()" method re-apply each movieclip's color from its own property.

Does this make sense?