Color states of a movie clip/btn A/S 2

Hi all,

I have a movie clip then when rolled over/out and hit changes the color of the movie clip. When the movie clip is hit it turns to red and stays red until clicked again to show it’s active. What I want it to do is stay red on a rollover in that state instead of the yellow it changes to from the non-activated state.

Here is the code:

/*CRAYON A/S*/

var crayonActive = false;

crayonHit.onRollOver = function()
    
{
    if (crayonactive)
    {
    myColor = new Color(_root.crayon); 
    myColor.setRGB(0xFFCC00);
    }
else
{
    
    myColor = new Color(_root.crayon); 
    myColor.setRGB(0xE31836);
}
}


crayonHit.onRollOut = function()

{
    if (!crayonActive)
    {
    myColor = new Color(_root.crayon); 
       myColor.setRGB(0xA8D7EA);
    }
    
}

crayonHit.onPress = function()
{
    crayonActive = !crayonActive;
    if (crayonActive)
    {
        // 1. SETTING THINGS
        _root.createEmptyMovieClip("line", 1);
        myColor = new Color(_root.crayon); 
           myColor.setRGB(0xE31836);
        
        // 2. EVENTS IN _ROOT:
        _root.onMouseDown = function()
        {
            line.moveTo(_xmouse, _ymouse);
            line.lineStyle(3, 0xE31836, 100);
            this.onMouseMove = function()
            {
                line.lineTo(_xmouse, _ymouse);
                updateAfterEvent();
            };
        };
        _root.onMouseUp = function()
        {
            this.onMouseMove = null;
        };        
    } 
    else
    {
        _root.line.clear();
        onMouseDown = null;
        
        myColor = new Color(_root.crayon); 
           myColor.setRGB(0xA8D7EA);
    }
}

Any suggestions?