How do I use two different flash to js movies on same page?
<p>How do I change the js to be able to view two different flash movies that I have created in "Create js toolkit"? Only one of the movies show. I know I need to change the code but I dont know how.
Please help!
Kindly Eva.</p>

<p>This is the code for my site:</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
&lt;title&gt;Modedrive-Från vardag till fest-för kvinnor i alla åldrar&lt;/title&gt;
&lt;link href="Styles/Modedrive_cs5.css" rel="stylesheet" type="text/css" /&gt;
&lt;script src="SpryAssets/SpryMenuBar.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;


&lt;script src="http://code.createjs.com/easeljs-0.5.0.min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.createjs.com/tweenjs-0.3.0.min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.createjs.com/movieclip-0.5.0.min.js"&gt;&lt;/script&gt;
&lt;script src="http://code.createjs.com/preloadjs-0.2.0.min.js"&gt;&lt;/script&gt;
&lt;script src="Julfilm.js"&gt;&lt;/script&gt;
&lt;script src="Modedrive-film7.js"&gt;&lt;/script&gt;

 &lt;script&gt;
var canvas, stage, exportRoot;

function init() {
    canvas = document.getElementById("canvas1");
    images = images||{};

    var manifest = [
        {src:"images/_2013.png", id:"_2013"},
        {src:"images/Godjul.png", id:"Godjul"},
        {src:"images/Gottnytt.jpg", id:"Gottnytt"},
        {src:"images/Julkulor.png", id:"Julkulor"},
        {src:"images/Julkulor2.png", id:"Julkulor2"},
        {src:"images/Vivillonska.png", id:"Vivillonska"}
    ];

    var loader = new createjs.PreloadJS(false);
    loader.onFileLoad = handleFileLoad;
    loader.onComplete = handleComplete;
    loader.loadManifest(manifest);
}

function handleFileLoad(o) {
    if (o.type == "image") { images[o.id] = o.result; }
}

function handleComplete() {
    exportRoot = new lib.Julfilm();

    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();

    createjs.Ticker.setFPS(30);
    createjs.Ticker.addListener(stage);
}
&lt;/script&gt;

&lt;script&gt;
var canvas, stage, exportRoot;

function init() {
    canvas = document.getElementById("canvas2");
    images = images||{};

    var manifest = [
        {src:"images/Bettykofta.jpg", id:"Bettykofta"},
        {src:"images/Byxdress.jpg", id:"Byxdress"},
        {src:"images/Fur.jpg", id:"Fur"},
        {src:"images/Kofta.jpg", id:"Kofta"},
        {src:"images/leopkavajred.jpg", id:"leopkavajred"},
        {src:"images/Leopardjacka.jpg", id:"Leopardjacka"},
        {src:"images/liladress.jpg", id:"liladress"},
        {src:"images/Longdress.jpg", id:"Longdress"},
        {src:"images/Redzebrakofta.jpg", id:"Redzebrakofta"},
        {src:"images/Skinnjacka.jpg", id:"Skinnjacka"},
        {src:"images/vitsvponcho.jpg", id:"vitsvponcho"}
    ];

    var loader = new createjs.PreloadJS(false);
    loader.onFileLoad = handleFileLoad;
    loader.onComplete = handleComplete;
    loader.loadManifest(manifest);
}

function handleFileLoad(o) {
    if (o.type == "image") { images[o.id] = o.result; }
}

function handleComplete() {
    exportRoot = new lib.Modedrivefilm7();

    stage = new createjs.Stage(canvas);
    stage.addChild(exportRoot);
    stage.update();

    createjs.Ticker.setFPS(30);
    createjs.Ticker.addListener(stage);
}
&lt;/script&gt;
&lt;style type="text/css"&gt;
body {
    background-image: url(images/mode_bakg.jpg);
}
&lt;/style&gt;
&lt;/head&gt;

&lt;body onload="init();" style="background-color:#D4D4D4"&gt;

 &lt;div id="container"&gt;
  &lt;div id="logo"&gt;&lt;img src="images/Modedrive-logo.png" width="900" height="163" alt="Modedrive" /&gt;
  &lt;p&gt;Fr&amp;aring;n vardag till fest f&amp;ouml;r kvinnor i alla &amp;aring;ldrar.&lt;/p&gt;&lt;/div&gt;
  &lt;ul id="MenuBar1" class="MenuBarHorizontal"&gt;
    &lt;li&gt;&lt;a href="#"&gt;Hem&lt;/a&gt;    &lt;/li&gt;
    &lt;li&gt;&lt;a href="historik.html"&gt;Historik&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="designs.html"&gt;M&amp;auml;rken&lt;/a&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="designs.html"&gt;V&amp;aring;ra M&amp;auml;rken&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a class="MenuBarItemSubmenu" href="http://www.tee4twogolf.se"&gt;Vi st&amp;ouml;djer&lt;/a&gt;
          &lt;ul&gt;
            &lt;li&gt;&lt;a href="http://www.tee4twogolf.se"&gt;Tee 4 Two&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="team_tiara.html"&gt;Team Tiara&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="xocai.html"&gt;Xo&amp;ccedil;ai&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;&lt;a href="aktuellt.html"&gt;Aktuellt&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="VIP.html"&gt;VIP Kundklubb&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="kontakt.html"&gt;Kontakta oss&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;

  &lt;div id="main"&gt;
  &lt;canvas id="canvas1" width="775" height="270" style="background-color:#000000"&gt;&lt;/canvas&gt;
  &lt;/div&gt;

  &lt;div id="left_column"&gt;&lt;h1&gt;440 m&amp;#178 med mode!&lt;/h1&gt;&lt;p&gt;Vi hj&amp;auml;lper dig&lt;br /&gt; hitta r&amp;auml;tt&lt;br /&gt;bland s&amp;auml;songens&lt;br /&gt; modenyheter&lt;br /&gt;f&amp;ouml;r kvinnor&lt;br /&gt; i alla &amp;aring;ldrar&lt;br /&gt;fr&amp;aring;n vardag&lt;br /&gt; till fest.&lt;/p&gt;&lt;h2&gt;V&amp;auml;lkommen in!&lt;/h2&gt;&lt;/div&gt;

  &lt;div id="center_column"&gt;
  &lt;canvas id="canvas2" width="420" height="570" style="background-color:#000000"&gt;&lt;/canvas&gt;

  &lt;/div&gt;
  &lt;div id="right_column"&gt;&lt;h1&gt;Just nu...&lt;/h1&gt;
  &lt;p&gt;&lt;h1&gt;K&amp;ouml;p tv&amp;aring;&lt;br /&gt; plagg&lt;/h1&gt;&lt;h2&gt;betala&lt;/h2&gt;&lt;h1&gt; 1 krona&lt;/h1&gt;&lt;h2&gt;f&amp;ouml;r det billigaste!&lt;br /&gt;&lt;br /&gt;Nu har vi &lt;br /&gt;advents&amp;ouml;ppet&lt;br /&gt;p&amp;aring; s&amp;ouml;ndagar mellan&lt;br /&gt;12-16:00 &lt;/h2&gt;
  &lt;/div&gt;

  &lt;div id="footer"&gt;&lt;p&gt;&lt;img src="images/Tbana-liten.png" width="30" height="30" alt="Tbana symbol" /&gt;Odenplan, Karlbergsv&amp;auml;gen 16, 11327 Stockholm. Tel: o8-343838&lt;br /&gt;&amp;Ouml;ppet tider: Vardagar 10-19:00, L&amp;ouml;rdagar 10-16:00, S&amp;ouml;ndagar 12-16:00.&lt;/p&gt;&lt;/div&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});

&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
