Controlling arrays of quicktime videos with .onmouseclick

[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 (if it is 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 onmouseclick, 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'));
  loadAll(document.getElementById('map2'));
}
 
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].onmouseclick = 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
 
}
 
 
 
 

[acoder]

There's no onmouseclick, use onclick instead.

As for the videos, keep the srcs of the movies in an array. Either have the HTML movie code (object/embed) ready, but hidden at the same position as the image (probably the better option) and change the src, or dynamically create the Quicktime plugin each time and replace the image. This link may help.