purpose of this project is to create a flash object in flex builder 2 that meets the following requirements:
when users do not interact with the flash object, it should be at size about 42x42, containing an icon. when mouse is over it, it expands horizontally to 4x42, to hold 4 buttons. when mouse is over 2nd, 3rd, 4th button, it further expanded vertically to respective sizes. Note: (a) the dynamic changing of flash size should not affect the html layout, that is, you need to create a floating layer to hold the flash object. (b) the creation of the floating layer should be done by the flash object itself, so that users can simply copy & past codes to any html page, and the using of the flash object does not affect the original html layout.
2. play mp3
when mouse is over the 2nd button, the flash object shall request a JSON data source from our webserver, which contains an mp3 file list. The flash object then play the mp3 files in this way: .. the mp3 files hold various seconds of sound tracks, say A is 10 secs, B is 8 secs, and C is 5 secs .. A is played first, but at the 00:02 on A, B is play is started along A, while volume of A goes lower, at the 00:05 point, C is played along with A and B, and volume of A,B goes lower .. all mp3 starts from various time point but end at same time .. the objective is to create an atmosphere that the user is sitting around a group of people, who are talking simultaneously. as each additional audio mp3 starts playing , the UI extends with a matrix of buttons, each representing a sound track. When mouse is over one of them, if it's group-playing all mp3, the corresponding sound track's volume should be increased and the rest decreased. If the "group player" is over, it plays the single sound track again