/**
 * 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': 'auto',

    '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: 'pattern-27',
                type: 'image',
                rect: ['47px', '81px','1265px','650px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"pattern-27.png",'0px','0px']
            },
            {
                id: 'success',
                type: 'audio',
                tag: 'audio',
                rect: ['1128', '573','320px','45px','auto', 'auto'],
                source: ['media/success.mp3','media/success.ogg'],
                preload: 'auto'
            },
            {
                id: 'error',
                type: 'audio',
                tag: 'audio',
                rect: ['1128', '573','320px','45px','auto', 'auto'],
                source: ['media/error.mp3','media/error.ogg'],
                preload: 'auto'
            },
            {
                id: 'textCount',
                display: 'none',
                type: 'text',
                rect: ['1049px', '100px','227px','42px','auto', 'auto'],
                text: "0/0",
                align: "center",
                font: ['Arial, Helvetica, sans-serif', 24, "rgba(0,0,0,1)", "normal", "none", ""]
            },
            {
                id: 'descripcion',
                type: 'text',
                rect: ['100px', '165px','1093px','auto','auto', 'auto'],
                text: "Observa la imagen y responde la pregunta. Luego, presiona el botón e inténtalo de nuevo.",
                align: "left",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1.00)", "bold", "none", "normal"]
            },
            {
                id: 'instruccion',
                display: 'none',
                type: 'text',
                rect: ['100px', '203px','1150px','auto','auto', 'auto'],
                text: "Lorem ipsum dolor sit amet, consectetur",
                align: "left",
                font: ['cabin, sans-serif', 26, "rgba(102,102,102,1.00)", "400", "none", "normal"]
            },
            {
                id: 'momento',
                type: 'text',
                rect: ['100px', '129px','150px','auto','auto', 'auto'],
                text: "Desarrollo",
                align: "left",
                font: ['cabin, sans-serif', 22, "rgba(197,115,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'num_actividad',
                type: 'text',
                rect: ['236px', '129px','234px','auto','auto', 'auto'],
                text: "Actividad 1 - Ejercicio2",
                align: "left",
                font: ['cabin, sans-serif', 22, "rgba(229,145,34,1.00)", "700", "none", "normal"]
            },
            {
                id: 'bt_girar',
                type: 'rect',
                rect: ['725px', '548px','auto','auto','auto', 'auto']
            },
            {
                id: 'hotspot',
                type: 'rect',
                rect: ['706px', '531px','106px','103px','auto', 'auto'],
                cursor: ['pointer'],
                fill: ["rgba(192,192,192,0.00)"],
                stroke: [0,"rgba(0,0,0,1)","none"]
            },
            {
                id: 'cubo',
                type: 'image',
                rect: ['136', '279','3716px','400px','auto', 'auto'],
                clip: ['rect(0px 372px 400px 0px)'],
                fill: ["rgba(0,0,0,0)",im+"IL_L_G01_U01_L01_03_03_01.png",'0px','0px']
            },
            {
                id: 'flecha',
                type: 'image',
                rect: ['210px', '135px','15px','15px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"flecha.png",'0px','0px']
            },
            {
                id: 'mensaje1',
                display: 'none',
                type: 'text',
                rect: ['728px', '377px','361px','113px','auto', 'auto'],
                text: "¿En qué parte de la ciudad está este lugar?",
                align: "left",
                userClass: "mensajes",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1)", "bold", "none", "normal"]
            },
            {
                id: 'mensaje2',
                display: 'none',
                type: 'text',
                rect: ['728px', '377px','361px','113px','auto', 'auto'],
                text: "¿Qué actividades puedes hacer en este lugar?",
                align: "left",
                userClass: "mensajes",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1)", "bold", "none", "normal"]
            },
            {
                id: 'mensaje3',
                display: 'none',
                type: 'text',
                rect: ['728px', '377px','361px','113px','auto', 'auto'],
                text: "¿De qué materiales está hecho este lugar?",
                align: "left",
                userClass: "mensajes",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1)", "bold", "none", "normal"]
            },
            {
                id: 'mensaje4',
                display: 'none',
                type: 'text',
                rect: ['728px', '377px','361px','113px','auto', 'auto'],
                text: "¿Qué dirías de este lugar si lo comparas con un estadio de fútbol?",
                align: "left",
                userClass: "mensajes",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1)", "bold", "none", "normal"]
            },
            {
                id: 'mensaje5',
                display: 'none',
                type: 'text',
                rect: ['728px', '377px','361px','113px','auto', 'auto'],
                text: "¿Qué puedes encontrar dentro de este lugar?",
                align: "left",
                userClass: "mensajes",
                font: ['cabin, sans-serif', 32, "rgba(26,26,26,1)", "bold", "none", "normal"]
            }],
            symbolInstances: [
            {
                id: 'bt_girar',
                symbolName: 'bt_girar',
                autoPlay: {

                }
            }
            ]
        },
    states: {
        "Base State": {
            "${_num_actividad}": [
                ["style", "top", '129px'],
                ["style", "width", '234px'],
                ["color", "color", 'rgba(229,145,34,1)'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '236px'],
                ["style", "font-size", '22px']
            ],
            "${_instruccion}": [
                ["style", "top", '203px'],
                ["style", "width", '1150px'],
                ["style", "display", 'none'],
                ["color", "color", 'rgba(102,102,102,1)'],
                ["style", "font-weight", '400'],
                ["style", "left", '100px'],
                ["style", "font-size", '26px']
            ],
            "${_textCount}": [
                ["style", "top", '100px'],
                ["style", "display", 'none'],
                ["style", "text-align", 'center'],
                ["style", "left", '1049px']
            ],
            "${_mensaje1}": [
                ["style", "top", '377px'],
                ["style", "display", 'none'],
                ["style", "left", '728px']
            ],
            "${_bt_girar}": [
                ["style", "left", '725px'],
                ["style", "top", '548px']
            ],
            "${_hotspot}": [
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "top", '531px'],
                ["style", "height", '103px'],
                ["style", "left", '706px'],
                ["style", "cursor", 'pointer'],
                ["style", "width", '106px']
            ],
            "${_mensaje2}": [
                ["style", "top", '377px'],
                ["style", "display", 'none'],
                ["style", "left", '728px']
            ],
            "${_momento}": [
                ["style", "top", '129px'],
                ["style", "width", '150px'],
                ["color", "color", 'rgba(197,115,34,1)'],
                ["style", "font-weight", 'bold'],
                ["style", "left", '100px'],
                ["style", "font-size", '22px']
            ],
            "${_flecha}": [
                ["style", "top", '135px'],
                ["style", "height", '15px'],
                ["style", "left", '210px'],
                ["style", "width", '15px']
            ],
            "${_cubo}": [
                ["style", "clip", [0,372,400,0], {valueTemplate:'rect(@@0@@px @@1@@px @@2@@px @@3@@px)'} ]
            ],
            "${_mensaje5}": [
                ["style", "top", '377px'],
                ["style", "display", 'none'],
                ["style", "left", '728px']
            ],
            "${_mensaje4}": [
                ["style", "top", '377px'],
                ["style", "display", 'none'],
                ["style", "left", '728px']
            ],
            "${_mensaje3}": [
                ["style", "top", '377px'],
                ["style", "display", 'none'],
                ["style", "left", '728px']
            ],
            "${_pattern-27}": [
                ["style", "left", '47px'],
                ["style", "top", '81px']
            ],
            "${_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']
            ],
            "${_label}": [
                ["style", "top", '0px'],
                ["style", "display", 'none'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '768px'],
                ["style", "opacity", '1'],
                ["style", "left", '0px'],
                ["style", "width", '1366px']
            ],
            "${_descripcion}": [
                ["style", "top", '165px'],
                ["color", "color", 'rgba(26,26,26,1)'],
                ["style", "font-size", '32px'],
                ["style", "left", '100px'],
                ["style", "width", '1093px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            timeline: [
                { id: "eid1321", tween: [ "style", "${_mensaje3}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1322", tween: [ "style", "${_mensaje2}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1323", tween: [ "style", "${_mensaje1}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1225", tween: [ "style", "${_textCount}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1320", tween: [ "style", "${_mensaje4}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1296", tween: [ "style", "${_instruccion}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1319", tween: [ "style", "${_mensaje5}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 }            ]
        }
    }
},
"boton": {
    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', '124px', '42px', 'auto', 'auto'],
                    borderRadius: ['10px', '10px', '10px', '10px'],
                    id: 'boton',
                    stroke: [0, 'rgba(0,0,0,1)', 'none'],
                    type: 'rect',
                    fill: ['rgba(192,192,192,1)']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_boton}": [
                ["style", "left", '0px'],
                ["style", "top", '0px']
            ],
            "${symbolSelector}": [
                ["style", "height", '42px'],
                ["style", "width", '124px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
            ]
        }
    }
},
"bt_girar": {
    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: 'image',
                    display: 'none',
                    rect: ['0px', '0px', '68px', '68px', 'auto', 'auto'],
                    id: 'IL_M_G02_U05_L01_03_02_01_btn_change_2',
                    fill: ['rgba(0,0,0,0)', 'images/IL_M_G02_U05_L01_03_02_01_btn_change_2.png', '0px', '0px']
                },
                {
                    type: 'image',
                    display: 'block',
                    rect: ['0px', '0px', '68px', '68px', 'auto', 'auto'],
                    id: 'IL_M_G02_U05_L01_03_02_01_btn_change_1',
                    fill: ['rgba(0,0,0,0)', 'images/IL_M_G02_U05_L01_03_02_01_btn_change_1.png', '0px', '0px']
                },
                {
                    type: 'rect',
                    rect: ['0px', '0px', '68px', '68px', 'auto', 'auto'],
                    display: 'block',
                    id: 'HotSpot1',
                    stroke: [0, 'rgba(0,0,0,1)', 'none'],
                    cursor: ['pointer'],
                    fill: ['rgba(192,192,192,0.00)']
                },
                {
                    type: 'rect',
                    rect: ['0px', '0px', '68px', '68px', 'auto', 'auto'],
                    display: 'none',
                    id: 'HotSpot2',
                    stroke: [0, 'rgba(0,0,0,1)', 'none'],
                    cursor: ['pointer'],
                    fill: ['rgba(192,192,192,0.00)']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${symbolSelector}": [
                ["style", "height", '68px'],
                ["style", "width", '68px']
            ],
            "${_HotSpot2}": [
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "cursor", 'pointer'],
                ["style", "display", 'none']
            ],
            "${_HotSpot1}": [
                ["color", "background-color", 'rgba(192,192,192,0.00)'],
                ["style", "cursor", 'pointer'],
                ["style", "display", 'block']
            ],
            "${_IL_M_G02_U05_L01_03_02_01_btn_change_1}": [
                ["style", "top", '0px'],
                ["style", "left", '0px'],
                ["style", "display", 'block']
            ],
            "${_IL_M_G02_U05_L01_03_02_01_btn_change_2}": [
                ["style", "top", '0px'],
                ["style", "left", '0px'],
                ["style", "display", 'none']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 250,
            autoPlay: true,
            labels: {
                "up": 0,
                "down": 250
            },
            timeline: [
                { id: "eid1317", tween: [ "style", "${_HotSpot2}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
                { id: "eid1316", tween: [ "style", "${_HotSpot2}", "display", 'block', { fromValue: 'none'}], position: 250, duration: 0 },
                { id: "eid1312", tween: [ "style", "${_IL_M_G02_U05_L01_03_02_01_btn_change_1}", "display", 'block', { fromValue: 'block'}], position: 0, duration: 0 },
                { id: "eid1313", tween: [ "style", "${_IL_M_G02_U05_L01_03_02_01_btn_change_1}", "display", 'none', { fromValue: 'block'}], position: 250, duration: 0 },
                { id: "eid1315", tween: [ "style", "${_HotSpot1}", "display", 'block', { fromValue: 'block'}], position: 0, duration: 0 },
                { id: "eid1318", tween: [ "style", "${_HotSpot1}", "display", 'none', { fromValue: 'block'}], position: 250, duration: 0 },
                { id: "eid1314", tween: [ "style", "${_IL_M_G02_U05_L01_03_02_01_btn_change_2}", "display", 'block', { fromValue: 'none'}], 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-5531445");
