box. 11. Label the remaining keyframes section1, section2, section3, and so on. [View full size image] [View full size image] Animating the Active Selection Marker You've labeled the frames so that each section represents one of the buttons. Now, you'll move the active selection marker to correspond with each button. In order to move the marker, you must first convert it to a symbol that you can animate within the marker symbol. 1. Select frame 1 of the Active Selection layer, and select the marker symbol on the Stage. 2. Press F8 to convert it to a symbol. Select Movie Clip, and name the symbol active_selection, and then click OK. 3. Select the active_selection symbol on the Stage, and align its left edge with the left edge of the home button. Nudge it so that it is slightly above the button. 4. Select frame 7 in the Active Selection layer, directly beneath the section1 label. Press F6 to insert a keyframe. 5. Select the active_selection symbol on the Stage, and press the Shift key as you move it over the second button. Pressing the Shift key constrains the movement so it's easier to keep the object horizontal. 6. Select frame 14 in the Active Selection layer, press F6 to insert a keyframe, and move the active_selection symbol over the third button. 7. Repeat step 6 to move the active_selection symbol over the fourth button for frame 21, the fifth button for frame 28, the sixth button for frame 35, and the last button for frame 42. [View full size image] 8. Select frame 1 in the Labels layer, and choose Windows > Actions to open the Actions panel. It's good practice to create a separate Actions layer for ActionScript, so that you can quickly find, edit, and troubleshoot the script. However, you can apply script to a frame in any layer. Because you're only creating a simple stop action, you don't need a separate Actions layer in this symbol's Timeline. When you apply ActionScript, Flash adds a lowercase a to the frame. 9. Enter a stop action in the Actions panel by typing stop(); 10. Close the Actions panel, and click Scene 1 to return to the main Timeline. 11. Choose Control > Test Movie. Click each button. When the button is released, the appropriate photo should load in the center of the Stage. The website is interactive, so viewers can see each photo up close and return to the initial movie file. You created the background, the buttons, the selection marker, and the other elements that worked with ActionScript to make it possible. In the next chapter, you'll learn how to write your own ActionScript. The ActionScript Behind the Scenes