/**
 * 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_1',
                type: 'image',
                rect: ['0', '0','1100px','700px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson2_5/bg_1.jpg",'0px','0px']
            },
            {
                id: 'ipst_logo',
                type: 'image',
                rect: ['29px', '24px','273px','52px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/ipst_logo.png",'0px','0px']
            },
            {
                id: 'content_1',
                type: 'image',
                rect: ['356px', '161px','602px','217px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"air/lesson2_5/content_1.png",'0px','0px']
            },
            {
                id: 'cartoon_12',
                type: 'rect',
                rect: ['104', '193','auto','auto','auto', 'auto']
            }],
            symbolInstances: [
            {
                id: 'cartoon_12',
                symbolName: 'cartoon_1',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_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']
            ],
            "${_ipst_logo}": [
                ["style", "left", '29px'],
                ["style", "top", '24px']
            ],
            "${_content_1}": [
                ["style", "top", '161px'],
                ["style", "opacity", '0'],
                ["style", "left", '356px']
            ],
            "${_cartoon_12}": [
                ["style", "top", '343px'],
                ["style", "opacity", '1'],
                ["style", "left", '-58px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2750,
            autoPlay: true,
            timeline: [
                { id: "eid16", tween: [ "style", "${_content_1}", "opacity", '1', { fromValue: '0'}], position: 500, duration: 1500 },
                { id: "eid22", tween: [ "style", "${_cartoon_12}", "top", '193px', { fromValue: '343px'}], position: 0, duration: 1000 },
                { id: "eid20", tween: [ "style", "${_cartoon_12}", "left", '104px', { fromValue: '-58px'}], position: 0, duration: 1000 }            ]
        }
    }
},
"cartoon_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: [
                {
                    rect: ['36px', '19px', '161px', '250px', 'auto', 'auto'],
                    id: 'cartoon_1',
                    transform: [[0, 0], ['-19']],
                    type: 'image',
                    fill: ['rgba(0,0,0,0)', 'images/air/lesson2_5/cartoon_1.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_cartoon_1}": [
                ["style", "top", '19px'],
                ["transform", "rotateZ", '-19deg'],
                ["style", "height", '250px'],
                ["style", "left", '36px'],
                ["style", "width", '161px']
            ],
            "${symbolSelector}": [
                ["style", "height", '289px'],
                ["style", "width", '234px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2750,
            autoPlay: true,
            labels: {
                "loop_1": 500
            },
            timeline: [
                { id: "eid2", tween: [ "style", "${_cartoon_1}", "top", '4px', { fromValue: '19px'}], position: 500, duration: 1000 },
                { id: "eid3", tween: [ "style", "${_cartoon_1}", "top", '19px', { fromValue: '4px'}], position: 1500, duration: 1000 }            ]
        }
    }
}
};


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

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