/**
 * 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: 'Background',
                type: 'image',
                rect: ['47px', '81px','1265px','650px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"IL_L_G02_U05_L06_03_02_Background.png",'0px','0px']
            },
            {
                id: 'iconos',
                type: 'image',
                rect: ['176px', '306px','1011px','428px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"IL_L_G02_U05_L06_03_02_iconos.png",'0px','0px']
            },
            {
                id: 'RoundRect',
                type: 'rect',
                rect: ['111px', '206px','1145px','81px','auto', 'auto'],
                borderRadius: ["10px", "10px", "10px", "10px"],
                fill: ["rgba(212,80,80,1.00)"],
                stroke: [0,"rgba(0,0,0,1)","none"]
            },
            {
                id: 'Text_1',
                type: 'text',
                rect: ['606px', '267px','1040px','13px','auto', 'auto'],
                text: "En ocasiones, un grupo de personas se pone de acuerdo para escribir mensajes usando símbolos en lugar de las letras comunes.<br>",
                align: "left",
                font: ['cabin, sans-serif', 28, "rgba(255,255,255,1.00)", "400", "none", "normal"]
            },
            {
                id: 'descripcion',
                display: 'block',
                type: 'text',
                rect: ['100px', '165px','1079px','auto','auto', 'auto'],
                text: "Observa los símbolos.<br>",
                align: "left",
                font: ['cabin, sans-serif', 32, "rgba(0,0,0,1.00)", "bold", "none", "normal"]
            },
            {
                id: 'momento',
                display: 'none',
                type: 'text',
                rect: ['100px', '129px','120px','auto','auto', 'auto'],
                text: "Desarrollo",
                align: "left",
                font: ['cabin, sans-serif', 24, "rgba(197,115,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'flecha',
                display: 'none',
                type: 'image',
                rect: ['212px', '137px','15px','15px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"flecha.png",'0px','0px']
            },
            {
                id: 'num_actividad',
                display: 'none',
                type: 'text',
                rect: ['231px', '129px','128px','auto','auto', 'auto'],
                text: "Actividad 3",
                align: "left",
                font: ['cabin, sans-serif', 24, "rgba(229,145,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'instruccion',
                display: 'none',
                type: 'text',
                rect: ['100px', '209px','913px','auto','auto', 'auto'],
                text: "Escucha, lee y repite el trabalenguas. <br>",
                align: "left",
                font: ['cabin, sans-serif', 26, "rgba(102,102,102,1.00)", "400", "none", "normal"]
            },
            {
                id: 'bt_audio',
                display: 'none',
                type: 'rect',
                rect: ['199px', '254px','auto','auto','auto', 'auto'],
                title: 'audio_01',
                cursor: ['pointer'],
                transform: [[],[],[],['0.83333','0.83333']]
            }],
            symbolInstances: [
            {
                id: 'bt_audio',
                symbolName: 'bt_audio',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_flecha}": [
                ["style", "top", '137px'],
                ["style", "height", '15px'],
                ["style", "display", 'none'],
                ["style", "left", '212px'],
                ["style", "width", '15px']
            ],
            "${_instruccion}": [
                ["style", "top", '209px'],
                ["style", "font-size", '26px'],
                ["color", "color", 'rgba(102,102,102,1)'],
                ["style", "display", 'none'],
                ["style", "font-weight", '400'],
                ["style", "left", '100px'],
                ["style", "width", '913px']
            ],
            "${_ok37}": [
                ["style", "top", '177px'],
                ["style", "height", '20px'],
                ["style", "display", 'none'],
                ["style", "left", '79px'],
                ["style", "width", '20px']
            ],
            "${_RoundRect}": [
                ["style", "top", '206px'],
                ["color", "background-color", 'rgba(212,80,80,1.00)'],
                ["style", "height", '13px'],
                ["style", "opacity", '0'],
                ["style", "left", '111px'],
                ["style", "width", '1145px']
            ],
            "${_num_actividad}": [
                ["style", "top", '129px'],
                ["style", "font-size", '24px'],
                ["color", "color", 'rgba(229,145,34,1.00)'],
                ["style", "display", 'none'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '231px'],
                ["style", "width", '128px']
            ],
            "${_Background}": [
                ["style", "left", '47px'],
                ["style", "top", '81px']
            ],
            "${_descripcion}": [
                ["style", "top", '165px'],
                ["style", "width", '1079px'],
                ["color", "color", 'rgba(0,0,0,1.00)'],
                ["style", "display", 'block'],
                ["style", "left", '100px'],
                ["style", "font-size", '32px']
            ],
            "${_momento}": [
                ["style", "top", '129px'],
                ["style", "font-size", '24px'],
                ["color", "color", 'rgba(197,115,34,1.00)'],
                ["style", "display", 'none'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '100px'],
                ["style", "width", '120px']
            ],
            "${_bt_audio}": [
                ["style", "top", '254px'],
                ["transform", "scaleY", '0.83333'],
                ["transform", "scaleX", '0.83333'],
                ["style", "cursor", 'pointer'],
                ["style", "left", '199px'],
                ["style", "display", 'none']
            ],
            "${_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']
            ],
            "${_iconos}": [
                ["style", "top", '306px'],
                ["transform", "scaleY", '0.77579'],
                ["transform", "scaleX", '0.77579'],
                ["style", "opacity", '0'],
                ["style", "left", '176px']
            ],
            "${_Text_1}": [
                ["style", "top", '299px'],
                ["color", "color", 'rgba(255,255,255,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "font-size", '28px'],
                ["style", "height", '13px'],
                ["style", "opacity", '0'],
                ["style", "left", '607px'],
                ["style", "width", '1040px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 830,
            autoPlay: true,
            timeline: [
                { id: "eid1311", tween: [ "transform", "${_iconos}", "scaleX", '1', { fromValue: '0.77579'}], position: 350, duration: 480, easing: "easeOutElastic" },
                { id: "eid1294", tween: [ "style", "${_Text_1}", "top", '210px', { fromValue: '299px'}], position: 40, duration: 515, easing: "easeOutCirc" },
                { id: "eid1263", tween: [ "style", "${_instruccion}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1262", tween: [ "style", "${_descripcion}", "display", 'block', { fromValue: 'block'}], position: 0, duration: 0 },
                { id: "eid1302", tween: [ "style", "${_Text_1}", "opacity", '1', { fromValue: '0'}], position: 40, duration: 515, easing: "easeOutCirc" },
                { id: "eid1315", tween: [ "style", "${_iconos}", "opacity", '1', { fromValue: '0'}], position: 350, duration: 480, easing: "easeOutElastic" },
                { id: "eid1313", tween: [ "transform", "${_iconos}", "scaleY", '1', { fromValue: '0.77579'}], position: 350, duration: 480, easing: "easeOutElastic" },
                { id: "eid1309", tween: [ "style", "${_RoundRect}", "opacity", '1', { fromValue: '0'}], position: 40, duration: 515, easing: "easeOutCirc" },
                { id: "eid1261", tween: [ "style", "${_num_actividad}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1260", tween: [ "style", "${_flecha}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1259", tween: [ "style", "${_momento}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1264", tween: [ "style", "${_bt_audio}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid888", tween: [ "style", "${_ok37}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1292", tween: [ "style", "${_Text_1}", "left", '162px', { fromValue: '607px'}], position: 40, duration: 515, easing: "easeOutCirc" },
                { id: "eid1304", tween: [ "style", "${_RoundRect}", "height", '81px', { fromValue: '13px'}], position: 40, duration: 515, easing: "easeOutCirc" }            ]
        }
    }
},
"flecha_bt": {
    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: [
                {
                    type: 'rect',
                    id: 'Rectangle2',
                    stroke: [0, 'rgb(0, 0, 0)', 'none'],
                    rect: ['0px', '0px', '89px', '83px', 'auto', 'auto'],
                    fill: ['rgba(192,192,192,0.00)']
                },
                {
                    id: 'M_G01_U01_L03_03_03_06Copy2',
                    type: 'image',
                    rect: ['0px', '0px', '80px', '200px', 'auto', 'auto'],
                    fill: ['rgba(0,0,0,0)', 'images/M_G01_U01_L03_03_03_062.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_M_G01_U01_L03_03_03_06Copy2}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ],
            "${_Rectangle2}": [
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "height", '83px'],
                ["style", "top", '0px'],
                ["style", "left", '0px'],
                ["style", "width", '89px']
            ],
            "${symbolSelector}": [
                ["style", "height", '83px'],
                ["style", "width", '89px'],
                ["style", "overflow", 'hidden']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: false,
            labels: {
                "up": 0,
                "down": 250
            },
            timeline: [
                { id: "eid1306", tween: [ "style", "${_M_G01_U01_L03_03_03_06Copy2}", "left", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid1307", tween: [ "style", "${_M_G01_U01_L03_03_03_06Copy2}", "top", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
                { id: "eid1308", tween: [ "style", "${_M_G01_U01_L03_03_03_06Copy2}", "top", '-110px', { fromValue: '0px'}], position: 250, 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", "background-position", [0,5], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "height", '180px'],
                ["style", "clip", [0,90,90,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "left", '0px'],
                ["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", "cursor", 'pointer'],
                ["style", "clip", [0,90,90,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "width", '90px']
            ],
            "${symbolSelector}": [
                ["style", "height", '90px'],
                ["style", "width", '90px'],
                ["style", "overflow", 'hidden']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: false,
            labels: {
                "up": 0,
                "down": 250
            },
            timeline: [
                { 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 },
                { 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: "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 }            ]
        }
    }
}
};


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

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