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

var fonts = {};    fonts['Helvetica']='';
    fonts['cabin, sans-serif']='<script src=\"http://use.edgefonts.net/cabin:n4,i4,n7,i7,n5,i5,n6,i6:all.js\"></script>';

var opts = {
    'gAudioPreloadPreference': 'true',

    'gVideoPreloadPreference': 'auto'
};
var resources = [
];
var symbols = {
"stage": {
    version: "4.0.1",
    minimumCompatibleVersion: "4.0.1",
    build: "4.0.1.365",
    baseState: "Base State",
    scaleToFit: "both",
    centerStage: "both",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
            {
                id: 'IL_S_G01_U02_L03_03_01_01_background2',
                type: 'image',
                rect: ['47px', '81px','1265px','650px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"IL_S_G01_U02_L03_03_01_01_background.png",'0px','0px']
            },
            {
                id: 'contenido_01',
                type: 'rect',
                rect: ['47', '81','auto','auto','auto', 'auto'],
                clip: ['rect(0px 1265px 652.6669921875px 0px)']
            },
            {
                id: 'descripcion',
                display: 'block',
                type: 'text',
                rect: ['99px', '163px','1079px','auto','auto', 'auto'],
                text: "Lee la siguiente historieta<br>",
                align: "left",
                font: ['cabin, sans-serif', 32, "rgba(255,255,255,1.00)", "bold", "none", "normal"]
            },
            {
                id: 'momento',
                display: 'none',
                type: 'text',
                rect: ['100px', '135px','111px','auto','auto', 'auto'],
                text: "DESARROLLO",
                align: "left",
                font: ['cabin, sans-serif', 14, "rgba(197,115,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'flecha',
                display: 'none',
                type: 'image',
                rect: ['196px', '137px','15px','15px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"flecha.png",'0px','0px']
            },
            {
                id: 'num_actividad',
                display: 'none',
                type: 'text',
                rect: ['220px', '135px','140px','auto','auto', 'auto'],
                text: "Actividad 01",
                align: "left",
                font: ['cabin, sans-serif', 14, "rgba(229,145,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'instruccion',
                display: 'none',
                type: 'text',
                rect: ['100px', '233px','913px','auto','auto', 'auto'],
                text: "Lorem ipsum dolor sit amet, consectetur",
                align: "left",
                font: ['cabin, sans-serif', 20, "rgba(102,102,102,1.00)", "400", "none", "normal"]
            }],
            symbolInstances: [
            {
                id: 'contenido_01',
                symbolName: 'contenido_01',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_flecha}": [
                ["style", "top", '137px'],
                ["style", "display", 'none'],
                ["style", "height", '15px'],
                ["style", "left", '196px'],
                ["style", "width", '15px']
            ],
            "${_instruccion}": [
                ["style", "top", '233px'],
                ["style", "width", '913px'],
                ["color", "color", 'rgba(102,102,102,1)'],
                ["style", "display", 'none'],
                ["style", "font-weight", '400'],
                ["style", "left", '100px'],
                ["style", "font-size", '20px']
            ],
            "${_contenido_01}": [
                ["style", "clip", [37.33349609375,1265,652.6669921875,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_descripcion}": [
                ["style", "top", '163px'],
                ["style", "font-size", '32px'],
                ["color", "color", 'rgba(0,0,0,1.00)'],
                ["style", "display", 'block'],
                ["style", "left", '99px'],
                ["style", "width", '1079px']
            ],
            "${_momento}": [
                ["style", "top", '135px'],
                ["style", "width", '111px'],
                ["style", "display", 'none'],
                ["color", "color", 'rgba(197,115,34,1)'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '100px'],
                ["style", "font-size", '14px']
            ],
            "${_Stage}": [
                ["color", "background-color", 'rgba(255,255,255,0.00)'],
                ["style", "min-width", '320px'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '768px'],
                ["style", "max-width", '1366px'],
                ["style", "width", '1366px']
            ],
            "${_ok37}": [
                ["style", "top", '177px'],
                ["style", "display", 'none'],
                ["style", "height", '20px'],
                ["style", "left", '79px'],
                ["style", "width", '20px']
            ],
            "${_num_actividad}": [
                ["style", "top", '135px'],
                ["style", "width", '140px'],
                ["style", "display", 'none'],
                ["color", "color", 'rgba(229,145,34,1)'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '220px'],
                ["style", "font-size", '14px']
            ],
            "${_IL_S_G01_U02_L03_03_01_01_background2}": [
                ["style", "left", '47px'],
                ["style", "top", '81px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 1685,
            autoPlay: true,
            timeline: [
                { id: "eid980", tween: [ "style", "${_momento}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1047", tween: [ "style", "${_descripcion}", "display", 'block', { fromValue: 'block'}], position: 0, duration: 0 },
                { id: "eid1135", tween: [ "style", "${_descripcion}", "display", 'none', { fromValue: 'block'}], position: 1685, duration: 0 },
                { id: "eid979", tween: [ "style", "${_flecha}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid978", tween: [ "style", "${_num_actividad}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid888", tween: [ "style", "${_ok37}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1120", tween: [ "style", "${_contenido_01}", "clip", [37.33349609375,1265,652.6669921875,0], { valueTemplate: 'rect(@@0@@px @@1@@px @@2@@px @@3@@px)', fromValue: [37.33349609375,1265,652.6669921875,0]}], position: 0, duration: 0 },
                { id: "eid990", tween: [ "style", "${_instruccion}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1095", tween: [ "color", "${_descripcion}", "color", 'rgba(0,0,0,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,0,0,1.00)'}], position: 0, duration: 0 }            ]
        }
    }
},
"bt_audio": {
    version: "4.0.1",
    minimumCompatibleVersion: "4.0.1",
    build: "4.0.1.365",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    rect: ['0px', '0px', '90px', '90px', 'auto', 'auto'],
                    id: 'Rectangle',
                    stroke: [0, 'rgba(0,0,0,1)', 'none'],
                    type: 'rect',
                    fill: ['rgba(192,192,192,0.00)']
                },
                {
                    rect: ['0px', '0px', '90px', '180px', 'auto', 'auto'],
                    id: 'bt_audio',
                    type: 'image',
                    clip: ['rect(0px 90px 180px 0px)'],
                    fill: ['rgba(0,0,0,0)', 'images/bt_audio.png', '0px', '-97px']
                },
                {
                    rect: ['0px', '0px', '90px', '90px', 'auto', 'auto'],
                    type: 'rect',
                    cursor: ['pointer'],
                    id: 'ht_spot',
                    stroke: [0, 'rgb(0, 0, 0)', 'none'],
                    clip: ['rect(0px 90px 90px 0px)'],
                    fill: ['rgba(192,192,192,0.00)']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_bt_audio}": [
                ["style", "top", '0px'],
                ["style", "clip", [0,90,90,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "height", '180px'],
                ["style", "left", '0px'],
                ["style", "background-position", [0,5], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "width", '90px']
            ],
            "${_Rectangle}": [
                ["style", "top", '0px'],
                ["style", "height", '90px'],
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "left", '0px'],
                ["style", "width", '90px']
            ],
            "${_ht_spot}": [
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "height", '90px'],
                ["style", "clip", [0,90,90,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "cursor", 'pointer'],
                ["style", "width", '90px']
            ],
            "${symbolSelector}": [
                ["style", "height", '90px'],
                ["style", "overflow", 'hidden'],
                ["style", "width", '90px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: false,
            labels: {
                "up": 0,
                "down": 250
            },
            timeline: [
                { id: "eid1242", tween: [ "style", "${_bt_audio}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid1244", tween: [ "style", "${_bt_audio}", "left", '0px', { fromValue: '0px'}], position: 250, duration: 0 },
                { id: "eid1243", tween: [ "style", "${_bt_audio}", "top", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid1245", tween: [ "style", "${_bt_audio}", "top", '0px', { fromValue: '0px'}], position: 250, duration: 0 },
                { id: "eid3", tween: [ "style", "${_bt_audio}", "background-position", [0,5], { valueTemplate: '@@0@@px @@1@@px', fromValue: [0,5]}], position: 0, duration: 0 },
                { id: "eid4", tween: [ "style", "${_bt_audio}", "background-position", [0,-97], { valueTemplate: '@@0@@px @@1@@px', fromValue: [0,5]}], position: 250, duration: 0 }            ]
        }
    }
},
"contenido_01": {
    version: "4.0.1",
    minimumCompatibleVersion: "4.0.1",
    build: "4.0.1.365",
    baseState: "Base State",
    scaleToFit: "none",
    centerStage: "none",
    initialState: "Base State",
    gpuAccelerate: false,
    resizeInstances: false,
    content: {
            dom: [
                {
                    id: 'IL_S_G01_U02_L03_03_01_01_image_03',
                    type: 'image',
                    rect: ['43px', '119px', '612px', '414px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/IL_S_G01_U02_L03_03_01_01_image_03.png', '0px', '0px']
                },
                {
                    id: 'Group',
                    type: 'group',
                    rect: ['56px', '451', '623', '199', 'auto', 'auto'],
                    c: [
                    {
                        id: 'IL_S_G01_U02_L03_03_01_01_box_text_03',
                        type: 'image',
                        rect: ['-52px', '20px', '703px', '175px', 'auto', 'auto'],
                        fill: ['rgba(0,0,0,0)', 'images/IL_S_G01_U02_L03_03_01_01_box_text_03.png', '0px', '0px']
                    },
                    {
                        rect: ['17px', '43px', '571px', '126px', 'auto', 'auto'],
                        id: 'Text',
                        text: 'Roco encontró fragmentos de troncos de los árboles, flores, rocas, agua, el Sol y pensó que esos objetos estaban allí naturalmente sin necesidad de que el hombre los hubiera creado. <br>',
                        font: ['cabin, sans-serif', 27, 'rgba(0,0,0,1)', 'normal', 'none', ''],
                        type: 'text'
                    }]
                },
                {
                    id: 'IL_S_G01_U02_L03_03_01_01_image_04',
                    type: 'image',
                    rect: ['594px', '215px', '616px', '396px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/IL_S_G01_U02_L03_03_01_01_image_04.png', '0px', '0px']
                },
                {
                    id: 'Group2',
                    type: 'group',
                    rect: ['605', '65px', '617', '188', 'auto', 'auto'],
                    c: [
                    {
                        id: 'IL_S_G01_U02_L03_03_01_01_box_text_04',
                        type: 'image',
                        rect: ['-25px', '0px', '642px', '213px', 'auto', 'auto'],
                        fill: ['rgba(0,0,0,0)', 'images/IL_S_G01_U02_L03_03_01_01_box_text_04.png', '0px', '0px']
                    },
                    {
                        rect: ['35px', '40px', '561px', '126px', 'auto', 'auto'],
                        font: ['cabin, sans-serif', 27, 'rgba(0,0,0,1)', '400', 'none', 'normal'],
                        id: 'Text2',
                        text: 'Siguió caminando esperando encontrar más objetos naturales, pensando en que podría recoger algunos y aprovecharlos para construir algo con sus propias manos.<br>',
                        align: 'left',
                        type: 'text'
                    }]
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_Group2}": [
                ["style", "top", '65px'],
                ["style", "left", '1282px']
            ],
            "${_IL_S_G01_U02_L03_03_01_01_image_04}": [
                ["style", "left", '243px'],
                ["style", "top", '180px']
            ],
            "${_Text2}": [
                ["style", "top", '40px'],
                ["style", "width", '561px'],
                ["style", "left", '35px'],
                ["style", "font-size", '27px']
            ],
            "${_IL_S_G01_U02_L03_03_01_01_box_text_04}": [
                ["style", "height", '213px'],
                ["style", "top", '0px'],
                ["style", "left", '-25px'],
                ["style", "width", '642px']
            ],
            "${_Group}": [
                ["style", "top", '663px'],
                ["style", "left", '56px']
            ],
            "${_Text}": [
                ["style", "top", '43px'],
                ["style", "width", '571px'],
                ["style", "font-family", 'cabin, sans-serif'],
                ["style", "left", '17px'],
                ["style", "font-size", '27px']
            ],
            "${symbolSelector}": [
                ["style", "height", '850px'],
                ["style", "width", '1265px']
            ],
            "${_IL_S_G01_U02_L03_03_01_01_box_text_03}": [
                ["style", "height", '175px'],
                ["style", "top", '20px'],
                ["style", "left", '-52px'],
                ["style", "width", '703px']
            ],
            "${_IL_S_G01_U02_L03_03_01_01_image_03}": [
                ["style", "left", '268px'],
                ["style", "top", '171px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 1500,
            autoPlay: true,
            timeline: [
                { id: "eid1132", tween: [ "style", "${_Group}", "top", '439px', { fromValue: '663px'}], position: 1100, duration: 400, easing: "easeOutBack" },
                { id: "eid1130", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_03}", "left", '63px', { fromValue: '268px'}], position: 135, duration: 375, easing: "easeOutBack" },
                { id: "eid1122", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_03}", "left", '43px', { fromValue: '63px'}], position: 750, duration: 575, easing: "easeOutBack" },
                { id: "eid1128", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_04}", "top", '203px', { fromValue: '180px'}], position: 750, duration: 575, easing: "easeOutBack" },
                { id: "eid1124", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_03}", "top", '107px', { fromValue: '171px'}], position: 750, duration: 575, easing: "easeOutBack" },
                { id: "eid1134", tween: [ "style", "${_Group2}", "left", '610px', { fromValue: '1282px'}], position: 1100, duration: 400, easing: "easeOutBack" },
                { id: "eid1129", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_04}", "left", '582px', { fromValue: '243px'}], position: 135, duration: 375, easing: "easeOutBack" },
                { id: "eid1126", tween: [ "style", "${_IL_S_G01_U02_L03_03_01_01_image_04}", "left", '594px', { fromValue: '582px'}], position: 750, duration: 575, easing: "easeOutBack" }            ]
        }
    }
}
};


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

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