/**
 * 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_5',
                type: 'image',
                rect: ['0', '0','1100px','700px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_5/BG_5.jpg",'0px','0px']
            },
            {
                id: 'mascot_1',
                type: 'image',
                rect: ['56px', '516px','180px','280px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_5/mascot_1.png",'0px','0px']
            },
            {
                id: 'massage',
                type: 'image',
                rect: ['286px', '567px','692px','60px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_5/massage.png",'0px','0px']
            },
            {
                id: 'btncheck',
                display: 'block',
                type: 'rect',
                rect: ['375', '431','auto','auto','auto', 'auto'],
                cursor: ['pointer']
            },
            {
                id: 'button',
                display: 'none',
                type: 'image',
                rect: ['375', '431','139px','36px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson1_5/button.png",'0px','0px']
            },
            {
                id: 'sym_text',
                type: 'rect',
                rect: ['119', '182','auto','auto','auto', 'auto']
            },
            {
                id: 'answer',
                type: 'text',
                rect: ['120px', '291px','378px','110px','auto', 'auto'],
                text: "",
                align: "left",
                font: ['Arial, Helvetica, sans-serif', 24, "rgba(0,0,0,1)", "400", "none", "normal"]
            }],
            symbolInstances: [
            {
                id: 'btncheck',
                symbolName: 'btncheck',
                autoPlay: {

                }
            },
            {
                id: 'sym_text',
                symbolName: 'sym_text',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_massage}": [
                ["style", "top", '592px'],
                ["style", "opacity", '0'],
                ["style", "left", '286px']
            ],
            "${_btncheck}": [
                ["style", "display", 'block'],
                ["style", "cursor", 'pointer']
            ],
            "${_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']
            ],
            "${_answer}": [
                ["style", "top", '291px'],
                ["style", "height", '110px'],
                ["style", "width", '378px']
            ],
            "${_button}": [
                ["style", "display", 'none']
            ],
            "${_mascot_1}": [
                ["style", "top", '522px'],
                ["style", "opacity", '0'],
                ["style", "left", '-43px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2000,
            autoPlay: false,
            labels: {
                "checkQ": 500
            },
            timeline: [
                { id: "eid6", tween: [ "style", "${_mascot_1}", "opacity", '1', { fromValue: '0'}], position: 500, duration: 1500, easing: "easeOutQuad" },
                { id: "eid10", tween: [ "style", "${_massage}", "opacity", '1', { fromValue: '0'}], position: 500, duration: 1000 },
                { id: "eid2", tween: [ "style", "${_mascot_1}", "left", '56px', { fromValue: '-43px'}], position: 500, duration: 1500, easing: "easeOutQuad" },
                { id: "eid8", tween: [ "style", "${_massage}", "top", '567px', { fromValue: '592px'}], position: 500, duration: 1000 },
                { id: "eid20", tween: [ "style", "${_btncheck}", "display", 'none', { fromValue: 'block'}], position: 500, duration: 0 },
                { id: "eid4", tween: [ "style", "${_mascot_1}", "top", '546px', { fromValue: '522px'}], position: 500, duration: 267, easing: "easeOutQuad" },
                { id: "eid11", tween: [ "style", "${_mascot_1}", "top", '521px', { fromValue: '546px'}], position: 767, duration: 705, easing: "easeOutQuad" },
                { id: "eid12", tween: [ "style", "${_mascot_1}", "top", '516px', { fromValue: '521px'}], position: 1472, duration: 528, easing: "easeOutQuad" },
                { id: "eid19", tween: [ "style", "${_button}", "display", 'block', { fromValue: 'none'}], position: 500, duration: 0 }            ]
        }
    }
},
"sym_text": {
    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: 'ask',
                    type: 'image',
                    rect: ['0px', '0px', '395px', '213px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/air/lesson1_5/ask.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_ask}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ],
            "${symbolSelector}": [
                ["style", "height", '213px'],
                ["style", "width", '395px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
            ]
        }
    }
},
"btncheck": {
    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: [
                {
                    type: 'image',
                    display: 'block',
                    rect: ['0px', '0px', '139px', '36px', 'auto', 'auto'],
                    id: 'button',
                    fill: ['rgba(0,0,0,0)', 'images/air/lesson1_5/button.png', '0px', '0px']
                },
                {
                    type: 'image',
                    display: 'none',
                    rect: ['0', '0', '139px', '36px', 'auto', 'auto'],
                    id: 'button_active',
                    fill: ['rgba(0,0,0,0)', 'images/air/lesson1_5/button_active.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_button}": [
                ["style", "top", '0px'],
                ["style", "left", '0px'],
                ["style", "display", 'block']
            ],
            "${_button_active}": [
                ["style", "display", 'none']
            ],
            "${symbolSelector}": [
                ["style", "height", '36px'],
                ["style", "width", '139px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 500,
            autoPlay: true,
            labels: {
                "out": 0,
                "over": 500
            },
            timeline: [
                { id: "eid13", tween: [ "style", "${_button_active}", "display", 'block', { fromValue: 'none'}], position: 500, duration: 0, easing: "easeOutQuad" },
                { id: "eid14", tween: [ "style", "${_button}", "display", 'none', { fromValue: 'block'}], position: 500, duration: 0, easing: "easeOutQuad" }            ]
        }
    }
}
};


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

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