How to make movieclip controlled by button fade in/out on mouse over/out?

Hi,

I am new to Flash, and have tried searching numerous forums to the answer to this question, but nothing I try seems to work. Basically I am trying to create a single “Image” that triggers different animations when you mouse over different invisible buttons located on specific areas. The technique I am using is basically spacing out the animations over different frames, and using the gotoAndPlay command specifying the where the relevant animation is located.

Here is the code from my actions layer with two animations:

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]stop(); /This ensures no animations are playing on the first frame/[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]/Mouse over event for redbutton1/[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]redbutton1.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverToGoToAndPlayFromFrame_2);[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]function fl_MouseOverToGoToAndPlayFromFrame_2(event:MouseEvent):void[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]{[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080] gotoAndPlay(2); /This is the frame where the animaton triggered by redbutton1 is located/[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]}[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]/* Mouse Out Event for redbutton1*/[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]redbutton1.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]function fl_MouseOutHandler_3(event:MouseEvent):void[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]{[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080] gotoAndPlay(1) /takes animation back to the start of timeline where it stops/[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]}[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]/Mouse over event for bluebutton1/[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]bluebutton1.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverToGoToAndPlayFromFrame_2);[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]function fl_MouseOverToGoToAndPlayFromFrame_2(event:MouseEvent):void[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]{[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080] gotoAndPlay(30); /This is the frame where the animaton triggered by bluebutton1 is located/[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]}[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]/* Mouse Out Event for bluebutton1*/[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]bluebutton1.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]function fl_MouseOutHandler_3(event:MouseEvent):void[/COLOR][/FONT][/COLOR]

[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]{[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080] gotoAndPlay(1) /takes animation back to the start of timeline where it stops/[/COLOR][/FONT][/COLOR]
[COLOR=#333333][FONT=adobe-clean][COLOR=#008080]}[/COLOR][/FONT][/COLOR]

Now basically all I need is some code that means that instead of abruptly starting and stopping the animation, the animation will fade in/out whenever the mouseover/out events are triggered. Note: the animation doesn’t have to finish, it basically only plays while the mouse is over.

Any help would be greatly appreciated.