Embedding Movies

Here is another one - I am just soaking up all these new learnings!

I have the following piece of html

<IMG SRC="test.gif" WIDTH="320" HEIGHT="256" ALT="movie placeholder">
<BR>
<A HREF="test.mov">Interiors</A> |
<A HREF="althorpe1.mov">Interiors</A> |
<A HREF="althorpe2.mov">Exteriors</A>

I want to implement a little JavaScript that allows the picture to be
swapped for a virtual tour, a QuickTime mov file. Here is the syntax for
the test.mov file that should replace the test.gif

<EMBED SRC="test.mov" WIDTH="320" HEIGHT="256" BGCOLOR="E8E8E8" CACHE="true"
HOTSPOT66="NewMovie.mov" CONTROLLER="true"></EMBED>

Now you probably say .... listen dude, check out the 101 postings on
swapping images..... Well, just to make it a little more complicated, I want
to add the HOTSPOT functionality. When you make the QuickTime movie
(virtual tour - aka 360 view), you can identify hot spots. These are
basically areas that the user can click on to get the next virtual tour /
movie. Now, in test.mov, there is a hotspot66, when you click on it,you are
supposed to link through to NewMovie.html (which would contain
NewMovie.mov), but I want the same file to remain on the screen and
NewMovie.mov to be placed into the image area.

Seems that we have moved (prematurely of course) to JavaScript 102....