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

Question

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:
stop(); /*This ensures no animations are playing on the first frame*/
/*Mouse over event for redbutton1*/
redbutton1.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverToGoToAndPlayFromFrame_2);
function fl_MouseOverToGoToAndPlayFromFrame_2(event:MouseEvent):void
     gotoAndPlay(2); /*This is the frame where the animaton triggered by redbutton1 is located*/
/* Mouse Out Event for redbutton1*/
redbutton1.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);
function fl_MouseOutHandler_3(event:MouseEvent):void
     gotoAndPlay(1) /*takes animation back to the start of timeline where it stops*/
/*Mouse over event for bluebutton1*/
bluebutton1.addEventListener(MouseEvent.MOUSE_OVER, fl_MouseOverToGoToAndPlayFromFrame_2);
function fl_MouseOverToGoToAndPlayFromFrame_2(event:MouseEvent):void
     gotoAndPlay(30); /*This is the frame where the animaton triggered by bluebutton1 is located*/
/* Mouse Out Event for bluebutton1*/
bluebutton1.addEventListener(MouseEvent.MOUSE_OUT, fl_MouseOutHandler_3);
function fl_MouseOutHandler_3(event:MouseEvent):void
     gotoAndPlay(1) /*takes animation back to the start of timeline where it stops*/
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.

Answer 1

It will help oif you show the code for the code-based tweening.  The basics of getting it working with the MOUSE_OVER/OUR commands is fairly straightforward. 
You have listeners for both events, and the handlers for each listener is where you activate the tweens.  For more seamless functionality it is usually a good idea to have the starting point of the tween be the point where the object currently is (its x or y (or both) propertiy) instead of a fixed value.