Movie with Rollover Image in Same Place

Question

My client needs to have the following graphic:
http://zammedia.com/FreshDesignIncDevelopment/
With a slideshow movie to the side running continously.. and
ultimately they would like to have it so that when some rolls-over
the dots, a specific image pops up in the same window as the movie,
each pulsating dot bringing up a different image:
http://zammedia.com/sample2.jpg
Should this be done in Flash, and if so, how is the best way
to go about it if I'm really a basic user of Flash.

Answer 1

So, I've been playing around with your page in dreamweaver and I put a <div> container around your entire web page and then set the width to 1200px. That contained all the contents so that when you re-size the web page the contents don't colapse.
Not sure if that's what Murray or Nancy mean and am curious if their is a better way.
That would work although 1200px is too wide.  Something along the lines of 1000px would be better, since you want the page to display in a maximized browser viewport on a 1024 screen without dropping horizontal scrollbars.  I still use 960px as a maximum width....
Re the centering of the page: Good question I would like to know how to do it "properly"
In the CSS body rule I put:  margin-left: 20%;
                                            margin-right: 20%;
Again, I'm not sure if that's the correct way to center the page, and would like to know a better way.
It's not the best way to do this, which would be to use a fixed width container (as you have done) and just assign it left/right margin settings of 'auto', e.g.,
#container { width:960px; margin:0 auto; }
You can center *any* block element within its container with this method.