/**
 * Adobe Helium: symbol definitions
 */
window.symbols = {
"stage": {
   version: "0.1",
   baseState: "Base State",
   initialState: "Base State",
   parameters: {

   },
   content: {
      dom: [
        {
            id:'Recuadro_01',
            type:'rect',
            rect:[-5,538,960,40],
            opacity:0.8,
            fill:['rgba(57,116,170,1.00)'],
            stroke:[0,"rgb(0, 0, 0)","none"],
            transform:[[5,22]],
        },
        {
            id:'Recuadro_02',
            type:'rect',
            rect:[-1,269,960,40],
            opacity:0.8,
            fill:['rgba(166,190,70,1.00)'],
            stroke:[0,"rgb(0, 0, 0)","none"],
            transform:[[1,251]],
        },
        {
            id:'Recuadro_03',
            type:'rect',
            rect:[159,256,960,40],
            opacity:0.8,
            fill:['rgba(252,183,59,1.00)'],
            stroke:[0,"rgb(0, 0, 0)","none"],
            transform:[[-159,224]],
        },
        {
            id:'Recuadro_04',
            type:'rect',
            rect:[75,185,960,40],
            opacity:0.8,
            fill:['rgba(138,77,152,1.00)'],
            stroke:[0,"rgb(0, 0, 0)","none"],
            transform:[[-75,257]],
        },
        {
            id:'Recuadro_05',
            type:'rect',
            rect:[231,194,960,40],
            opacity:0.8,
            fill:['rgba(166,190,70,1)'],
            stroke:[0,"rgb(0, 0, 0)","none"],
            transform:[[-231,208]],
        },
        {
            id:'Logo',
            type:'image',
            rect:[0,0,450,250],
            fill:['rgba(0,0,0,0)','images/logo.png'],
        },
        {
            id:'Slogan',
            type:'image',
            rect:[0,0,276,25],
            fill:['rgba(0,0,0,0)','images/slogan_w.png'],
            transform:[[650,410]],
        },
        {
            id:'uc',
            type:'text',
            rect:[124,459,0,0],
            text:"under construction",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",16,"rgba(255,255,255,1)","normal","none","normal"],
            transform:[[-85,-5]],
        },
        {
            id:'tel',
            type:'text',
            rect:[192,360,0,0],
            text:"tel. (33) 88 51 38 32",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",16,"rgba(255,255,255,1)","normal","none","normal"],
            transform:[[595,135]],
        },
        {
            id:'mail',
            type:'text',
            rect:[416,368,0,0],
            text:"ventas@edimedia.com.mx",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",16,"rgba(255,255,255,1)","normal","none","normal"],
            transform:[[325,164]],
        },
        {
            id:'lugar',
            type:'text',
            rect:[430,380,0,0],
            text:"Guadalajara, México",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",16,"rgba(255,255,255,1)","normal","none","normal"],
            transform:[[352,194]],
        },
      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#stage": [
            ["style", "height", '600px'],
            ["color", "background-color", 'transparent'],
            ["style", "width", '960px']
         ],
         "#lugar": [
            ["transform", "translateX", '352px'],
            ["transform", "translateY", '194px']
         ],
         "#tel": [
            ["transform", "translateX", '595px'],
            ["transform", "translateY", '135px']
         ],
         "#Recuadro_04": [
            ["color", "background-color", 'rgba(138,77,152,1.00)'],
            ["transform", "translateX", '-75px'],
            ["style", "height", '40px'],
            ["style", "opacity", '0.8'],
            ["transform", "translateY", '-344px'],
            ["style", "width", '960px']
         ],
         "#Recuadro_03": [
            ["color", "background-color", 'rgba(252,183,59,1.00)'],
            ["transform", "translateX", '-159px'],
            ["style", "height", '40px'],
            ["style", "opacity", '0.8'],
            ["transform", "translateY", '-377px'],
            ["style", "width", '960px']
         ],
         "#uc": [
            ["style", "font-family", 'Arial, Helvetica, sans-serif'],
            ["transform", "translateX", '-85px'],
            ["transform", "translateY", '-5px']
         ],
         "#mail": [
            ["transform", "translateX", '325px'],
            ["transform", "translateY", '164px']
         ],
         "#Recuadro_01": [
            ["color", "background-color", 'rgba(57,116,170,1.00)'],
            ["transform", "translateX", '5px'],
            ["style", "height", '40px'],
            ["style", "opacity", '0.8'],
            ["transform", "translateY", '-579px'],
            ["style", "width", '960px']
         ],
         "#Recuadro_05": [
            ["color", "background-color", 'rgba(0,145,203,1.00)'],
            ["transform", "translateX", '-231px'],
            ["style", "height", '40px'],
            ["style", "opacity", '0.8'],
            ["transform", "translateY", '-393px'],
            ["style", "width", '960px']
         ],
         "#Recuadro_02": [
            ["color", "background-color", 'rgba(166,190,70,1.00)'],
            ["transform", "translateX", '1px'],
            ["style", "height", '40px'],
            ["style", "opacity", '0.8'],
            ["transform", "translateY", '-350px'],
            ["style", "width", '960px']
         ],
         "#Logo": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '70px'],
            ["transform", "translateX", '260px']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 6000,
         timeline: [
            { id: "eid26", tween: [ "transform", "#Recuadro_04", "translateY", '257px', { valueTemplate: undefined, fromValue: '-344px'}], position: 3000, duration: 1000, easing: "easeOutBounce" },
            { id: "eid22", tween: [ "transform", "#Recuadro_01", "translateY", '22px', { valueTemplate: undefined, fromValue: '-579px'}], position: 0, duration: 1000, easing: "easeOutBounce" },
            { id: "eid18", tween: [ "transform", "#Recuadro_05", "translateY", '208px', { valueTemplate: undefined, fromValue: '-393px'}], position: 4000, duration: 1000, easing: "easeOutBounce" },
            { id: "eid24", tween: [ "transform", "#Recuadro_02", "translateY", '251px', { valueTemplate: undefined, fromValue: '-350px'}], position: 1000, duration: 1000, easing: "easeOutBounce" },
            { id: "eid20", tween: [ "transform", "#Recuadro_03", "translateY", '224px', { valueTemplate: undefined, fromValue: '-377px'}], position: 2000, duration: 1000, easing: "easeOutBounce" },
            { id: "eid45", tween: [ "style", "#Logo", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 5000, duration: 1000, easing: "linear" }]
      }
   },
}};

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     $.Edge.initialize(symbols);
});
/**
 * Adobe Edge Timeline Launch
 */
$(window).load(function() {
    $.Edge.play();
});

