swapping symbols on click and displaying work online

Report · Aug 28, 2017

Hi. I have two questions. First is probably a no brainer... but How do I display my work created in Animate CC online without exporting the animation to a video or .gif file? I see that when I publish, I have a bunch of options that ultimately provide me with a js doc, html doc, and an images folder with either what looks like a sprite of all my layers or each layer indivdually depending on the choice selected. When I open the html file pulshed, it works fine just as it does when I test it in Animate CC. However, if I try to but the html and js file in codepen or codepen or jsfiddle... I've tried a bunch... I can't seem to get it to work. Even if I add an image tag link to the images in my file hosted somewhere online... So what's the gest way to showcase your work? Mine has an interactive element so I'd like to display the code as is...

Second. Below is a gif of my project next to the actual product (I am cloning for a portfolio example). Every moving portion is its own symbol wIthin one larger, all enompassing symbol. But notice how the video of the actual product, once tapped, changes the colors of the buildings, planes, etc. I assume this is super easy to do give all my layers are seperate and I can think of a couple ways to do workarounds... but I want to learn how this should be done within animate...

so I want to add something like an onClick(event) that swaps the symbols that need to change color in some way. I'm thinkng this could either happen by actually triggering the colors to change, it could hide the orange buildings and reveal the purple ones that have the exact same motion path and are running the same motion... just hidden. I have no idea the best way! I am very new to Animate... but want the colors to changes every time the screen is clicked without restarting the animation or anything. Thanks!! Here's a gif of my work next to a video of the actual working app. Then below that is my ciurrent html and js files I'm publishing.

GIF COMPARISON

HTML

<!DOCTYPE html>

<!--

NOTES:

1. All tokens are represented by '$' sign in the template.

2. You can write your code only wherever mentioned.

3. All occurrences of existing tokens will be replaced by their appropriate values.

4. Blank lines will be removed automatically.

5. Remove unnecessary comments before creating your template.

-->

<html>

<head>

<title>metraaaa</title>

var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation;

function init() {

canvas = document.getElementById("canvas");

anim_container = document.getElementById("animation_container");

dom_overlay_container = document.getElementById("dom_overlay_container");

var comp=AdobeAn.getComposition("A26828080B9749C3AB98ECB4AC46FD1C");

var lib=comp.getLibrary();

var loader = new createjs.LoadQueue(false);

loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)});

loader.addEventListener("complete", function(evt){handleComplete(evt,comp)});

var lib=comp.getLibrary();

loader.loadManifest(lib.properties.manifest);

}

function handleFileLoad(evt, comp) {

var images=comp.getImages();

if (evt && (evt.item.type == "image")) { images[evt.item.id] = evt.result; }

}

function handleComplete(evt,comp) {

//This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage.

var lib=comp.getLibrary();

var ss=comp.getSpriteSheet();

var queue = evt.target;

var ssMetadata = lib.ssMetadata;

for(i=0; i<ssMetadata.length; i++) {

ss[ssMetadata.name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata.name)], "frames": ssMetadata.frames} )

}

var preloaderDiv = document.getElementById("_preload_div_");

preloaderDiv.style.display = 'none';

canvas.style.display = 'block';

exportRoot = new lib.metraaaa();

stage = new lib.Stage(canvas);

stage.addChild(exportRoot);

//Registers the "tick" event listener.

fnStartAnimation = function() {

createjs.Ticker.setFPS(lib.properties.fps);

createjs.Ticker.addEventListener("tick", stage);

}

//Code to support hidpi screens and responsive scaling.

function makeResponsive(isResp, respDim, isScale, scaleType) {

var lastW, lastH, lastS=1;

window.addEventListener('resize', resizeCanvas);

resizeCanvas();

function resizeCanvas() {

var w = lib.properties.width, h = lib.properties.height;

var iw = window.innerWidth, ih=window.innerHeight;

var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1;

if(isResp) {

if((respDim=='width'&&lastW==iw) || (respDim=='height'&&lastH==ih)) {

sRatio = lastS;

}

else if(!isScale) {

if(iw<w || ih<h)

sRatio = Math.min(xRatio, yRatio);

}

else if(scaleType==1) {

sRatio = Math.min(xRatio, yRatio);

}

else if(scaleType==2) {

sRatio = Math.max(xRatio, yRatio);

}

canvas.width = w*pRatio*sRatio;

canvas.height = h*pRatio*sRatio;

canvas.style.width = anim_container.style.width = dom_overlay_container.style.width = preloaderDiv.style.width = w*sRatio+'px';

canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = preloaderDiv.style.height = h*sRatio+'px';

stage.scaleX = pRatio*sRatio;

stage.scaleY = pRatio*sRatio;

lastW = iw; lastH = ih; lastS = sRatio;

}

makeResponsive(true,'both',true,2);

AdobeAn.compositionLoaded(lib.properties.id);

fnStartAnimation();

}

</script>

</head>

</div>

</body>

</html>

AND JS

(function (cjs, an) {

var p; // shortcut to reference prototypes

var lib={};var ss={};var img={};

lib.webFontTxtInst = {};

var loadedTypekitCount = 0;

var loadedGoogleCount = 0;

var gFontsUpdateCacheList = [];

var tFontsUpdateCacheList = [];

lib.ssMetadata = [

{name:"metraaaa_atlas_", frames: [[7075,0,277,287],[5571,355,1056,125],[6629,252,200,200],[5571,0,750,353],[0,0,5569,517],[6831,289,421,75],[3020,519,4327,240],[0,519,3018,361],[6323,0,750,250],[5571,482,750,13]]}

];

lib.updateListCache = function (cacheList) {

for(var i = 0; i < cacheList.length; i++) {

if(cacheList.cacheCanvas)

cacheList.updateCache();

}

};

lib.addElementsToCache = function (textInst, cacheList) {

var cur = textInst;

while(cur != null && cur != exportRoot) {

if(cacheList.indexOf(cur) != -1)

break;

cur = cur.parent;

}

if(cur != exportRoot) {

var cur2 = textInst;

var index = cacheList.indexOf(cur);

while(cur2 != null && cur2 != cur) {

cacheList.splice(index, 0, cur2);

cur2 = cur2.parent;

index++;

}

else {

cur = textInst;

while(cur != null && cur != exportRoot) {

cacheList.push(cur);

cur = cur.parent;

}

};

lib.gfontAvailable = function(family, totalGoogleCount) {

lib.properties.webfonts[family] = true;

var txtInst = lib.webFontTxtInst && lib.webFontTxtInst[family] || [];

for(var f = 0; f < txtInst.length; ++f)

lib.addElementsToCache(txtInst, gFontsUpdateCacheList);

loadedGoogleCount++;

if(loadedGoogleCount == totalGoogleCount) {

lib.updateListCache(gFontsUpdateCacheList);

}

};

lib.tfontAvailable = function(family, totalTypekitCount) {

lib.properties.webfonts[family] = true;

var txtInst = lib.webFontTxtInst && lib.webFontTxtInst[family] || [];

for(var f = 0; f < txtInst.length; ++f)

lib.addElementsToCache(txtInst, tFontsUpdateCacheList);

loadedTypekitCount++;

if(loadedTypekitCount == totalTypekitCount) {

lib.updateListCache(tFontsUpdateCacheList);

}

};

// symbols:

(lib.BanePlane = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(0);

}).prototype = p = new cjs.Sprite();

(lib.baneTrain = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(1);

}).prototype = p = new cjs.Sprite();

(lib.giphy_0 = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(2);

}).prototype = p = new cjs.Sprite();

(lib.Layer5 = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(3);

}).prototype = p = new cjs.Sprite();

(lib.orangeBs = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(4);

}).prototype = p = new cjs.Sprite();

(lib.orangePlane = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(5);

}).prototype = p = new cjs.Sprite();

(lib.OrangeStatues = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(6);

}).prototype = p = new cjs.Sprite();

(lib.sky = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(7);

}).prototype = p = new cjs.Sprite();

(lib.top = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(8);

}).prototype = p = new cjs.Sprite();

(lib.tracks = function() {

this.spriteSheet = ss["metraaaa_atlas_"];

this.gotoAndStop(9);

}).prototype = p = new cjs.Sprite();

// helper functions:

function mc_symbol_clone() {

var clone = this._cloneProps(new this.constructor(this.mode, this.startPosition, this.loop));

clone.gotoAndStop(this.currentFrame);

clone.paused = this.paused;

clone.framerate = this.framerate;

return clone;

}

function getMCSymbolPrototype(symbol, nominalBounds, frameBounds) {

var prototype = cjs.extend(symbol, cjs.MovieClip);

prototype.clone = mc_symbol_clone;

prototype.nominalBounds = nominalBounds;

prototype.frameBounds = frameBounds;

return prototype;

}

(lib.Symbol8 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.BanePlane();

this.instance.parent = this;

this.instance.setTransform(1268,28);

this.instance_1 = new lib.orangePlane();

this.instance_1.parent = this;

this.instance_1.setTransform(2537,0);

this.instance_2 = new lib.orangePlane();

this.instance_2.parent = this;

this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_2},{t:this.instance_1},{t:this.instance}]}).wait(1));

}).prototype = getMCSymbolPrototype(lib.Symbol8, new cjs.Rectangle(0,0,2958,315), null);

(lib.Symbol5 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.sky();

this.instance.parent = this;

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = getMCSymbolPrototype(lib.Symbol5, new cjs.Rectangle(0,0,3018,361), null);

(lib.Symbol4 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.OrangeStatues();

this.instance.parent = this;

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = getMCSymbolPrototype(lib.Symbol4, new cjs.Rectangle(0,0,4327,240), null);

(lib.Symbol3 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.orangeBs();

this.instance.parent = this;

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = getMCSymbolPrototype(lib.Symbol3, new cjs.Rectangle(0,0,5569,517), null);

(lib.Symbol2 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.baneTrain();

this.instance.parent = this;

this.instance.setTransform(0,180);

this.instance_1 = new lib.giphy_0();

this.instance_1.parent = this;

this.instance_1.setTransform(165,0);

this.timeline.addTween(cjs.Tween.get({}).to({state:[{t:this.instance_1},{t:this.instance}]}).wait(1));

}).prototype = getMCSymbolPrototype(lib.Symbol2, new cjs.Rectangle(0,0,1056,305), null);

(lib.tRAINNNNNBANE = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.Symbol2();

this.instance.parent = this;

this.instance.setTransform(528,152.5,1,1,0,0,0,528,152.5);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:532},0).wait(1).to({x:536},0).wait(1).to({x:540},0).wait(1).to({x:544},0).wait(1).to({x:548},0).wait(1).to({x:552},0).wait(1).to({x:556},0).wait(1).to({x:560},0).wait(1).to({x:564},0).wait(1).to({x:568},0).wait(1).to({x:572},0).wait(1).to({x:576},0).wait(1).to({x:580},0).wait(1).to({x:584},0).wait(1).to({x:588},0).wait(1).to({x:592},0).wait(1).to({x:596},0).wait(1).to({x:600},0).wait(1).to({x:604},0).wait(1).to({x:608},0).wait(1).to({x:612},0).wait(1).to({x:616},0).wait(1).to({x:620},0).wait(1).to({x:624},0).wait(1).to({x:628},0).wait(1).to({x:632},0).wait(1).to({x:636},0).wait(1).to({x:640},0).wait(1).to({x:644},0).wait(1).to({x:648},0).wait(1).to({x:652},0).wait(1).to({x:656},0).wait(1).to({x:660},0).wait(1).to({x:664},0).wait(1).to({x:668},0).wait(1).to({x:672},0).wait(1).to({x:676},0).wait(1).to({x:680},0).wait(1).to({x:684},0).wait(1).to({x:688},0).wait(1).to({x:692},0).wait(1).to({x:696},0).wait(1).to({x:700},0).wait(1).to({x:704},0).wait(1).to({x:708},0).wait(1).to({x:712},0).wait(1).to({x:716},0).wait(1).to({x:720},0).wait(1).to({x:724},0).wait(1).to({x:728},0).wait(1).to({x:732},0).wait(1).to({x:736},0).wait(1).to({x:740},0).wait(1).to({x:744},0).wait(1).to({x:748},0).wait(1).to({x:752},0).wait(1).to({x:756},0).wait(1).to({x:760},0).wait(1).to({x:764},0).wait(1).to({x:768},0).wait(1).to({x:772},0).wait(1).to({x:776},0).wait(1).to({x:780},0).wait(1).to({x:784},0).wait(1).to({x:788},0).wait(1).to({x:792},0).wait(1).to({x:796},0).wait(1).to({x:800},0).wait(1).to({x:804},0).wait(1).to({x:808},0).wait(1).to({x:812},0).wait(1).to({x:816},0).wait(1).to({x:820},0).wait(1).to({x:824},0).wait(1).to({x:828},0).wait(1).to({x:832},0).wait(1).to({x:836},0).wait(1).to({x:840},0).wait(1).to({x:844},0).wait(1).to({x:848},0).wait(1).to({x:852},0).wait(1).to({x:856},0).wait(1).to({x:860},0).wait(1).to({x:864},0).wait(1).to({x:868},0).wait(1).to({x:872},0).wait(1).to({x:876},0).wait(1).to({x:880},0).wait(1).to({x:884},0).wait(1).to({x:888},0).wait(1).to({x:892},0).wait(1).to({x:896},0).wait(1).to({x:900},0).wait(1).to({x:904},0).wait(1).to({x:908},0).wait(1).to({x:912},0).wait(1).to({x:916},0).wait(1).to({x:920},0).wait(1).to({x:924},0).wait(1).to({x:928},0).wait(1).to({x:932},0).wait(1).to({x:936},0).wait(1).to({x:940},0).wait(1).to({x:944},0).wait(1).to({x:948},0).wait(1).to({x:952},0).wait(1).to({x:956},0).wait(1).to({x:960},0).wait(1).to({x:964},0).wait(1).to({x:968},0).wait(1).to({x:972},0).wait(1).to({x:976},0).wait(1).to({x:979.9},0).wait(1).to({x:983.9},0).wait(1).to({x:987.9},0).wait(1).to({x:991.9},0).wait(1).to({x:995.9},0).wait(1).to({x:1000},0).wait(1).to({x:1004},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,0,1056,305);

(lib.Symbol1 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.tRAINNNNNBANE();

this.instance.parent = this;

this.instance.setTransform(528,159.5,1,1,0,0,0,528,152.5);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(61));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,7,1056,305);

(lib.statues = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// statues

this.instance = new lib.Symbol4();

this.instance.parent = this;

this.instance.setTransform(2163.5,120,1,1,0,0,0,2163.5,120);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:2156.5},0).wait(1).to({x:2149.4},0).wait(1).to({x:2142.3},0).wait(1).to({x:2135.2},0).wait(1).to({x:2128.1},0).wait(1).to({x:2121},0).wait(1).to({x:2114},0).wait(1).to({x:2106.9},0).wait(1).to({x:2099.8},0).wait(1).to({x:2092.7},0).wait(1).to({x:2085.6},0).wait(1).to({x:2078.5},0).wait(1).to({x:2071.5},0).wait(1).to({x:2064.4},0).wait(1).to({x:2057.3},0).wait(1).to({x:2050.2},0).wait(1).to({x:2043.1},0).wait(1).to({x:2036},0).wait(1).to({x:2029},0).wait(1).to({x:2021.9},0).wait(1).to({x:2014.8},0).wait(1).to({x:2007.7},0).wait(1).to({x:2000.6},0).wait(1).to({x:1993.5},0).wait(1).to({x:1986.5},0).wait(1).to({x:1979.4},0).wait(1).to({x:1972.3},0).wait(1).to({x:1965.2},0).wait(1).to({x:1958.1},0).wait(1).to({x:1951.1},0).wait(1).to({x:1944},0).wait(1).to({x:1936.9},0).wait(1).to({x:1929.8},0).wait(1).to({x:1922.7},0).wait(1).to({x:1915.6},0).wait(1).to({x:1908.5},0).wait(1).to({x:1901.5},0).wait(1).to({x:1894.4},0).wait(1).to({x:1887.3},0).wait(1).to({x:1880.2},0).wait(1).to({x:1873.1},0).wait(1).to({x:1866},0).wait(1).to({x:1859},0).wait(1).to({x:1851.9},0).wait(1).to({x:1844.8},0).wait(1).to({x:1837.7},0).wait(1).to({x:1830.6},0).wait(1).to({x:1823.5},0).wait(1).to({x:1816.5},0).wait(1).to({x:1809.4},0).wait(1).to({x:1802.3},0).wait(1).to({x:1795.2},0).wait(1).to({x:1788.1},0).wait(1).to({x:1781},0).wait(1).to({x:1774},0).wait(1).to({x:1766.9},0).wait(1).to({x:1759.8},0).wait(1).to({x:1752.7},0).wait(1).to({x:1745.6},0).wait(1).to({x:1738.5},0).wait(1).to({x:1731.5},0).wait(1).to({x:1724.4},0).wait(1).to({x:1717.3},0).wait(1).to({x:1710.2},0).wait(1).to({x:1703.1},0).wait(1).to({x:1696},0).wait(1).to({x:1689},0).wait(1).to({x:1681.9},0).wait(1).to({x:1674.8},0).wait(1).to({x:1667.7},0).wait(1).to({x:1660.6},0).wait(1).to({x:1653.5},0).wait(1).to({x:1646.5},0).wait(1).to({x:1639.4},0).wait(1).to({x:1632.3},0).wait(1).to({x:1625.2},0).wait(1).to({x:1618.1},0).wait(1).to({x:1611},0).wait(1).to({x:1604},0).wait(1).to({x:1596.9},0).wait(1).to({x:1589.8},0).wait(1).to({x:1582.7},0).wait(1).to({x:1575.6},0).wait(1).to({x:1568.5},0).wait(1).to({x:1561.5},0).wait(1).to({x:1554.4},0).wait(1).to({x:1547.3},0).wait(1).to({x:1540.2},0).wait(1).to({x:1533.1},0).wait(1).to({x:1526},0).wait(1).to({x:1518.9},0).wait(1).to({x:1511.9},0).wait(1).to({x:1504.8},0).wait(1).to({x:1497.7},0).wait(1).to({x:1490.6},0).wait(1).to({x:1483.5},0).wait(1).to({x:1476.4},0).wait(1).to({x:1469.4},0).wait(1).to({x:1462.3},0).wait(1).to({x:1455.2},0).wait(1).to({x:1448.1},0).wait(1).to({x:1441},0).wait(1).to({x:1433.9},0).wait(1).to({x:1426.9},0).wait(1).to({x:1419.8},0).wait(1).to({x:1412.7},0).wait(1).to({x:1405.6},0).wait(1).to({x:1398.5},0).wait(1).to({x:1391.4},0).wait(1).to({x:1384.4},0).wait(1).to({x:1377.3},0).wait(1).to({x:1370.2},0).wait(1).to({x:1363.1},0).wait(1).to({x:1356},0).wait(1).to({x:1348.9},0).wait(1).to({x:1341.9},0).wait(1).to({x:1334.8},0).wait(1).to({x:1327.7},0).wait(1).to({x:1320.6},0).wait(1).to({x:1313.5},0).wait(1).to({x:1306.4},0).wait(1).to({x:1299.4},0).wait(1).to({x:1292.3},0).wait(1).to({x:1285.2},0).wait(1).to({x:1278.1},0).wait(1).to({x:1271},0).wait(1).to({x:1263.9},0).wait(1).to({x:1256.9},0).wait(1).to({x:1249.8},0).wait(1).to({x:1242.7},0).wait(1).to({x:1235.6},0).wait(1).to({x:1228.5},0).wait(1).to({x:1221.4},0).wait(1).to({x:1214.4},0).wait(1).to({x:1207.3},0).wait(1).to({x:1200.2},0).wait(1).to({x:1193.1},0).wait(1).to({x:1186},0).wait(1).to({x:1178.9},0).wait(1).to({x:1171.9},0).wait(1).to({x:1164.8},0).wait(1).to({x:1157.7},0).wait(1).to({x:1150.6},0).wait(1).to({x:1143.5},0).wait(1).to({x:1136.4},0).wait(1).to({x:1129.4},0).wait(1).to({x:1122.3},0).wait(1).to({x:1115.2},0).wait(1).to({x:1108.1},0).wait(1).to({x:1101},0).wait(1).to({x:1093.9},0).wait(1).to({x:1086.9},0).wait(1).to({x:1079.8},0).wait(1).to({x:1072.7},0).wait(1).to({x:1065.6},0).wait(1).to({x:1058.5},0).wait(1).to({x:1051.4},0).wait(1).to({x:1044.4},0).wait(1).to({x:1037.3},0).wait(1).to({x:1030.2},0).wait(1).to({x:1023.1},0).wait(1).to({x:1016},0).wait(1).to({x:1008.9},0).wait(1).to({x:1001.9},0).wait(1).to({x:994.8},0).wait(1).to({x:987.7},0).wait(1).to({x:980.6},0).wait(1).to({x:973.5},0).wait(1).to({x:966.4},0).wait(1).to({x:959.4},0).wait(1).to({x:952.3},0).wait(1).to({x:945.2},0).wait(1).to({x:938.1},0).wait(1).to({x:931},0).wait(1).to({x:923.9},0).wait(1).to({x:916.9},0).wait(1).to({x:909.8},0).wait(1).to({x:902.7},0).wait(1).to({x:895.6},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,0,4327,240);

(lib.sky_1 = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.Symbol5();

this.instance.parent = this;

this.instance.setTransform(1509,180.5,1,1,0,0,0,1509,180.5);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:1505.3},0).wait(1).to({x:1501.6},0).wait(1).to({x:1497.8},0).wait(1).to({x:1494.1},0).wait(1).to({x:1490.4},0).wait(1).to({x:1486.6},0).wait(1).to({x:1482.9},0).wait(1).to({x:1479.1},0).wait(1).to({x:1475.4},0).wait(1).to({x:1471.7},0).wait(1).to({x:1467.9},0).wait(1).to({x:1464.2},0).wait(1).to({x:1460.4},0).wait(1).to({x:1456.7},0).wait(1).to({x:1453},0).wait(1).to({x:1449.2},0).wait(1).to({x:1445.5},0).wait(1).to({x:1441.7},0).wait(1).to({x:1438},0).wait(1).to({x:1434.3},0).wait(1).to({x:1430.5},0).wait(1).to({x:1426.8},0).wait(1).to({x:1423},0).wait(1).to({x:1419.3},0).wait(1).to({x:1415.6},0).wait(1).to({x:1411.8},0).wait(1).to({x:1408.1},0).wait(1).to({x:1404.3},0).wait(1).to({x:1400.6},0).wait(1).to({x:1396.9},0).wait(1).to({x:1393.1},0).wait(1).to({x:1389.4},0).wait(1).to({x:1385.6},0).wait(1).to({x:1381.9},0).wait(1).to({x:1378.2},0).wait(1).to({x:1374.4},0).wait(1).to({x:1370.7},0).wait(1).to({x:1367},0).wait(1).to({x:1363.2},0).wait(1).to({x:1359.5},0).wait(1).to({x:1355.7},0).wait(1).to({x:1352},0).wait(1).to({x:1348.3},0).wait(1).to({x:1344.5},0).wait(1).to({x:1340.8},0).wait(1).to({x:1337},0).wait(1).to({x:1333.3},0).wait(1).to({x:1329.6},0).wait(1).to({x:1325.8},0).wait(1).to({x:1322.1},0).wait(1).to({x:1318.3},0).wait(1).to({x:1314.6},0).wait(1).to({x:1310.9},0).wait(1).to({x:1307.1},0).wait(1).to({x:1303.4},0).wait(1).to({x:1299.6},0).wait(1).to({x:1295.9},0).wait(1).to({x:1292.2},0).wait(1).to({x:1288.4},0).wait(1).to({x:1284.7},0).wait(1).to({x:1280.9},0).wait(1).to({x:1277.2},0).wait(1).to({x:1273.5},0).wait(1).to({x:1269.7},0).wait(1).to({x:1266},0).wait(1).to({x:1262.2},0).wait(1).to({x:1258.5},0).wait(1).to({x:1254.8},0).wait(1).to({x:1251},0).wait(1).to({x:1247.3},0).wait(1).to({x:1243.6},0).wait(1).to({x:1239.8},0).wait(1).to({x:1236.1},0).wait(1).to({x:1232.3},0).wait(1).to({x:1228.6},0).wait(1).to({x:1224.9},0).wait(1).to({x:1221.1},0).wait(1).to({x:1217.4},0).wait(1).to({x:1213.6},0).wait(1).to({x:1209.9},0).wait(1).to({x:1206.2},0).wait(1).to({x:1202.4},0).wait(1).to({x:1198.7},0).wait(1).to({x:1194.9},0).wait(1).to({x:1191.2},0).wait(1).to({x:1187.5},0).wait(1).to({x:1183.7},0).wait(1).to({x:1180},0).wait(1).to({x:1176.2},0).wait(1).to({x:1172.5},0).wait(1).to({x:1168.8},0).wait(1).to({x:1165},0).wait(1).to({x:1161.3},0).wait(1).to({x:1157.5},0).wait(1).to({x:1153.8},0).wait(1).to({x:1150.1},0).wait(1).to({x:1146.3},0).wait(1).to({x:1142.6},0).wait(1).to({x:1138.8},0).wait(1).to({x:1135.1},0).wait(1).to({x:1131.4},0).wait(1).to({x:1127.6},0).wait(1).to({x:1123.9},0).wait(1).to({x:1120.2},0).wait(1).to({x:1116.4},0).wait(1).to({x:1112.7},0).wait(1).to({x:1108.9},0).wait(1).to({x:1105.2},0).wait(1).to({x:1101.5},0).wait(1).to({x:1097.7},0).wait(1).to({x:1094},0).wait(1).to({x:1090.2},0).wait(1).to({x:1086.5},0).wait(1).to({x:1082.8},0).wait(1).to({x:1079},0).wait(1).to({x:1075.3},0).wait(1).to({x:1071.5},0).wait(1).to({x:1067.8},0).wait(1).to({x:1064.1},0).wait(1).to({x:1060.3},0).wait(1).to({x:1056.6},0).wait(1).to({x:1052.8},0).wait(1).to({x:1049.1},0).wait(1).to({x:1045.4},0).wait(1).to({x:1041.6},0).wait(1).to({x:1037.9},0).wait(1).to({x:1034.1},0).wait(1).to({x:1030.4},0).wait(1).to({x:1026.7},0).wait(1).to({x:1022.9},0).wait(1).to({x:1019.2},0).wait(1).to({x:1015.4},0).wait(1).to({x:1011.7},0).wait(1).to({x:1008},0).wait(1).to({x:1004.2},0).wait(1).to({x:1000.5},0).wait(1).to({x:996.8},0).wait(1).to({x:993},0).wait(1).to({x:989.3},0).wait(1).to({x:985.5},0).wait(1).to({x:981.8},0).wait(1).to({x:978.1},0).wait(1).to({x:974.3},0).wait(1).to({x:970.6},0).wait(1).to({x:966.8},0).wait(1).to({x:963.1},0).wait(1).to({x:959.4},0).wait(1).to({x:955.6},0).wait(1).to({x:951.9},0).wait(1).to({x:948.1},0).wait(1).to({x:944.4},0).wait(1).to({x:940.7},0).wait(1).to({x:936.9},0).wait(1).to({x:933.2},0).wait(1).to({x:929.4},0).wait(1).to({x:925.7},0).wait(1).to({x:922},0).wait(1).to({x:918.2},0).wait(1).to({x:914.5},0).wait(1).to({x:910.7},0).wait(1).to({x:907},0).wait(1).to({x:903.3},0).wait(1).to({x:899.5},0).wait(1).to({x:895.8},0).wait(1).to({x:892},0).wait(1).to({x:888.3},0).wait(1).to({x:884.6},0).wait(1).to({x:880.8},0).wait(1).to({x:877.1},0).wait(1).to({x:873.4},0).wait(1).to({x:869.6},0).wait(1).to({x:865.9},0).wait(1).to({x:862.1},0).wait(1).to({x:858.4},0).wait(1).to({x:854.7},0).wait(1).to({x:850.9},0).wait(1).to({x:847.2},0).wait(1).to({x:843.4},0).wait(1).to({x:839.7},0).wait(1).to({x:836},0).wait(1).to({x:832.2},0).wait(1).to({x:828.5},0).wait(1).to({x:824.7},0).wait(1).to({x:821},0).wait(1).to({x:817.3},0).wait(1).to({x:813.5},0).wait(1).to({x:809.8},0).wait(1).to({x:806},0).wait(1).to({x:802.3},0).wait(1).to({x:798.6},0).wait(1).to({x:794.8},0).wait(1).to({x:791.1},0).wait(1).to({x:787.3},0).wait(1).to({x:783.6},0).wait(1).to({x:779.9},0).wait(1).to({x:776.1},0).wait(1).to({x:772.4},0).wait(1).to({x:768.6},0).wait(1).to({x:764.9},0).wait(1).to({x:761.2},0).wait(1).to({x:757.4},0).wait(1).to({x:753.7},0).wait(1).to({x:750},0).wait(1).to({x:746.2},0).wait(1).to({x:742.5},0).wait(1).to({x:738.7},0).wait(1).to({x:735},0).wait(1).to({x:731.3},0).wait(1).to({x:727.5},0).wait(1).to({x:723.8},0).wait(1).to({x:720},0).wait(1).to({x:716.3},0).wait(1).to({x:712.6},0).wait(1).to({x:708.8},0).wait(1).to({x:705.1},0).wait(1).to({x:701.3},0).wait(1).to({x:697.6},0).wait(1).to({x:693.9},0).wait(1).to({x:690.1},0).wait(1).to({x:686.4},0).wait(1).to({x:682.6},0).wait(1).to({x:678.9},0).wait(1).to({x:675.2},0).wait(1).to({x:671.4},0).wait(1).to({x:667.7},0).wait(1).to({x:663.9},0).wait(1).to({x:660.2},0).wait(1).to({x:656.5},0).wait(1).to({x:652.7},0).wait(1).to({x:649},0).wait(1).to({x:645.2},0).wait(1).to({x:641.5},0).wait(1).to({x:637.8},0).wait(1).to({x:634},0).wait(1).to({x:630.3},0).wait(1).to({x:626.6},0).wait(1).to({x:622.8},0).wait(1).to({x:619.1},0).wait(1).to({x:615.3},0).wait(1).to({x:611.6},0).wait(1).to({x:607.9},0).wait(1).to({x:604.1},0).wait(1).to({x:600.4},0).wait(1).to({x:596.6},0).wait(1).to({x:592.9},0).wait(1).to({x:589.2},0).wait(1).to({x:585.4},0).wait(1).to({x:581.7},0).wait(1).to({x:577.9},0).wait(1).to({x:574.2},0).wait(1).to({x:570.5},0).wait(1).to({x:566.7},0).wait(1).to({x:563},0).wait(1).to({x:559.2},0).wait(1).to({x:555.5},0).wait(1).to({x:551.8},0).wait(1).to({x:548},0).wait(1).to({x:544.3},0).wait(1).to({x:540.5},0).wait(1).to({x:536.8},0).wait(1).to({x:533.1},0).wait(1).to({x:529.3},0).wait(1).to({x:525.6},0).wait(1).to({x:521.8},0).wait(1).to({x:518.1},0).wait(1).to({x:514.4},0).wait(1).to({x:510.6},0).wait(1).to({x:506.9},0).wait(1).to({x:503.1},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,0,3018,361);

(lib.planes = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.Symbol8();

this.instance.parent = this;

this.instance.setTransform(1479,157.5,1,1,0,0,0,1479,157.5);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:1472},0).wait(1).to({x:1464.9},0).wait(1).to({x:1457.8},0).wait(1).to({x:1450.7},0).wait(1).to({x:1443.6},0).wait(1).to({x:1436.6},0).wait(1).to({x:1429.5},0).wait(1).to({x:1422.4},0).wait(1).to({x:1415.3},0).wait(1).to({x:1408.2},0).wait(1).to({x:1401.1},0).wait(1).to({x:1394.1},0).wait(1).to({x:1387},0).wait(1).to({x:1379.9},0).wait(1).to({x:1372.8},0).wait(1).to({x:1365.7},0).wait(1).to({x:1358.6},0).wait(1).to({x:1351.6},0).wait(1).to({x:1344.5},0).wait(1).to({x:1337.4},0).wait(1).to({x:1330.3},0).wait(1).to({x:1323.2},0).wait(1).to({x:1316.1},0).wait(1).to({x:1309.1},0).wait(1).to({x:1302},0).wait(1).to({x:1294.9},0).wait(1).to({x:1287.8},0).wait(1).to({x:1280.7},0).wait(1).to({x:1273.6},0).wait(1).to({x:1266.6},0).wait(1).to({x:1259.5},0).wait(1).to({x:1252.4},0).wait(1).to({x:1245.3},0).wait(1).to({x:1238.2},0).wait(1).to({x:1231.1},0).wait(1).to({x:1224.1},0).wait(1).to({x:1217},0).wait(1).to({x:1209.9},0).wait(1).to({x:1202.8},0).wait(1).to({x:1195.7},0).wait(1).to({x:1188.6},0).wait(1).to({x:1181.6},0).wait(1).to({x:1174.5},0).wait(1).to({x:1167.4},0).wait(1).to({x:1160.3},0).wait(1).to({x:1153.2},0).wait(1).to({x:1146.1},0).wait(1).to({x:1139.1},0).wait(1).to({x:1132},0).wait(1).to({x:1124.9},0).wait(1).to({x:1117.8},0).wait(1).to({x:1110.7},0).wait(1).to({x:1103.6},0).wait(1).to({x:1096.6},0).wait(1).to({x:1089.5},0).wait(1).to({x:1082.4},0).wait(1).to({x:1075.3},0).wait(1).to({x:1068.2},0).wait(1).to({x:1061.1},0).wait(1).to({x:1054.1},0).wait(1).to({x:1047},0).wait(1).to({x:1039.9},0).wait(1).to({x:1032.8},0).wait(1).to({x:1025.7},0).wait(1).to({x:1018.6},0).wait(1).to({x:1011.6},0).wait(1).to({x:1004.5},0).wait(1).to({x:997.4},0).wait(1).to({x:990.3},0).wait(1).to({x:983.2},0).wait(1).to({x:976.1},0).wait(1).to({x:969.1},0).wait(1).to({x:962},0).wait(1).to({x:954.9},0).wait(1).to({x:947.8},0).wait(1).to({x:940.7},0).wait(1).to({x:933.6},0).wait(1).to({x:926.6},0).wait(1).to({x:919.5},0).wait(1).to({x:912.4},0).wait(1).to({x:905.3},0).wait(1).to({x:898.2},0).wait(1).to({x:891.1},0).wait(1).to({x:884.1},0).wait(1).to({x:877},0).wait(1).to({x:869.9},0).wait(1).to({x:862.8},0).wait(1).to({x:855.7},0).wait(1).to({x:848.6},0).wait(1).to({x:841.6},0).wait(1).to({x:834.5},0).wait(1).to({x:827.4},0).wait(1).to({x:820.3},0).wait(1).to({x:813.2},0).wait(1).to({x:806.1},0).wait(1).to({x:799.1},0).wait(1).to({x:792},0).wait(1).to({x:784.9},0).wait(1).to({x:777.8},0).wait(1).to({x:770.7},0).wait(1).to({x:763.6},0).wait(1).to({x:756.6},0).wait(1).to({x:749.5},0).wait(1).to({x:742.4},0).wait(1).to({x:735.3},0).wait(1).to({x:728.2},0).wait(1).to({x:721.1},0).wait(1).to({x:714.1},0).wait(1).to({x:707},0).wait(1).to({x:699.9},0).wait(1).to({x:692.8},0).wait(1).to({x:685.7},0).wait(1).to({x:678.7},0).wait(1).to({x:671.6},0).wait(1).to({x:664.5},0).wait(1).to({x:657.4},0).wait(1).to({x:650.3},0).wait(1).to({x:643.2},0).wait(1).to({x:636.1},0).wait(1).to({x:629.1},0).wait(1).to({x:622},0).wait(1).to({x:614.9},0).wait(1).to({x:607.8},0).wait(1).to({x:600.7},0).wait(1).to({x:593.6},0).wait(1).to({x:586.6},0).wait(1).to({x:579.5},0).wait(1).to({x:572.4},0).wait(1).to({x:565.3},0).wait(1).to({x:558.2},0).wait(1).to({x:551.1},0).wait(1).to({x:544.1},0).wait(1).to({x:537},0).wait(1).to({x:529.9},0).wait(1).to({x:522.8},0).wait(1).to({x:515.7},0).wait(1).to({x:508.6},0).wait(1).to({x:501.6},0).wait(1).to({x:494.5},0).wait(1).to({x:487.4},0).wait(1).to({x:480.3},0).wait(1).to({x:473.2},0).wait(1).to({x:466.1},0).wait(1).to({x:459.1},0).wait(1).to({x:452},0).wait(1).to({x:444.9},0).wait(1).to({x:437.8},0).wait(1).to({x:430.7},0).wait(1).to({x:423.6},0).wait(1).to({x:416.6},0).wait(1).to({x:409.5},0).wait(1).to({x:402.4},0).wait(1).to({x:395.3},0).wait(1).to({x:388.2},0).wait(1).to({x:381.1},0).wait(1).to({x:374.1},0).wait(1).to({x:367},0).wait(1).to({x:359.9},0).wait(1).to({x:352.8},0).wait(1).to({x:345.7},0).wait(1).to({x:338.6},0).wait(1).to({x:331.6},0).wait(1).to({x:324.5},0).wait(1).to({x:317.4},0).wait(1).to({x:310.3},0).wait(1).to({x:303.2},0).wait(1).to({x:296.1},0).wait(1).to({x:289.1},0).wait(1).to({x:282},0).wait(1).to({x:274.9},0).wait(1).to({x:267.8},0).wait(1).to({x:260.7},0).wait(1).to({x:253.6},0).wait(1).to({x:246.6},0).wait(1).to({x:239.5},0).wait(1).to({x:232.4},0).wait(1).to({x:225.3},0).wait(1).to({x:218.2},0).wait(1).to({x:211.1},0).wait(1).to({x:204.1},0).wait(1).to({x:197.1},0).wait(1).to({x:190},0).wait(1).to({x:183},0).wait(1).to({x:175.9},0).wait(1).to({x:168.9},0).wait(1).to({x:161.8},0).wait(1).to({x:154.8},0).wait(1).to({x:147.7},0).wait(1).to({x:140.7},0).wait(1).to({x:133.6},0).wait(1).to({x:126.6},0).wait(1).to({x:119.5},0).wait(1).to({x:112.5},0).wait(1).to({x:105.4},0).wait(1).to({x:98.4},0).wait(1).to({x:91.3},0).wait(1).to({x:84.3},0).wait(1).to({x:77.2},0).wait(1).to({x:70.2},0).wait(1).to({x:63.1},0).wait(1).to({x:56.1},0).wait(1).to({x:49},0).wait(1).to({x:42},0).wait(1).to({x:34.9},0).wait(1).to({x:27.9},0).wait(1).to({x:20.8},0).wait(1).to({x:13.8},0).wait(1).to({x:6.7},0).wait(1).to({x:-0.3},0).wait(1).to({x:-7.4},0).wait(1).to({x:-14.4},0).wait(1).to({x:-21.5},0).wait(1).to({x:-28.5},0).wait(1).to({x:-35.6},0).wait(1).to({x:-42.6},0).wait(1).to({x:-49.7},0).wait(1).to({x:-56.7},0).wait(1).to({x:-63.8},0).wait(1).to({x:-70.8},0).wait(1).to({x:-77.9},0).wait(1).to({x:-84.9},0).wait(1).to({x:-92},0).wait(1).to({x:-99},0).wait(1).to({x:-106.1},0).wait(1).to({x:-113.1},0).wait(1).to({x:-120.2},0).wait(1).to({x:-127.2},0).wait(1).to({x:-134.3},0).wait(1).to({x:-141.3},0).wait(1).to({x:-148.4},0).wait(1).to({x:-155.4},0).wait(1).to({x:-162.5},0).wait(1).to({x:-169.5},0).wait(1).to({x:-176.6},0).wait(1).to({x:-183.6},0).wait(1).to({x:-190.7},0).wait(1).to({x:-197.7},0).wait(1).to({x:-204.8},0).wait(1).to({x:-211.8},0).wait(1).to({x:-218.9},0).wait(1).to({x:-225.9},0).wait(1).to({x:-233},0).wait(1).to({x:-240},0).wait(1).to({x:-247.1},0).wait(1).to({x:-254.1},0).wait(1).to({x:-261.2},0).wait(1).to({x:-268.2},0).wait(1).to({x:-275.3},0).wait(1).to({x:-282.3},0).wait(1).to({x:-289.4},0).wait(1).to({x:-296.4},0).wait(1).to({x:-303.5},0).wait(1).to({x:-310.5},0).wait(1).to({x:-317.6},0).wait(1).to({x:-324.6},0).wait(1).to({x:-331.7},0).wait(1).to({x:-338.7},0).wait(1).to({x:-345.8},0).wait(1).to({x:-352.8},0).wait(1).to({x:-359.9},0).wait(1).to({x:-366.9},0).wait(1).to({x:-374},0).wait(1).to({x:-381},0).wait(1).to({x:-388.1},0).wait(1).to({x:-395.1},0).wait(1).to({x:-402.2},0).wait(1).to({x:-409.2},0).wait(1).to({x:-416.3},0).wait(1).to({x:-423.3},0).wait(1).to({x:-430.3},0).wait(1).to({x:-437.4},0).wait(1).to({x:-444.4},0).wait(1).to({x:-451.5},0).wait(1).to({x:-458.5},0).wait(1).to({x:-465.6},0).wait(1).to({x:-472.6},0).wait(1).to({x:-479.7},0).wait(1).to({x:-486.7},0).wait(1).to({x:-493.8},0).wait(1).to({x:-500.8},0).wait(1).to({x:-507.9},0).wait(1).to({x:-514.9},0).wait(1).to({x:-522},0).wait(1).to({x:-529},0).wait(1).to({x:-536.1},0).wait(1).to({x:-543.1},0).wait(1).to({x:-550.2},0).wait(1).to({x:-557.2},0).wait(1).to({x:-564.3},0).wait(1).to({x:-571.3},0).wait(1).to({x:-578.4},0).wait(1).to({x:-585.4},0).wait(1).to({x:-592.5},0).wait(1).to({x:-599.5},0).wait(1).to({x:-606.6},0).wait(1).to({x:-613.6},0).wait(1).to({x:-620.7},0).wait(1).to({x:-627.7},0).wait(1).to({x:-634.8},0).wait(1).to({x:-641.8},0).wait(1).to({x:-648.9},0).wait(1).to({x:-655.9},0).wait(1).to({x:-663},0).wait(1).to({x:-670},0).wait(1).to({x:-677.1},0).wait(1).to({x:-684.1},0).wait(1).to({x:-691.2},0).wait(1).to({x:-698.2},0).wait(1).to({x:-705.3},0).wait(1).to({x:-712.3},0).wait(1).to({x:-719.4},0).wait(1).to({x:-726.4},0).wait(1).to({x:-733.5},0).wait(1).to({x:-740.5},0).wait(1).to({x:-747.6},0).wait(1).to({x:-754.6},0).wait(1).to({x:-761.7},0).wait(1).to({x:-768.7},0).wait(1).to({x:-775.8},0).wait(1).to({x:-782.8},0).wait(1).to({x:-789.9},0).wait(1).to({x:-796.9},0).wait(1).to({x:-804},0).wait(1).to({x:-811},0).wait(1).to({x:-818.1},0).wait(1).to({x:-825.1},0).wait(1).to({x:-832.2},0).wait(1).to({x:-839.2},0).wait(1).to({x:-846.3},0).wait(1).to({x:-853.3},0).wait(1).to({x:-860.4},0).wait(1).to({x:-867.4},0).wait(1).to({x:-874.5},0).wait(1).to({x:-881.5},0).wait(1).to({x:-888.6},0).wait(1).to({x:-895.6},0).wait(1).to({x:-902.7},0).wait(1).to({x:-909.7},0).wait(1).to({x:-916.8},0).wait(1).to({x:-923.8},0).wait(1).to({x:-930.9},0).wait(1).to({x:-937.9},0).wait(1).to({x:-945},0).wait(1).to({x:-952},0).wait(1).to({x:-959.1},0).wait(1).to({x:-966.1},0).wait(1).to({x:-973.2},0).wait(1).to({x:-980.2},0).wait(1).to({x:-987.3},0).wait(1).to({x:-994.3},0).wait(1).to({x:-1001.4},0).wait(1).to({x:-1008.4},0).wait(1).to({x:-1015.5},0).wait(1).to({x:-1022.5},0).wait(1).to({x:-1029.6},0).wait(1).to({x:-1036.6},0).wait(1).to({x:-1043.7},0).wait(1).to({x:-1050.7},0).wait(1).to({x:-1057.8},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,0,2958,315);

(lib.buildings = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// buidlings

this.instance = new lib.Symbol3();

this.instance.parent = this;

this.instance.setTransform(2784.5,258.5,1,1,0,0,0,2784.5,258.5);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({x:2780.1},0).wait(1).to({x:2775.7},0).wait(1).to({x:2771.3},0).wait(1).to({x:2766.8},0).wait(1).to({x:2762.4},0).wait(1).to({x:2758},0).wait(1).to({x:2753.6},0).wait(1).to({x:2749.1},0).wait(1).to({x:2744.7},0).wait(1).to({x:2740.3},0).wait(1).to({x:2735.9},0).wait(1).to({x:2731.4},0).wait(1).to({x:2727},0).wait(1).to({x:2722.6},0).wait(1).to({x:2718.1},0).wait(1).to({x:2713.7},0).wait(1).to({x:2709.3},0).wait(1).to({x:2704.9},0).wait(1).to({x:2700.4},0).wait(1).to({x:2696},0).wait(1).to({x:2691.6},0).wait(1).to({x:2687.2},0).wait(1).to({x:2682.7},0).wait(1).to({x:2678.3},0).wait(1).to({x:2673.9},0).wait(1).to({x:2669.4},0).wait(1).to({x:2665},0).wait(1).to({x:2660.6},0).wait(1).to({x:2656.2},0).wait(1).to({x:2651.7},0).wait(1).to({x:2647.3},0).wait(1).to({x:2642.9},0).wait(1).to({x:2638.5},0).wait(1).to({x:2634},0).wait(1).to({x:2629.6},0).wait(1).to({x:2625.2},0).wait(1).to({x:2620.8},0).wait(1).to({x:2616.3},0).wait(1).to({x:2611.9},0).wait(1).to({x:2607.5},0).wait(1).to({x:2603},0).wait(1).to({x:2598.6},0).wait(1).to({x:2594.2},0).wait(1).to({x:2589.8},0).wait(1).to({x:2585.3},0).wait(1).to({x:2580.9},0).wait(1).to({x:2576.5},0).wait(1).to({x:2572.1},0).wait(1).to({x:2567.6},0).wait(1).to({x:2563.2},0).wait(1).to({x:2558.8},0).wait(1).to({x:2554.3},0).wait(1).to({x:2549.9},0).wait(1).to({x:2545.5},0).wait(1).to({x:2541.1},0).wait(1).to({x:2536.6},0).wait(1).to({x:2532.2},0).wait(1).to({x:2527.8},0).wait(1).to({x:2523.4},0).wait(1).to({x:2518.9},0).wait(1).to({x:2514.5},0).wait(1).to({x:2510.1},0).wait(1).to({x:2505.7},0).wait(1).to({x:2501.2},0).wait(1).to({x:2496.8},0).wait(1).to({x:2492.4},0).wait(1).to({x:2487.9},0).wait(1).to({x:2483.5},0).wait(1).to({x:2479.1},0).wait(1).to({x:2474.7},0).wait(1).to({x:2470.2},0).wait(1).to({x:2465.8},0).wait(1).to({x:2461.4},0).wait(1).to({x:2457},0).wait(1).to({x:2452.5},0).wait(1).to({x:2448.1},0).wait(1).to({x:2443.7},0).wait(1).to({x:2439.2},0).wait(1).to({x:2434.8},0).wait(1).to({x:2430.4},0).wait(1).to({x:2426},0).wait(1).to({x:2421.5},0).wait(1).to({x:2417.1},0).wait(1).to({x:2412.7},0).wait(1).to({x:2408.3},0).wait(1).to({x:2403.8},0).wait(1).to({x:2399.4},0).wait(1).to({x:2395},0).wait(1).to({x:2390.5},0).wait(1).to({x:2386.1},0).wait(1).to({x:2381.7},0).wait(1).to({x:2377.3},0).wait(1).to({x:2372.8},0).wait(1).to({x:2368.4},0).wait(1).to({x:2364},0).wait(1).to({x:2359.6},0).wait(1).to({x:2355.1},0).wait(1).to({x:2350.7},0).wait(1).to({x:2346.3},0).wait(1).to({x:2341.9},0).wait(1).to({x:2337.4},0).wait(1).to({x:2333},0).wait(1).to({x:2328.6},0).wait(1).to({x:2324.1},0).wait(1).to({x:2319.7},0).wait(1).to({x:2315.3},0).wait(1).to({x:2310.9},0).wait(1).to({x:2306.4},0).wait(1).to({x:2302},0).wait(1).to({x:2297.6},0).wait(1).to({x:2293.2},0).wait(1).to({x:2288.7},0).wait(1).to({x:2284.3},0).wait(1).to({x:2279.9},0).wait(1).to({x:2275.4},0).wait(1).to({x:2271},0).wait(1).to({x:2266.6},0).wait(1).to({x:2262.2},0).wait(1).to({x:2257.7},0).wait(1).to({x:2253.3},0).wait(1).to({x:2248.9},0).wait(1).to({x:2244.5},0).wait(1).to({x:2240},0).wait(1).to({x:2235.6},0).wait(1).to({x:2231.2},0).wait(1).to({x:2226.8},0).wait(1).to({x:2222.3},0).wait(1).to({x:2217.9},0).wait(1).to({x:2213.5},0).wait(1).to({x:2209},0).wait(1).to({x:2204.6},0).wait(1).to({x:2200.2},0).wait(1).to({x:2195.8},0).wait(1).to({x:2191.3},0).wait(1).to({x:2186.9},0).wait(1).to({x:2182.5},0).wait(1).to({x:2178.1},0).wait(1).to({x:2173.6},0).wait(1).to({x:2169.2},0).wait(1).to({x:2164.8},0).wait(1).to({x:2160.3},0).wait(1).to({x:2155.9},0).wait(1).to({x:2151.5},0).wait(1).to({x:2147.1},0).wait(1).to({x:2142.6},0).wait(1).to({x:2138.2},0).wait(1).to({x:2133.8},0).wait(1).to({x:2129.4},0).wait(1).to({x:2124.9},0).wait(1).to({x:2120.5},0).wait(1).to({x:2116.1},0).wait(1).to({x:2111.7},0).wait(1).to({x:2107.2},0).wait(1).to({x:2102.8},0).wait(1).to({x:2098.4},0).wait(1).to({x:2093.9},0).wait(1).to({x:2089.5},0).wait(1).to({x:2085.1},0).wait(1).to({x:2080.7},0).wait(1).to({x:2076.2},0).wait(1).to({x:2071.8},0).wait(1).to({x:2067.4},0).wait(1).to({x:2063},0).wait(1).to({x:2058.5},0).wait(1).to({x:2054.1},0).wait(1).to({x:2049.7},0).wait(1).to({x:2045.2},0).wait(1).to({x:2040.8},0).wait(1).to({x:2036.4},0).wait(1).to({x:2032},0).wait(1).to({x:2027.5},0).wait(1).to({x:2023.1},0).wait(1).to({x:2018.7},0).wait(1).to({x:2014.3},0).wait(1).to({x:2009.8},0).wait(1).to({x:2005.4},0).wait(1).to({x:2001},0).wait(1).to({x:1996.5},0).wait(1).to({x:1992.1},0).wait(1).to({x:1987.7},0).wait(1).to({x:1983.3},0).wait(1).to({x:1978.8},0).wait(1).to({x:1974.4},0).wait(1).to({x:1970},0).wait(1).to({x:1965.6},0).wait(1).to({x:1961.1},0).wait(1).to({x:1956.7},0).wait(1).to({x:1952.3},0).wait(1).to({x:1947.9},0).wait(1).to({x:1943.4},0).wait(1).to({x:1939},0).wait(1).to({x:1934.6},0).wait(1).to({x:1930.1},0).wait(1).to({x:1925.7},0).wait(1).to({x:1921.3},0).wait(1).to({x:1916.9},0).wait(1).to({x:1912.4},0).wait(1).to({x:1908},0).wait(1).to({x:1903.6},0).wait(1).to({x:1899.2},0).wait(1).to({x:1894.7},0).wait(1).to({x:1890.3},0).wait(1).to({x:1885.9},0).wait(1).to({x:1881.4},0).wait(1).to({x:1877},0).wait(1).to({x:1872.6},0).wait(1).to({x:1868.2},0).wait(1).to({x:1863.7},0).wait(1).to({x:1859.3},0).wait(1).to({x:1854.9},0).wait(1).to({x:1850.5},0).wait(1).to({x:1846},0).wait(1).to({x:1841.6},0).wait(1).to({x:1837.2},0).wait(1).to({x:1832.8},0).wait(1).to({x:1828.3},0).wait(1).to({x:1823.9},0).wait(1).to({x:1819.5},0).wait(1).to({x:1815},0).wait(1).to({x:1810.6},0).wait(1).to({x:1806.2},0).wait(1).to({x:1801.8},0).wait(1).to({x:1797.3},0).wait(1).to({x:1792.9},0).wait(1).to({x:1788.5},0).wait(1).to({x:1784.1},0).wait(1).to({x:1779.6},0).wait(1).to({x:1775.2},0).wait(1).to({x:1770.8},0).wait(1).to({x:1766.3},0).wait(1).to({x:1761.9},0).wait(1).to({x:1757.5},0).wait(1).to({x:1753.1},0).wait(1).to({x:1748.6},0).wait(1).to({x:1744.2},0).wait(1).to({x:1739.8},0).wait(1).to({x:1735.4},0).wait(1).to({x:1730.9},0).wait(1).to({x:1726.5},0).wait(1).to({x:1722.1},0).wait(1).to({x:1717.7},0).wait(1).to({x:1713.2},0).wait(1).to({x:1708.8},0).wait(1).to({x:1704.4},0).wait(1).to({x:1699.9},0).wait(1).to({x:1695.5},0).wait(1).to({x:1691.1},0).wait(1).to({x:1686.7},0).wait(1).to({x:1682.2},0).wait(1).to({x:1677.8},0).wait(1).to({x:1673.4},0).wait(1).to({x:1669},0).wait(1).to({x:1664.5},0).wait(1).to({x:1660.1},0).wait(1).to({x:1655.7},0).wait(1).to({x:1651.2},0).wait(1).to({x:1646.8},0).wait(1).to({x:1642.4},0).wait(1).to({x:1638},0).wait(1).to({x:1633.5},0).wait(1).to({x:1629.1},0).wait(1).to({x:1624.7},0).wait(1).to({x:1620.3},0).wait(1).to({x:1615.8},0).wait(1).to({x:1611.4},0).wait(1).to({x:1607},0).wait(1).to({x:1602.5},0).wait(1).to({x:1598.1},0).wait(1).to({x:1593.7},0).wait(1).to({x:1589.3},0).wait(1).to({x:1584.8},0).wait(1).to({x:1580.4},0).wait(1).to({x:1576},0).wait(1).to({x:1571.6},0).wait(1).to({x:1567.1},0).wait(1).to({x:1562.7},0).wait(1).to({x:1558.3},0).wait(1).to({x:1553.9},0).wait(1).to({x:1549.4},0).wait(1).to({x:1545},0).wait(1).to({x:1540.6},0).wait(1).to({x:1536.1},0).wait(1).to({x:1531.7},0).wait(1).to({x:1527.3},0).wait(1).to({x:1522.9},0).wait(1).to({x:1518.4},0).wait(1).to({x:1514},0).wait(1).to({x:1509.6},0).wait(1).to({x:1505.2},0).wait(1).to({x:1500.7},0).wait(1).to({x:1496.3},0).wait(1).to({x:1491.9},0).wait(1).to({x:1487.4},0).wait(1).to({x:1483},0).wait(1).to({x:1478.6},0).wait(1).to({x:1474.2},0).wait(1).to({x:1469.7},0).wait(1).to({x:1465.3},0).wait(1).to({x:1460.9},0).wait(1).to({x:1456.5},0).wait(1).to({x:1452},0).wait(1).to({x:1447.6},0).wait(1).to({x:1443.2},0).wait(1).to({x:1438.8},0).wait(1).to({x:1434.3},0).wait(1).to({x:1429.9},0).wait(1).to({x:1425.5},0).wait(1).to({x:1421},0).wait(1).to({x:1416.6},0).wait(1).to({x:1412.2},0).wait(1).to({x:1407.8},0).wait(1).to({x:1403.3},0).wait(1).to({x:1398.9},0).wait(1).to({x:1394.5},0).wait(1).to({x:1390.1},0).wait(1).to({x:1385.6},0).wait(1).to({x:1381.2},0).wait(1).to({x:1376.8},0).wait(1).to({x:1372.3},0).wait(1).to({x:1367.9},0).wait(1).to({x:1363.5},0).wait(1).to({x:1359.1},0).wait(1).to({x:1354.6},0).wait(1).to({x:1350.2},0).wait(1).to({x:1345.8},0).wait(1).to({x:1341.4},0).wait(1).to({x:1336.9},0).wait(1).to({x:1332.5},0).wait(1).to({x:1328.1},0).wait(1).to({x:1323.7},0).wait(1).to({x:1319.2},0).wait(1).to({x:1314.8},0).wait(1).to({x:1310.4},0).wait(1).to({x:1305.9},0).wait(1).to({x:1301.5},0).wait(1).to({x:1297.1},0).wait(1).to({x:1292.7},0).wait(1).to({x:1288.2},0).wait(1).to({x:1283.8},0).wait(1).to({x:1279.4},0).wait(1).to({x:1275},0).wait(1).to({x:1270.5},0).wait(1).to({x:1266.1},0).wait(1).to({x:1261.7},0).wait(1).to({x:1257.2},0).wait(1).to({x:1252.8},0).wait(1).to({x:1248.4},0).wait(1).to({x:1244},0).wait(1).to({x:1239.5},0).wait(1).to({x:1235.1},0).wait(1).to({x:1230.7},0).wait(1).to({x:1226.3},0).wait(1).to({x:1221.8},0).wait(1).to({x:1217.4},0).wait(1).to({x:1213},0).wait(1).to({x:1208.5},0).wait(1).to({x:1204.1},0).wait(1).to({x:1199.7},0).wait(1).to({x:1195.3},0).wait(1).to({x:1190.8},0).wait(1).to({x:1186.4},0).wait(1).to({x:1182},0).wait(1).to({x:1177.6},0).wait(1).to({x:1173.1},0).wait(1).to({x:1168.7},0).wait(1).to({x:1164.3},0).wait(1).to({x:1159.9},0).wait(1).to({x:1155.4},0).wait(1).to({x:1151},0).wait(1).to({x:1146.6},0).wait(1).to({x:1142.1},0).wait(1).to({x:1137.7},0).wait(1).to({x:1133.3},0).wait(1).to({x:1128.9},0).wait(1).to({x:1124.4},0).wait(1).to({x:1120},0).wait(1).to({x:1115.6},0).wait(1).to({x:1111.2},0).wait(1).to({x:1106.7},0).wait(1).to({x:1102.3},0).wait(1).to({x:1097.9},0).wait(1).to({x:1093.4},0).wait(1).to({x:1089},0).wait(1).to({x:1084.6},0).wait(1).to({x:1080.2},0).wait(1).to({x:1075.7},0).wait(1).to({x:1071.3},0).wait(1).to({x:1066.9},0).wait(1).to({x:1062.5},0).wait(1).to({x:1058},0).wait(1).to({x:1053.6},0).wait(1).to({x:1049.2},0).wait(1).to({x:1044.8},0).wait(1).to({x:1040.3},0).wait(1).to({x:1035.9},0).wait(1).to({x:1031.5},0).wait(1).to({x:1027},0).wait(1).to({x:1022.6},0).wait(1).to({x:1018.2},0).wait(1).to({x:1013.8},0).wait(1).to({x:1009.3},0).wait(1).to({x:1004.9},0).wait(1).to({x:1000.5},0).wait(1).to({x:996.1},0).wait(1).to({x:991.6},0).wait(1).to({x:987.2},0).wait(1).to({x:982.8},0).wait(1).to({x:978.3},0).wait(1).to({x:973.9},0).wait(1).to({x:969.5},0).wait(1).to({x:965.1},0).wait(1).to({x:960.6},0).wait(1).to({x:956.2},0).wait(1).to({x:951.8},0).wait(1).to({x:947.4},0).wait(1).to({x:942.9},0).wait(1).to({x:938.5},0).wait(1).to({x:934.1},0).wait(1).to({x:929.6},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,0,5569,517);

(lib.trainNbane = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 1

this.instance = new lib.Symbol1();

this.instance.parent = this;

this.instance.setTransform(528,156,1,1,0,0,0,528,156);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1).to({regX:766,regY:159.5,x:777.3,y:159.5},0).wait(1).to({x:788.5},0).wait(1).to({x:799.8},0).wait(1).to({x:811},0).wait(1).to({x:822.3},0).wait(1).to({x:833.5},0).wait(1).to({x:844.8},0).wait(1).to({x:856},0).wait(1).to({x:867.3},0).wait(1).to({x:878.5},0).wait(1).to({x:889.8},0).wait(1).to({x:901},0).wait(1).to({x:912.3},0).wait(1).to({x:923.6},0).wait(1).to({x:934.8},0).wait(1).to({x:946.1},0).wait(1).to({x:957.3},0).wait(1).to({x:968.6},0).wait(1).to({x:979.8},0).wait(1).to({x:991.1},0).wait(1).to({x:1002.3},0).wait(1).to({x:1013.6},0).wait(1).to({x:1024.8},0).wait(1).to({x:1036.1},0).wait(1).to({x:1047.3},0).wait(1).to({x:1058.6},0).wait(1).to({x:1069.8},0).wait(1).to({x:1081.1},0).wait(1).to({x:1092.4},0).wait(1).to({x:1103.6},0).wait(1).to({x:1114.9},0).wait(1).to({x:1126.1},0).wait(1).to({x:1137.4},0).wait(1).to({x:1148.6},0).wait(1).to({x:1159.9},0).wait(1).to({x:1171.1},0).wait(1).to({x:1182.4},0).wait(1).to({x:1193.7},0).wait(1).to({x:1204.9},0).wait(1).to({x:1216.2},0).wait(1).to({x:1227.4},0).wait(1).to({x:1238.7},0).wait(1).to({x:1249.9},0).wait(1).to({x:1261.2},0).wait(1).to({x:1272.4},0).wait(1).to({x:1283.7},0).wait(1).to({x:1294.9},0).wait(1).to({x:1306.2},0).wait(1).to({x:1317.4},0).wait(1).to({x:1328.7},0).wait(1).to({x:1340},0).wait(1).to({x:1351.2},0).wait(1).to({x:1362.5},0).wait(1).to({x:1373.7},0).wait(1).to({x:1385},0).wait(1).to({x:1396.2},0).wait(1).to({x:1407.5},0).wait(1).to({x:1418.7},0).wait(1).to({x:1430},0).wait(1).to({x:1441.2},0).wait(1).to({x:1452.5},0).wait(1).to({x:1463.8},0).wait(1).to({x:1475},0).wait(1).to({x:1486.3},0).wait(1).to({x:1497.5},0).wait(1).to({x:1508.8},0).wait(1).to({x:1520},0).wait(1).to({x:1531.3},0).wait(1).to({x:1542.5},0).wait(1).to({x:1553.8},0).wait(1).to({x:1565},0).wait(1).to({x:1576.3},0).wait(1).to({x:1587.5},0).wait(1).to({x:1598.8},0).wait(1).to({x:1610.1},0).wait(1).to({x:1621.3},0).wait(1).to({x:1632.6},0).wait(1).to({x:1643.8},0).wait(1).to({x:1655.1},0).wait(1).to({x:1666.3},0).wait(1).to({x:1677.6},0).wait(1).to({x:1688.8},0).wait(1).to({x:1700.1},0).wait(1).to({x:1711.3},0).wait(1).to({x:1722.6},0).wait(1).to({x:1733.8},0).wait(1).to({x:1745.1},0).wait(1).to({x:1756.4},0).wait(1).to({x:1767.6},0).wait(1).to({x:1778.9},0).wait(1).to({x:1790.1},0).wait(1).to({x:1801.4},0).wait(1).to({x:1812.6},0).wait(1).to({x:1823.9},0).wait(1).to({x:1835.1},0).wait(1).to({x:1846.4},0).wait(1).to({x:1857.6},0).wait(1).to({x:1868.9},0).wait(1).to({x:1880.2},0).wait(1).to({x:1891.4},0).wait(1).to({x:1902.7},0).wait(1).to({x:1913.9},0).wait(1).to({x:1925.2},0).wait(1).to({x:1936.4},0).wait(1).to({x:1947.7},0).wait(1).to({x:1958.9},0).wait(1).to({x:1970.2},0).wait(1).to({x:1981.4},0).wait(1).to({x:1992.7},0).wait(1).to({x:2003.9},0).wait(1).to({x:2015.2},0).wait(1).to({x:2026.5},0).wait(1).to({x:2037.7},0).wait(1).to({x:2049},0).wait(1).to({x:2060.2},0).wait(1).to({x:2071.5},0).wait(1).to({x:2082.7},0).wait(1).to({x:2094},0).wait(1).to({x:2589.3},0).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(0,7,1056,305);

(lib.train = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// Layer 3

this.instance = new lib.trainNbane();

this.instance.parent = this;

this.instance.setTransform(528,-31,1,1,0,0,0,528,156);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

}).prototype = getMCSymbolPrototype(lib.train, new cjs.Rectangle(0,-180,1056,305), null);

(lib.appwindow = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// timeline functions:

this.frame_0 = function() {

var tl = this

createjs.Ticker.addEventListener('tick',showDate);

function showDate(event) {

var myDate = new Date();

var theMonth = myDate.getMonth();

//increment month by 1 since it is 0 indexed

theMonth = (theMonth + 1).toString();

var theDay = myDate.getDate().toString();

var theYear = myDate.getFullYear();

//pull the last two digits of the year

theYear = theYear.toString().substr(-2);

//if month is 1-9 pad right with a 0 for two digits

if (theMonth.length === 1)

{

theMonth = "0" + theMonth;

}

//if day is between 1-9 pad right with a 0 for two digits

if (theDay.length === 1)

{

theDay = "0" + theDay;

}

tl.theDate.text =theMonth+"/"+theDay+"/"+theYear;

}

var tl = this

createjs.Ticker.addEventListener('tick',showTimeSeconds);

function showTimeSeconds(event) {

var myTimeSeconds = new Date();

var theSeconds=myTimeSeconds.getSeconds();

var theMinutes=myTimeSeconds.getMinutes();

var theHours=myTimeSeconds.getHours();

var ampm;

//Displays am/pm depending on the current hour.

if (theHours>=12) {

ampm="PM";

} else {

ampm="AM";

}

//This subtracts 12 from the hour when it greater than 13.

if (theHours>=13) {

theHours=theHours-12;

}

if (theHours==0) {

theHours=theHours+12;

}

//Adds '0' if there is only one digit.

//if (String(theHours).length == 1) {

// theHours="0"+theHours;

//}

if (String(theMinutes).length == 1) {

theMinutes="0"+theMinutes;

}

if (String(theSeconds).length == 1) {

theSeconds="0"+theSeconds;

}

//Displays the time in the dynamic text field.

tl.theTimeSeconds.text =theHours+":"+theMinutes+":"+theSeconds+ampm;

//tl.theTime.text =theHours+":"+theMinutes+" "+ampm;

}

var tl = this

createjs.Ticker.addEventListener('tick',showTime);

function showTime(event) {

var myTime = new Date();

var theSeconds=myTime.getSeconds();

var theMinutes=myTime.getMinutes();

var theHours=myTime.getHours();

var ampm;

//Displays am/pm depending on the current hour.

if (theHours>=12) {

ampm="PM";

} else {

ampm="AM";

}

//This subtracts 12 from the hour when it greater than 13.

if (theHours>=13) {

theHours=theHours-12;

}

if (theHours==0) {

theHours=theHours+12;

}

//Adds '0' if there is only one digit.

//if (String(theHours).length == 1) {

// theHours="0"+theHours;

//}

if (String(theMinutes).length == 1) {

theMinutes="0"+theMinutes;

}

//if (String(theSeconds).length == 1) {

// theSeconds="0"+theSeconds;

//}

//Displays the time in the dynamic text field.

//tl.thatTime.text =theHours+":"+theMinutes+":"+theSeconds+" "+ampm;

tl.theTime.text =theHours+":"+theMinutes+" "+ampm;

}

// actions tween:

this.timeline.addTween(cjs.Tween.get(this).call(this.frame_0).wait(1000));

// theDate

this.theDate = new cjs.Text("", "bold 70px 'Helvetica'", "#FFFFFF");

this.theDate.name = "theDate";

this.theDate.lineHeight = 72;

this.theDate.lineWidth = 283;

this.theDate.parent = this;

this.theDate.setTransform(435.8,150.6);

this.timeline.addTween(cjs.Tween.get(this.theDate).wait(1000));

// theTimeSeconds

this.theTimeSeconds = new cjs.Text("", "bold 70px 'Helvetica'", "#FFFFFF");

this.theTimeSeconds.name = "theTimeSeconds";

this.theTimeSeconds.textAlign = "right";

this.theTimeSeconds.lineHeight = 72;

this.theTimeSeconds.lineWidth = 388;

this.theTimeSeconds.parent = this;

this.theTimeSeconds.setTransform(417,150.6);

this.timeline.addTween(cjs.Tween.get(this.theTimeSeconds).wait(1000));

// time

this.theTime = new cjs.Text("", "26px 'Helvetica'", "#FFFFFF");

this.theTime.name = "theTime";

this.theTime.textAlign = "center";

this.theTime.lineHeight = 28;

this.theTime.lineWidth = 140;

this.theTime.parent = this;

this.theTime.setTransform(375,11.1);

this.timeline.addTween(cjs.Tween.get(this.theTime).wait(1000));

// top

this.instance = new lib.top();

this.instance.parent = this;

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1000));

// train

this.instance_1 = new lib.train();

this.instance_1.parent = this;

this.instance_1.setTransform(-528,905.5,1,1,0,0,0,528,62.5);

this.timeline.addTween(cjs.Tween.get(this.instance_1).wait(1000));

// tracks

this.instance_2 = new lib.tracks();

this.instance_2.parent = this;

this.instance_2.setTransform(0,968);

this.timeline.addTween(cjs.Tween.get(this.instance_2).wait(1000));

// OrangeStatutes

this.orangeStatues = new lib.statues();

this.orangeStatues.parent = this;

this.orangeStatues.setTransform(156.5,848,1,1,0,0,0,2163.5,120);

this.timeline.addTween(cjs.Tween.get(this.orangeStatues).wait(1000));

// ORANGEPLANE copy

this.oragnePanes = new lib.planes();

this.oragnePanes.parent = this;

this.oragnePanes.setTransform(1235,616.5,1,1,0,0,0,1479,157.5);

this.timeline.addTween(cjs.Tween.get(this.oragnePanes).wait(1000));

// Orangebuidlings

this.orangeBuildings = new lib.buildings();

this.orangeBuildings.parent = this;

this.orangeBuildings.setTransform(1817.5,647.5,1,1,0,0,0,2784.5,258.5);

this.timeline.addTween(cjs.Tween.get(this.orangeBuildings).wait(1000));

// sky

this.instance_3 = new lib.sky_1();

this.instance_3.parent = this;

this.instance_3.setTransform(1509,430.5,1,1,0,0,0,1509,180.5);

this.timeline.addTween(cjs.Tween.get(this.instance_3).wait(1000));

// Bottom

this.instance_4 = new lib.Layer5();

this.instance_4.parent = this;

this.instance_4.setTransform(0,981);

this.timeline.addTween(cjs.Tween.get(this.instance_4).wait(1000));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(-2007,0,6609,1334);

// stage content:

(lib.metraaaa = function(mode,startPosition,loop) {

this.initialize(mode,startPosition,loop,{});

// app-window

this.instance = new lib.appwindow();

this.instance.parent = this;

this.instance.setTransform(375,667,1,1,0,0,0,375,667);

this.timeline.addTween(cjs.Tween.get(this.instance).wait(1));

// background

this.shape = new cjs.Shape();

this.shape.graphics.f("#FFFFFF").s().p("Eg6lBoOMAAAjQbMB1LAAAMAAADQbg");

this.shape.setTransform(375,667);

this.timeline.addTween(cjs.Tween.get(this.shape).wait(1));

}).prototype = p = new cjs.MovieClip();

p.nominalBounds = new cjs.Rectangle(-1632,667,6609,1334);

// library properties:

lib.properties = {

id: 'A26828080B9749C3AB98ECB4AC46FD1C',

width: 750,

height: 1334,

fps: 26,

color: "#FFFFFF",

opacity: 1.00,

webfonts: {},

manifest: [

{src:"images/metraaaa_atlas_.png", id:"metraaaa_atlas_"}

],

preloads: []

};

// bootstrap callback support:

(lib.Stage = function(canvas) {

createjs.Stage.call(this, canvas);

}).prototype = p = new createjs.Stage();

p.setAutoPlay = function(autoPlay) {

this.tickEnabled = autoPlay;

}

p.play = function() { this.tickEnabled = true; this.getChildAt(0).gotoAndPlay(this.getTimelinePosition()) }

p.stop = function(ms) { if(ms) this.seek(ms); this.tickEnabled = false; }

p.seek = function(ms) { this.tickEnabled = true; this.getChildAt(0).gotoAndStop(lib.properties.fps * ms / 1000); }

p.getDuration = function() { return this.getChildAt(0).totalFrames / lib.properties.fps * 1000; }

p.getTimelinePosition = function() { return this.getChildAt(0).currentFrame / lib.properties.fps * 1000; }

an.bootcompsLoaded = an.bootcompsLoaded || [];

if(!an.bootstrapListeners) {

an.bootstrapListeners=[];

}

an.bootstrapCallback=function(fnCallback) {

an.bootstrapListeners.push(fnCallback);

if(an.bootcompsLoaded.length > 0) {

for(var i=0; i<an.bootcompsLoaded.length; ++i) {

fnCallback(an.bootcompsLoaded);

}

};

an.compositions = an.compositions || {};

an.compositions['A26828080B9749C3AB98ECB4AC46FD1C'] = {

getStage: function() { return exportRoot.getStage(); },

getLibrary: function() { return lib; },

getSpriteSheet: function() { return ss; },

getImages: function() { return img; }

};

an.compositionLoaded = function(id) {

an.bootcompsLoaded.push(id);

for(var j=0; j<an.bootstrapListeners.length; j++) {

an.bootstrapListeners(id);

}

an.getComposition = function(id) {

return an.compositions[id];

}

})(createjs = createjs||{}, AdobeAn = AdobeAn||{});

var createjs, AdobeAn;

Report · Aug 28, 2017

1. you need to upload your html, js and images folder (with that sprite sheet)

2. create duplicate movieclips and change their color. then toggle which is displayed on click.

Report · Aug 28, 2017

thank you. So would I add the onClick code to the images changing (that I'll but in their on symbol), and the duplicate of that?

Report · Aug 28, 2017

no, you'll probably want to use something like the following where mc1 and mc2 are your duplicate movieclips (that vary in color).

this.mc2.visible = false;

stage.addEventListener('stagemousedown',downF.bind(this));

function downF(){

this.mc1.visible=!this.mc1.visible;

this.mc2.visible=!this.mc2.visible;

if(this.mc1.visible){

this.mc1.gotoAndPlay(this.mc2.currentFrame);

} else {

this.mc2.gotoAndPlay(this.mc1.currentFrame);

}

Report · Aug 28, 2017

I don't see how that's preferable. With completely separate clips you'd have to keep two versions of every affected animation perfectly in sync. It would be a maintenance nightmare. By keeping all color variations in a single subclip you can have just one animation for each shape. I just tested it and it worked perfectly. Only takes a single line of code to switch between colors as well.

Report · Aug 28, 2017

ClayUUID what would that sinlge line of code be?? haha

Report · Aug 28, 2017

rocketship69 wrote
ClayUUID what would that sinlge line of code be?? haha

What I already said, this.blabla.blablabla.gotoAndStop(n); hahahaha

Report · Aug 28, 2017

kglad I am using your solution and the first line of code seems to work properly. I am naming my movie clip full of orange symbols mc1 and the purples mc2. So the first line, when put into the "action" when inside of a clip makes either mc1 or mc2 invisible... depending on which clip I put the code you provided into. But the second part of thee code with the function (that I am putting right below the first two lines of provided code in one of the movie clip's actions, doesn't seem to do anything. Clicking the screen has no affect. But I do know both mc21 and m2 are running in unison one in front of the other! almost there!!!

Report · Aug 29, 2017

are mc1 and mc2 on the main timeline? or are then inside another movieclip?

if they are on the timeline of another movieclip, and that other movieclip is on the main timeline, assign that parent movieclip an instance name on the main timeline (eg, mc). then (on the main timeline) use:

this.mc.mc2.visible = false;

stage.addEventListener('stagemousedown',downF.bind(this));

function downF(){

this.mc.mc1.visible=!this.mc.mc1.visible;

this.mc.mc2.visible=!this.mc.mc2.visible;

if(this.mc.mc1.visible){

this.mc.mc1.gotoAndPlay(this.mc.mc2.currentFrame);

} else {

this.mc.mc2.gotoAndPlay(this.mc.mc1.currentFrame);

}

Report · Aug 29, 2017

This would all be so much simpler if you weren't duplicating the entire animation for every color-changing symbol.

Report · Aug 29, 2017

ClayUUID thanks Clay but I'm going the other route. kglad here is how my movie clips are structured. Same for "mc2". So should I rename "app-window" to "mc" then put the action in "mc"? Thanks!

Report · Aug 29, 2017

problem is "app-window" has a ton of layers in it... none of them are called mc1 or mc2. I have to double click on an aspect of mc1 or mc2 or to go into them. So this is what it looks like before and after I click on the buildings (part of mc1).

Before

AFTER

Report · Aug 29, 2017

is mc2 that same airplane/banner but orange?

Report · Aug 29, 2017

yes

Report · Aug 29, 2017

use the instance name of app-window instead of mc in the code. you should then be able to toggle the airplane/banner from blue to orange. do likewise with the skyline/whatever else you want to toggle.

Report · Aug 29, 2017

kglad thank you so much for your assistance. This is teaching me a lot. I think I have everything in proper place, however, when I input code into the action for the appwindow layer, nothing renders in the test. Here's a gif of my current setup with naming of instances presented and such. Hope this helps!. Oh and when I remove the code, it works again... just doesn't change color!

Report · Aug 30, 2017

you have stuff misnamed. it looks like you have mc2 (or mc1) named app-window.

Report · Aug 30, 2017

kglad You did it again. I totally works. Thank you so much for baring through this with me. I really appreciate your time. Means a ton!

Report · Aug 31, 2017

you're welcome.

Report · Aug 28, 2017

Please don't ever do that again. The generated JS and HTML output is huge and not useful for discussion.

To put your HTML content online, you have to upload everything that Animate generates when you publish, in precisely the same folder structure. If you can't or don't want to do that, you can go into the publish settings and click the folder button next to all the asset/script paths. That will make Animate dump everything into the same folder as the FLA.

To swap out one image for another, just put all your swapping images in a named movieclip with a this.stop(); in the first frame. When you want to display something else do this.theNameOfMyMovieClip.gotoAndStop(1); or 2 or 3 or whatever.

Report · Aug 28, 2017

The other two helping are quite expert, so I'm not going to get into how to solve your issue. Just wanted to say that's one of the neatest animate gif demos I've ever seen.

Report · Aug 28, 2017

Colin Holgate haha. Thank you. It was extremely easy to make. All I did was use screenflow to capture my desktop and exported to animated gif.

Report · Aug 28, 2017

Well, the rotating tapping messaging isn't the same thing most screenflow users would achieve.

Adobe Community

swapping symbols on click and displaying work online

GIF COMPARISON

HTML

AND JS

1 Correct answer

Before

AFTER