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

   },
   content: {
      dom: [
        {
            id:'DemilleAnimation',
            className:'DemilleAnimation_id',
            type:'image',
            tag:'div',
            rect:[0,0,560,70],
            fill:['rgba(0,0,0,0)','images/DemilleAnimation.png']
        },
        {
            id:'DemilleAnimation2',
            className:'DemilleAnimation2_id',
            type:'image',
            tag:'div',
            rect:[0,0,560,70],
            fill:['rgba(0,0,0,0)','images/DemilleAnimation2.png']
        }      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#stage": [
            ["color", "background-color", 'transparent'],
            ["style", "width", '560px'],
            ["style", "height", '70px'],
            ["style", "overflow", 'hidden']
         ],
         "#DemilleAnimation2": [
            ["style", "height", '70px'],
            ["transform", "scaleX", '1'],
            ["transform", "scaleY", '1'],
            ["style", "width", '560px']
         ],
         "#DemilleAnimation": [
            ["transform", "scaleY", '1'],
            ["transform", "scaleX", '1'],
            ["style", "opacity", '0'],
            ["style", "height", '70px'],
            ["style", "width", '560px']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 8000,
         timeline: [
            { id: "eid57", tween: [ "transform", "#DemilleAnimation", "scaleY", '1', { valueTemplate: undefined, fromValue: '1'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid25", tween: [ "style", "#DemilleAnimation", "height", '70px', { valueTemplate: undefined, fromValue: '70px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid2", tween: [ "style", "#stage", "height", '70px', { valueTemplate: undefined, fromValue: '70px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid56", tween: [ "transform", "#DemilleAnimation", "scaleX", '1', { valueTemplate: undefined, fromValue: '1'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid24", tween: [ "style", "#DemilleAnimation", "width", '560px', { valueTemplate: undefined, fromValue: '560px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid23", tween: [ "style", "#DemilleAnimation2", "height", '70px', { valueTemplate: undefined, fromValue: '70px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid1", tween: [ "style", "#stage", "width", '560px', { valueTemplate: undefined, fromValue: '560px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid33", tween: [ "color", "#stage", "background-color", 'transparent', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'transparent'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid58", tween: [ "transform", "#DemilleAnimation2", "scaleX", '1', { valueTemplate: undefined, fromValue: '1'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid59", tween: [ "transform", "#DemilleAnimation2", "scaleY", '1', { valueTemplate: undefined, fromValue: '1'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid22", tween: [ "style", "#DemilleAnimation2", "width", '560px', { valueTemplate: undefined, fromValue: '560px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid9", tween: [ "style", "#DemilleAnimation", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 0, duration: 1000, easing: "linear" },
            { id: "eid10", tween: [ "style", "#DemilleAnimation", "opacity", '0.28235294117647', { valueTemplate: undefined, fromValue: '1'}], position: 1000, duration: 1000, easing: "linear" },
            { id: "eid11", tween: [ "style", "#DemilleAnimation", "opacity", '1', { valueTemplate: undefined, fromValue: '0.28235294117647003'}], position: 2000, duration: 1000, easing: "linear" },
            { id: "eid12", tween: [ "style", "#DemilleAnimation", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 3000, duration: 1000, easing: "linear" },
            { id: "eid14", tween: [ "style", "#DemilleAnimation", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 4000, duration: 1000, easing: "linear" },
            { id: "eid13", tween: [ "style", "#DemilleAnimation", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 5000, duration: 1020, easing: "linear" },
            { id: "eid74", tween: [ "style", "#DemilleAnimation", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 6020, duration: 980, easing: "linear" },
            { id: "eid75", tween: [ "style", "#DemilleAnimation", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 7000, duration: 1000, easing: "linear" }]
      }
   }
}};

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