Can anyone describe the workflow for this website nav?

Question

Here's the url:
http://www.hypertemplates.com/templates/11195.html
I'm trying to create a similar nav system for my website, I'm
not concerned with the search features, but I just want the top nav
portion to have all the elements "fly into place" after loading,
then have the main pic have some animation that loops with animated
buttons such as the one in this template. I know this is a
subjective question, since there's probably many ways to accomplish
the same task, but I was curious to hear how different people would
go about building such a thing before I start. Also, does anyone
know where to get some simple, non-obnoxious click sounds for
buttons (kind of like the ones in this template, maybe even more
non-obtrusive)?
Thanks everyone, have an awesome new year!

Answer 1

Here's the basic gist of how I'd do it:
1) Create your nav, make sure each button is it's own symbol.
2) Select all the nav items, right click, distribute to
layers
3) Select all the keyframes for each nav item layer on frame
1, and move to some location where the nav will start to fly in
4) Still dealing with the nav item layers, select a column of
frames say 10-20 frames beyond where the keyframes are, press F6 to
add keyframes
5) You now have two keyframes, start and end point. Scrub the
timeline to where the first keyframe is, and
a) Move them to the right, say 50px
b) In Properties panel, change the Color mode to Alpha, and
set to 0 or a small value, like 10
6) Now scrub the timeline to where the end keyframes are,
select all the nav items on stage, and make sure it appears as you
will want it to(since you already added the keyframe, it should be
100 alpha and in the right place)
7) Select a column of frames between the start and end
keyframes for the nav item layers
8) In the properties panel, for Tween select Motion
9) Add some ease
10) At this point all nav items zoom in at once. Now simply
go through the timeline and take each tween and move it to the
right a few frames, so one will come in after the other
For the looping animation picture, put some animation inside
of a MovieClip symbol, it will loop when on the main timeline. Now
you can just fade in/animate in the MovieClip initially.