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

   },
   content: {
      dom: [
        {
            id:'tabE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/tablet.jpg'],
        },
        {
            id:'shopE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/shop.jpg'],
        },
        {
            id:'phoneE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/phone.jpg'],
        },
        {
            id:'socE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/soc.jpg'],
        },
        {
            id:'smartE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/smart.jpg'],
        },
        {
            id:'tvE',
            type:'image',
            rect:[0,0,750,250],
            fill:['rgba(0,0,0,0)','images/tv.jpg'],
        },
      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#tvE": [
            ["style", "opacity", '1'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ],
         "#stage": [
            ["style", "height", '250px'],
            ["style", "width", '750px'],
            ["style", "overflow", 'hidden']
         ],
         "#shopE": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ],
         "#socE": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ],
         "#smartE": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ],
         "#tabE": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ],
         "#phoneE": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 56250,
         timeline: [
            { id: "eid79", tween: [ "style", "#socE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 15000, duration: 1250, easing: "linear" },
            { id: "eid59", tween: [ "style", "#socE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 25000, duration: 1250, easing: "linear" },
            { id: "eid28", tween: [ "transform", "#socE", "translateY", '0px', { valueTemplate: undefined, fromValue: '0px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid91", tween: [ "style", "#tabE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 45000, duration: 1250, easing: "linear" },
            { id: "eid71", tween: [ "style", "#tabE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 55000, duration: 1250, easing: "linear" },
            { id: "eid75", tween: [ "style", "#smartE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 5000, duration: 1250, easing: "linear" },
            { id: "eid47", tween: [ "style", "#smartE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 15000, duration: 1250, easing: "linear" },
            { id: "eid36", tween: [ "transform", "#phoneE", "translateX", '0px', { valueTemplate: undefined, fromValue: '0px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid1", tween: [ "style", "#stage", "width", '750px', { valueTemplate: undefined, fromValue: '750px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid25", tween: [ "transform", "#tabE", "translateY", '0px', { valueTemplate: undefined, fromValue: '0px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid82", tween: [ "style", "#phoneE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 25000, duration: 1250, easing: "linear" },
            { id: "eid65", tween: [ "style", "#phoneE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 35000, duration: 1250, easing: "linear" },
            { id: "eid38", tween: [ "style", "#tvE", "opacity", '1', { valueTemplate: undefined, fromValue: '1'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid41", tween: [ "style", "#tvE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 5000, duration: 1250, easing: "linear" },
            { id: "eid73", tween: [ "style", "#tvE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 55000, duration: 1250, easing: "linear" },
            { id: "eid87", tween: [ "style", "#shopE", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 35000, duration: 1250, easing: "linear" },
            { id: "eid68", tween: [ "style", "#shopE", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 45000, duration: 1250, easing: "linear" },
            { id: "eid21", tween: [ "transform", "#tvE", "translateY", '0px', { valueTemplate: undefined, fromValue: '0px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid32", tween: [ "transform", "#shopE", "translateY", '0px', { valueTemplate: undefined, fromValue: '0px'}], position: 0, duration: 0, easing: "linear" }]
      }
   },
}};

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