dynamically embedding an array of quicktime videos using js

[shabam]

hi there,

I am wondering how i can go about loading an array with quicktime videos then using js to dynamically embedd movies as they are needed into the webpage (Im also a newbie to programming in general and am wondering if this is even possible?)

I have a js file that loads information in an array for an image map as to what it should do when onmouseover and onmouseout. I then call that array when the mouse moves around.

however on .onclick, i'd like the image to turn the image into a quicktime movie. I can make this work the brut force way (by makeing another html page that has a quicktime movie embedded), but id like to do it in a more elegant way if possible.

here is a simplified/shortened version of my js so far if my explaination is unclear as to what im doing (which is likely:P). any sort of guidance would be greatly appreciated!





var mouseOvers = new Array();
var mouseOuts;
var mouseIsClicked;

window.onload = function()
{
loadAll(document.getElementById('map1'));

}

function loadAll(arrayLoading)
{
var areas = arrayLoading.getElementsByTagName('area');

for(var i=0;i<areas.length;i++)
{
areas[i].onmouseover = mouseIsOver;
areas[i].onmouseout = mouseIsOut;
areas[i].onclick = mouseIsClicked;
areas[i].number = i;

mouseOvers[i] = new Image();
mouseOvers[i].number = i;

switch(i)
{
case 0: mouseOvers[i].main = './pics/ortho/mortho_wd.jpg';
//stuck here
//mouseIsClicked[i].movie = './quick/quick1.mov';
break;
default: alert('Oops! Make sure you have enough cases to match your number of areas!')
break;
}
}



}


function mouseIsOver()
{

var navigate = document.getElementById('map1');
var navImg = navigate.getElementsByTagName('img');

navImg[0].src = mouseOvers[this.number].main;

}

function mouseIsOut()
{

var navigate = document.getElementById('map1');
var navImg = navigate.getElementsByTagName('img');

navImg[0].src = './pics/ortho/mortho.jpg';
}

function mouseIsClicked()

{
alert('im in the click')
//content.innerHTML= mouseOvers[this.number].txt

}