I have some images to help explain my problem. If you open up picture 1 you’ll see the main screen of the website. THe red lines aren’t really there. THey are only there to illustrate how I want the white background to break apart.
What I want to happen when someone clicks on one of the top buttons, like featured artist is for the white background to break apart along the red lines. Then I want each one of those white sections, except for the one they clicked one, to collapse into a single white bar(ranging from 3-9 pixels wide). I want these bars to shuffle around for a second(picture 3) and then goto a specific location where they will open up again. I want the button and the white space that the viewer clicks on to slide all the way to the left (without collapsing) and a menu of further items to come sliding down.
The easy way to animate this is of course is with actionscript where I can just create a function for each button press that tells all the buttons to move to their new locations. My problems so far have been getting them to move and not just jump to the location I want them. Getting them to collapse before they start moving and them reexpand once they are totally in the right position.
I just want a little nudge in the right direction. Mentally I know there is probably an easy way to make this work with action script. I know I could easily animate this too, it would just take forever.
I understand most of the actionscript involved, its just structuring the whole thing so its really easy to set up is my problem.
Zago