/**
 * 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': '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: 'L_G3_U3_L2_03_01_bg',
                type: 'image',
                rect: ['49px', '81px','1265px','650px','auto', 'auto'],
                fill: ["rgba(0,0,0,0)",im+"L_G3_U3_L2_03_01_bg.jpg",'0px','0px']
            },
            {
                id: 'Rectangle',
                type: 'rect',
                rect: ['364px', '354px','659px','220px','auto', 'auto'],
                borderRadius: ["15px 15px", "15px 15px", "15px 15px", "15px 15px"],
                fill: ["rgba(242,222,99,0.90)"],
                stroke: [0,"rgba(0,0,0,1)","none"]
            },
            {
                id: 'descripcion',
                type: 'text',
                rect: ['100px', '165px','1150px','auto','auto', 'auto'],
                text: "Lee la siguiente definición. <br>",
                align: "left",
                font: ['cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif', 32, "rgba(26,26,26,1.00)", "bold", "none", "normal"]
            },
            {
                id: 'instruccion',
                type: 'text',
                rect: ['393px', '385px','615px','166px','auto', 'auto'],
                text: "El cuadro comparativo es un esquema que permite organizar la información de acuerdo a las semejanzas y diferencias de dos o más objetos, eventos o temas. <br>",
                align: "left",
                font: ['cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif', 30, "rgba(0,0,0,1.00)", "400", "none", "normal"]
            }],
            symbolInstances: [

            ]
        },
    states: {
        "Base State": {
            "${_instruccion}": [
                ["color", "color", 'rgba(0,0,0,1.00)'],
                ["style", "font-weight", '400'],
                ["style", "left", '393px'],
                ["style", "width", '615px'],
                ["style", "top", '301px'],
                ["style", "height", '166px'],
                ["style", "font-family", 'cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif'],
                ["style", "opacity", '0'],
                ["style", "font-size", '30px']
            ],
            "${_descripcion}": [
                ["style", "top", '165px'],
                ["style", "width", '1150px'],
                ["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", '32px']
            ],
            "${_L_G3_U3_L2_03_01_bg}": [
                ["style", "left", '49px'],
                ["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']
            ],
            "${_Rectangle}": [
                ["color", "background-color", 'rgba(242,222,99,0.90)'],
                ["style", "border-top-left-radius", [15,15], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "border-bottom-right-radius", [15,15], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "opacity", '0'],
                ["style", "border-top-right-radius", [15,15], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "width", '659px'],
                ["style", "top", '399px'],
                ["style", "border-bottom-left-radius", [15,15], {valueTemplate:'@@0@@px @@1@@px'} ],
                ["style", "left", '364px']
            ],
            "${_label}": [
                ["style", "top", '0px'],
                ["style", "display", 'none'],
                ["style", "overflow", 'hidden'],
                ["style", "height", '768px'],
                ["style", "opacity", '1'],
                ["style", "left", '0px'],
                ["style", "width", '1366px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 750,
            autoPlay: true,
            labels: {
                "slide_1": 0
            },
            timeline: [
                { id: "eid1305", tween: [ "style", "${_Rectangle}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 750, easing: "easeOutBack" },
                { id: "eid1301", tween: [ "style", "${_instruccion}", "top", '385px', { fromValue: '301px'}], position: 0, duration: 750, easing: "easeOutBack" },
                { id: "eid1303", tween: [ "style", "${_instruccion}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 750, easing: "easeOutBack" },
                { id: "eid1299", tween: [ "style", "${_Rectangle}", "top", '354px', { fromValue: '399px'}], position: 0, duration: 750, easing: "easeOutBack" }            ]
        }
    }
},
"slide_1": {
    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: {
        },
    states: {
        "Base State": {
            "${symbolSelector}": [
                ["style", "height", '650px'],
                ["style", "width", '1265px'],
                ["style", "overflow", 'hidden']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
            ]
        }
    }
},
"Hot_Spot": {
    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', '40px', '40px', 'auto', 'auto'],
                    id: 'Rectangle',
                    stroke: [0, 'rgba(0,0,0,1)', 'none'],
                    type: 'rect',
                    fill: ['rgba(255,255,255,1.00)']
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_Rectangle}": [
                ["style", "top", '0px'],
                ["color", "background-color", 'rgba(255,255,255,0.35)'],
                ["style", "height", '40px'],
                ["style", "opacity", '0'],
                ["style", "left", '0px'],
                ["style", "width", '40px']
            ],
            "${symbolSelector}": [
                ["style", "height", '40px'],
                ["style", "width", '40px']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 2000,
            autoPlay: true,
            labels: {
                "iniciar": 0,
                "loop": 2000
            },
            timeline: [
                { id: "eid694", tween: [ "color", "${_Rectangle}", "background-color", 'rgba(255,255,255,0.35)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,0.35)'}], position: 1000, duration: 0 },
                { id: "eid695", tween: [ "style", "${_Rectangle}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 1000 },
                { id: "eid696", tween: [ "style", "${_Rectangle}", "opacity", '0', { fromValue: '1'}], position: 1000, duration: 1000, easing: "easeInQuad" }            ]
        }
    }
},
"bg_defecto_simbolo": {
    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: 'bg_defecto',
                    type: 'group',
                    rect: ['0px', '0px', '1265px', '650px', 'auto', 'auto'],
                    c: [
                    {
                        type: 'rect',
                        id: 'bg_000',
                        stroke: [0, 'rgba(255,255,255,1.00)', 'none'],
                        rect: ['0px', '0px', '1265px', '650px', 'auto', 'auto'],
                        fill: ['rgba(255,255,255,1.00)']
                    },
                    {
                        rect: ['519px', '304px', '211px', 'auto', 'auto', 'auto'],
                        font: ['cabin, Trebuchet MS, Myriad Pro, Gill Sans MT, Helvetica, sans-serif', 24, 'rgba(0,0,0,1)', 'normal', 'none', ''],
                        id: 'txt_medidas',
                        text: '1265px x 650px',
                        align: 'center',
                        type: 'text'
                    }]
                }
            ],
            symbolInstances: [
            ]
        },
    states: {
        "Base State": {
            "${_bg_defecto}": [
                ["style", "top", '0px'],
                ["style", "height", '650px'],
                ["style", "left", '0px'],
                ["style", "width", '1265px']
            ],
            "${_bg_000}": [
                ["style", "height", '650px'],
                ["color", "border-color", 'rgba(255,255,255,1.00)'],
                ["color", "background-color", 'rgba(255,255,255,1.00)'],
                ["style", "width", '1265px']
            ],
            "${_txt_medidas}": [
                ["style", "top", '304px'],
                ["style", "text-align", 'center'],
                ["style", "left", '519px'],
                ["style", "width", '211px']
            ],
            "${symbolSelector}": [
                ["style", "height", '650px'],
                ["style", "width", '1265px'],
                ["style", "overflow", 'hidden']
            ]
        }
    },
    timelines: {
        "Default Timeline": {
            fromState: "Base State",
            toState: "",
            duration: 0,
            autoPlay: true,
            timeline: [
            ]
        }
    }
}
};


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

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