/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};
var opts = {};
var resources = [
];
var symbols = {
"stage": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "width",
    centerStage: "both",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
            {
                id: 'Bg_3',
                type: 'image',
                rect: ['0', '0','1100px','700px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_3/Bg_3.jpg",'0px','0px']
            },
            {
                id: 'Mar',
                type: 'image',
                rect: ['-162px', '388px','524px','524px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_3/Mar.png",'0px','0px']
            },
            {
                id: 'mc_mascot_1',
                type: 'rect',
                rect: ['62', '310','auto','auto','auto', 'auto']
            },
            {
                id: 'textBox',
                type: 'image',
                rect: ['224px', '83px','676px','355px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_3/textBox.png",'0px','0px']
            },
            {
                id: 'mascot_2',
                type: 'image',
                rect: ['722px', '472px','140px','212px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_3/mascot_2.png",'0px','0px']
            }],
            symbolInstances: [
            {
                id: 'mc_mascot_1',
                symbolName: 'mc_mascot_1',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_Mar}": [
                ["style", "top", '388px'],
                ["style", "left", '-162px']
            ],
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,1)'],
                ["style", "min-width", '1024px'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '700px'],
                ["style", "max-width", '1100px'],
                ["style", "width", '1100px']
            ],
            "${_mascot_2}": [
                ["style", "top", '472px'],
                ["style", "left", '722px']
            ],
            "${_textBox}": [
                ["style", "top", '117px'],
                ["style", "opacity", '0'],
                ["style", "left", '224px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2250,
            autoPlay: false,
            timeline: [
                { id: "eid15", tween: [ "style", "${_textBox}", "opacity", '1', { fromValue: '0'}], position: 1000, duration: 1000, easing: "easeOutQuad" },
                { id: "eid12", tween: [ "style", "${_textBox}", "top", '83px', { fromValue: '117px'}], position: 1000, duration: 1000 }            ]
        }
    }
},
"mc_mascot_1": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    display: 'none',
                    type: 'rect',
                    rect: ['0', '0', 'auto', 'auto', 'auto', 'auto'],
                    id: 'mc_loop'
                }
            ],
            symbolInstances: [
            {
                id: 'mc_loop',
                symbolName: 'mc_loop',
                autoPlay: {

               }
            }            ]
        },
    states: {
        "Base State": {
            "${_mc_loop}": [
                ["style", "top", '34px'],
                ["transform", "scaleY", '0.15108'],
                ["style", "display", 'none']
            ],
            "${symbolSelector}": [
                ["style", "height", '128px'],
                ["style", "width", '106px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2250,
            autoPlay: true,
            timeline: [
                { id: "eid21", tween: [ "style", "${_mc_loop}", "top", '0px', { fromValue: '34px'}], position: 1500, duration: 500, easing: "easeInOutQuad" },
                { id: "eid19", tween: [ "transform", "${_mc_loop}", "scaleY", '1.15592', { fromValue: '0.15108'}], position: 1500, duration: 500, easing: "easeInOutQuad" },
                { id: "eid22", tween: [ "transform", "${_mc_loop}", "scaleY", '1', { fromValue: '1.15592'}], position: 2000, duration: 250, easing: "easeInOutQuad" },
                { id: "eid23", tween: [ "style", "${_mc_loop}", "display", 'block', { fromValue: 'none'}], position: 1500, duration: 0, easing: "easeInOutQuad" }            ]
        }
    }
},
"mc_loop": {
    version: "3.0.0",
    minimumCompatibleVersion: "3.0.0",
    build: "3.0.0.322",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'mascot',
                    type: 'image',
                    rect: ['0px', '0px', '106px', '128px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/lesson1_3/mascot.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${symbolSelector}": [
                ["style", "height", '128px'],
                ["style", "width", '106px']
            ],
            "${_mascot}": [
                ["style", "top", '0px'],
                ["style", "left", '0px'],
                ["style", "height", '128px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: true,
            timeline: [
                { id: "eid17", tween: [ "style", "${_mascot}", "top", '-12px', { fromValue: '0px'}], position: 0, duration: 500, easing: "easeInOutQuad" },
                { id: "eid16", tween: [ "style", "${_mascot}", "height", '140px', { fromValue: '128px'}], position: 0, duration: 500, easing: "easeInOutQuad" }            ]
        }
    }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources, opts);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-22403140");
