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

var fonts = {};    fonts['Helvetica']='';
    fonts['cabin, \'Trebuchet MS\', \'Myriad Pro\', \'Gill Sans MT\', Helvetica, 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: 'LG2U5L10302_bg',
                type: 'image',
                rect: ['48px', '81px','1265px','650px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_bg.jpg",'0px','0px']
            },
            {
                id: 'LG2U5L10302_btns',
                type: 'image',
                rect: ['254px', '192px','186px','521px','auto', 'auto'],
                clip: ['rect(452.3811950683594px 186px 521px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_btns.png",'0px','0px'],
                transform: [[],[],[],['0.9','0.9']]
            },
            {
                id: 'LG2U5L10302_btnsCopy',
                type: 'image',
                rect: ['254px', '162px','186px','521px','auto', 'auto'],
                clip: ['rect(382.53961181640625px 186px 454.3333435058594px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_btns.png",'0px','0px'],
                transform: [[],[],[],['0.9','0.9']]
            },
            {
                id: 'LG2U5L10302_btnsCopy2',
                type: 'image',
                rect: ['254px', '192px','186px','521px','auto', 'auto'],
                clip: ['rect(239.6826171875px 186px 309.8888854980469px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_btns.png",'0px','0px'],
                transform: [[],[],[],['0.9','0.9']]
            },
            {
                id: 'LG2U5L10302_btnsCopy3',
                type: 'image',
                rect: ['254px', '203px','186px','521px','auto', 'auto'],
                clip: ['rect(114.28548431396484px 186px 182.90484619140625px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_btns.png",'0px','0px'],
                transform: [[],[],[],['0.9','0.9']]
            },
            {
                id: 'LG2U5L10302_btnsCopy4',
                type: 'image',
                rect: ['254px', '211px','186px','521px','auto', 'auto'],
                clip: ['rect(0px 186px 87.66666412353516px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"LG2U5L10302_btns.png",'0px','0px'],
                transform: [[],[],[],['0.9','0.9']]
            },
            {
                id: 'bt_ayuda',
                type: 'rect',
                rect: ['691px', '698px','auto','auto','auto', 'auto']
            },
            {
                id: 'bt_reiniciar',
                type: 'rect',
                rect: ['604px', '698px','auto','auto','auto', 'auto']
            },
            {
                id: 'hotspot_ayuda',
                type: 'rect',
                rect: ['690px', '698px','70px','70px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(192,192,192,0.00)"],
                stroke: [0,"rgba(0,0,0,1)","none"]
            },
            {
                id: 'hotspot_reiniciar',
                type: 'rect',
                rect: ['604px', '698px','70px','70px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(192,192,192,0.00)"],
                stroke: [0,"rgba(0,0,0,1)","none"]
            },
            {
                id: 'TextArea_1',
                type: 'rect',
                rect: ['876px', '255px','339px','61px','auto', 'auto'],
                borderRadius: ["0px 0px", "0px 0px", "0px 0px", "0px 0px"],
                fill: ["rgba(65,233,223,0.22)"],
                stroke: [1,"rgba(255,121,121,1.00)","none"]
            },
            {
                id: 'TextArea_2',
                type: 'rect',
                rect: ['495px', '325px','339px','61px','auto', 'auto'],
                borderRadius: ["0px 0px", "0px 0px", "0px 0px", "0px 0px"],
                fill: ["rgba(65,233,223,0.22)"],
                stroke: [1,"rgba(255,121,121,1.00)","none"]
            },
            {
                id: 'TextArea_3',
                type: 'rect',
                rect: ['495px', '411px','720px','91px','auto', 'auto'],
                borderRadius: ["0px 0px", "0px 0px", "0px 0px", "0px 0px"],
                fill: ["rgba(65,233,223,0.22)"],
                stroke: [1,"rgba(255,121,121,1.00)","none"]
            },
            {
                id: 'TextArea_4',
                type: 'rect',
                rect: ['495px', '527px','367px','61px','auto', 'auto'],
                borderRadius: ["0px 0px", "0px 0px", "0px 0px", "0px 0px"],
                fill: ["rgba(65,233,223,0.22)"],
                stroke: [1,"rgba(255,121,121,1.00)","none"]
            },
            {
                id: 'TextArea_5',
                type: 'rect',
                rect: ['495px', '613px','367px','61px','auto', 'auto'],
                borderRadius: ["0px 0px", "0px 0px", "0px 0px", "0px 0px"],
                fill: ["rgba(65,233,223,0.22)"],
                stroke: [1,"rgba(255,121,121,1.00)","none"]
            },
            {
                id: 'help',
                display: 'none',
                type: 'image',
                rect: ['416px', '331px','531px','249px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"help_textarea.png",'0px','0px']
            },
            {
                id: 'descripcion',
                type: 'text',
                rect: ['100px', '160px','1176px','auto','auto', 'auto'],
                text: "Imagina que has hecho parte del paseo al zoológico. Escribe una carta a un amigo contándole cómo fue tu día. <br>",
                align: "left",
                font: ['cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif', 29, "rgba(26,26,26,1.00)", "bold", "none", "normal"]
            }],
            symbolInstances: [
            {
                id: 'bt_reiniciar',
                symbolName: 'bt_reiniciar',
                autoPlay: {

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

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_bt_ayuda}": [
                ["style", "top", '698px'],
                ["transform", "scaleY", '1'],
                ["style", "left", '691px'],
                ["transform", "scaleX", '1']
            ],
            "${_hotspot_reiniciar}": [
                ["style", "top", '698px'],
                ["color", "background-color", 'rgba(192,192,192,0)'],
                ["style", "height", '70px'],
                ["style", "left", '604px'],
                ["style", "cursor", 'pointer'],
                ["style", "width", '70px']
            ],
            "${_LG2U5L10302_bg}": [
                ["style", "left", '48px'],
                ["style", "top", '81px']
            ],
            "${_LG2U5L10302_btnsCopy3}": [
                ["style", "top", '203px'],
                ["transform", "scaleY", '0.9'],
                ["transform", "scaleX", '0.9'],
                ["style", "opacity", '0'],
                ["style", "left", '348px'],
                ["style", "clip", [114.28548431396484,186,182.90484619140625,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_ok37}": [
                ["style", "top", '177px'],
                ["style", "height", '20px'],
                ["style", "display", 'none'],
                ["style", "left", '79px'],
                ["style", "width", '20px']
            ],
            "${_help}": [
                ["style", "top", '331px'],
                ["style", "left", '416px'],
                ["style", "display", 'none']
            ],
            "${_TextArea_5}": [
                ["color", "background-color", 'rgba(65,233,223,0.22)'],
                ["style", "border-style", 'none'],
                ["style", "border-width", '1px'],
                ["style", "width", '367px'],
                ["style", "top", '613px'],
                ["style", "height", '61px'],
                ["color", "border-color", 'rgba(255,121,121,1.00)'],
                ["style", "opacity", '0'],
                ["style", "left", '495px']
            ],
            "${_bt_reiniciar}": [
                ["style", "top", '698px'],
                ["transform", "scaleY", '1'],
                ["style", "left", '604px'],
                ["transform", "scaleX", '1']
            ],
            "${_hotspot_ayuda}": [
                ["style", "top", '698px'],
                ["color", "background-color", 'rgba(192,192,192,0)'],
                ["style", "height", '70px'],
                ["style", "left", '690px'],
                ["style", "cursor", 'pointer'],
                ["style", "width", '70px']
            ],
            "${_LG2U5L10302_btnsCopy2}": [
                ["style", "top", '192px'],
                ["transform", "scaleY", '0.9'],
                ["transform", "scaleX", '0.9'],
                ["style", "opacity", '0'],
                ["style", "left", '348px'],
                ["style", "clip", [239.6826171875,186,309.8888854980469,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_TextArea_4}": [
                ["color", "background-color", 'rgba(65,233,223,0.22)'],
                ["style", "border-style", 'none'],
                ["style", "left", '495px'],
                ["style", "width", '367px'],
                ["style", "top", '527px'],
                ["style", "height", '61px'],
                ["color", "border-color", 'rgba(255,121,121,1.00)'],
                ["style", "opacity", '0'],
                ["style", "border-width", '1px']
            ],
            "${_LG2U5L10302_btnsCopy4}": [
                ["style", "top", '211px'],
                ["transform", "scaleY", '0.9'],
                ["transform", "scaleX", '0.9'],
                ["style", "opacity", '0'],
                ["style", "left", '348px'],
                ["style", "clip", [0,186,87.66666412353516,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_LG2U5L10302_btnsCopy}": [
                ["style", "top", '162px'],
                ["transform", "scaleY", '0.9'],
                ["transform", "scaleX", '0.9'],
                ["style", "opacity", '0'],
                ["style", "left", '348px'],
                ["style", "clip", [382.53961181640625,186,454.3333435058594,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_TextArea_2}": [
                ["color", "background-color", 'rgba(65,233,223,0.22)'],
                ["style", "border-style", 'none'],
                ["style", "left", '495px'],
                ["style", "width", '339px'],
                ["style", "top", '325px'],
                ["style", "height", '61px'],
                ["color", "border-color", 'rgba(255,121,121,1.00)'],
                ["style", "opacity", '0'],
                ["style", "border-width", '1px']
            ],
            "${_descripcion}": [
                ["style", "top", '160px'],
                ["style", "width", '1176px'],
                ["color", "color", 'rgba(26,26,26,1)'],
                ["style", "font-family", 'cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif'],
                ["style", "left", '100px'],
                ["style", "font-size", '29px']
            ],
            "${_TextArea_1}": [
                ["color", "background-color", 'rgba(65,233,223,0.22)'],
                ["style", "border-style", 'none'],
                ["style", "left", '876px'],
                ["style", "width", '339px'],
                ["style", "top", '255px'],
                ["style", "height", '61px'],
                ["color", "border-color", 'rgba(255,121,121,1.00)'],
                ["style", "opacity", '0'],
                ["style", "border-width", '1px']
            ],
            "${_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']
            ],
            "${_box_01}": [
                ["color", "background-color", 'rgba(255,255,255,0.00)'],
                ["style", "border-top-left-radius", [0,0], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "border-bottom-right-radius", [0,0], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "opacity", '1'],
                ["style", "left", '34px'],
                ["style", "width", '446px'],
                ["style", "top", '226px'],
                ["style", "border-bottom-left-radius", [0,0], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "display", 'block'],
                ["style", "border-top-right-radius", [0,0], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "height", '282px']
            ],
            "${_LG2U5L10302_btns}": [
                ["style", "top", '192px'],
                ["transform", "scaleY", '0.9'],
                ["transform", "scaleX", '0.9'],
                ["style", "opacity", '0'],
                ["style", "left", '348px'],
                ["style", "clip", [452.3811950683594,186,521,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_TextArea_3}": [
                ["color", "background-color", 'rgba(65,233,223,0.22)'],
                ["style", "border-style", 'none'],
                ["style", "border-width", '1px'],
                ["style", "width", '720px'],
                ["style", "top", '411px'],
                ["style", "height", '91px'],
                ["color", "border-color", 'rgba(255,121,121,1.00)'],
                ["style", "opacity", '0'],
                ["style", "left", '495px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 1500,
            autoPlay: true,
            timeline: [
                { id: "eid979", tween: [ "style", "${_LG2U5L10302_btnsCopy}", "opacity", '1', { fromValue: '0'}], position: 390, duration: 900, easing: "easeOutBack" },
                { id: "eid997", tween: [ "style", "${_TextArea_1}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 900, easing: "easeOutBack" },
                { id: "eid977", tween: [ "style", "${_LG2U5L10302_btnsCopy2}", "left", '254px', { fromValue: '348px'}], position: 250, duration: 900, easing: "easeOutBack" },
                { id: "eid967", tween: [ "style", "${_help}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid985", tween: [ "style", "${_LG2U5L10302_btnsCopy4}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 900, easing: "easeOutBack" },
                { id: "eid989", tween: [ "style", "${_TextArea_2}", "opacity", '1', { fromValue: '0'}], position: 100, duration: 900, easing: "easeOutBack" },
                { id: "eid983", tween: [ "style", "${_LG2U5L10302_btns}", "opacity", '1', { fromValue: '0'}], position: 600, duration: 900, easing: "easeOutBack" },
                { id: "eid995", tween: [ "style", "${_TextArea_5}", "opacity", '1', { fromValue: '0'}], position: 600, duration: 900, easing: "easeOutBack" },
                { id: "eid969", tween: [ "style", "${_LG2U5L10302_btnsCopy}", "left", '254px', { fromValue: '348px'}], position: 390, duration: 900, easing: "easeOutBack" },
                { id: "eid975", tween: [ "style", "${_LG2U5L10302_btnsCopy4}", "left", '254px', { fromValue: '348px'}], position: 0, duration: 900, easing: "easeOutBack" },
                { id: "eid497", tween: [ "gradient", "${_box_01}", "background-image", [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]], { fromValue: [270,[['rgba(255,255,255,0.00)',0],['rgba(255,255,255,0.00)',100]]]}], position: 0, duration: 0 },
                { id: "eid973", tween: [ "style", "${_LG2U5L10302_btns}", "left", '254px', { fromValue: '348px'}], position: 600, duration: 900, easing: "easeOutBack" },
                { id: "eid987", tween: [ "style", "${_LG2U5L10302_btnsCopy2}", "opacity", '1', { fromValue: '0'}], position: 250, duration: 900, easing: "easeOutBack" },
                { id: "eid981", tween: [ "style", "${_LG2U5L10302_btnsCopy3}", "opacity", '1', { fromValue: '0'}], position: 100, duration: 900, easing: "easeOutBack" },
                { id: "eid888", tween: [ "style", "${_ok37}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid993", tween: [ "style", "${_TextArea_4}", "opacity", '1', { fromValue: '0'}], position: 390, duration: 900, easing: "easeOutBack" },
                { id: "eid971", tween: [ "style", "${_LG2U5L10302_btnsCopy3}", "left", '254px', { fromValue: '348px'}], position: 100, duration: 900, easing: "easeOutBack" },
                { id: "eid991", tween: [ "style", "${_TextArea_3}", "opacity", '1', { fromValue: '0'}], position: 250, duration: 900, easing: "easeOutBack" }            ]
        }
    }
},
"bt_ayuda": {
    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: true,
    content: {
            dom: [
                {
                    rect: ['0', '0', '290px', '140px', 'auto', 'auto'],
                    id: 'botones4',
                    type: 'image',
                    clip: ['rect(0px 70px 70px 0px)'],
                    fill: ['rgba(0,0,0,0)', 'images/botones.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_botones4}": [
                ["style", "clip", [0,70,70,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "background-position", [-220,0], {valueTemplate:'@@0@@px @@1@@px'} ]
            ],
            "${symbolSelector}": [
                ["style", "height", '70px'],
                ["style", "overflow", 'hidden'],
                ["style", "width", '70px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: false,
            labels: {
                "normal": 0,
                "down": 250
            },
            timeline: [
                { id: "eid1280", tween: [ "style", "${_botones4}", "background-position", [-220,0], { valueTemplate: '@@0@@px @@1@@px', fromValue: [-220,0]}], position: 0, duration: 0 },
                { id: "eid1281", tween: [ "style", "${_botones4}", "background-position", [-220,-70], { valueTemplate: '@@0@@px @@1@@px', fromValue: [-220,0]}], position: 250, duration: 0 }            ]
        }
    }
},
"bt_reiniciar": {
    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: true,
    content: {
            dom: [
                {
                    type: 'image',
                    id: 'botones3',
                    rect: ['0', '0', '290px', '140px', 'auto', 'auto'],
                    clip: ['rect(0px 70px 70px 0px)'],
                    fill: ['rgba(0,0,0,0)', 'images/botones.png', '0px', '0px']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${symbolSelector}": [
                ["style", "height", '70px'],
                ["style", "overflow", 'hidden'],
                ["style", "width", '70px']
            ],
            "${_botones3}": [
                ["style", "clip", [0,70,70,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ],
                ["style", "background-position", [-146,0], {valueTemplate:'@@0@@px @@1@@px'} ]
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: false,
            labels: {
                "normal": 0,
                "down": 250
            },
            timeline: [
                { id: "eid1278", tween: [ "style", "${_botones3}", "background-position", [-146,0], { valueTemplate: '@@0@@px @@1@@px', fromValue: [-146,0]}], position: 0, duration: 0 },
                { id: "eid1279", tween: [ "style", "${_botones3}", "background-position", [-146,-70], { valueTemplate: '@@0@@px @@1@@px', fromValue: [-146,0]}], 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-1010687340");
