/**
 * Adobe Helium: symbol definitions
 */
window.symbols = {
"stage": {
   version: "0.1",
   baseState: "Base State",
   initialState: "Base State",
   parameters: {

   },
   content: {
      dom: [
        {
            id:'Image1',
            type:'image',
            rect:[0,0,589,642],
            fill:['rgba(0,0,0,0)','Images/logo_betolt1.png'],
        },
        {
            id:'Image2',
            type:'image',
            rect:[0,0,589,642],
            fill:['rgba(0,0,0,0)','Images/moki_betolt1.png'],
        },
      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#Image1": [
            ["transform", "translateX", '57px'],
            ["transform", "translateY", '-28px'],
            ["transform", "rotateZ", '90deg']
         ],
         "#stage": [
            ["style", "height", '700px'],
            ["color", "background-color", 'rgba(51,51,51,0.00)'],
            ["style", "overflow", 'visible'],
            ["style", "width", '700px']
         ],
         "#Image2": [
            ["transform", "translateX", '57px'],
            ["style", "opacity", '1'],
            ["transform", "translateY", '-28px'],
            ["transform", "rotateZ", '90deg']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 4000,
         timeline: [
            { id: "eid89", tween: [ "style", "#Image2", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 3041, duration: 318, easing: "easeInOutSine" },
            { id: "eid51", tween: [ "style", "#stage", "height", '700px', { valueTemplate: undefined, fromValue: '700px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid86", tween: [ "style", "#stage", "height", '700px', { valueTemplate: undefined, fromValue: '700px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid57", tween: [ "transform", "#Image1", "rotateZ", '90deg', { valueTemplate: undefined, fromValue: '90deg'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid67", tween: [ "transform", "#Image1", "rotateZ", '-60deg', { valueTemplate: undefined, fromValue: '90deg'}], position: 610, duration: 347, easing: "easeInOutSine" },
            { id: "eid69", tween: [ "transform", "#Image1", "rotateZ", '30deg', { valueTemplate: undefined, fromValue: '-60deg'}], position: 957, duration: 347, easing: "easeInOutSine" },
            { id: "eid71", tween: [ "transform", "#Image1", "rotateZ", '-15deg', { valueTemplate: undefined, fromValue: '30deg'}], position: 1305, duration: 347, easing: "easeInOutSine" },
            { id: "eid73", tween: [ "transform", "#Image1", "rotateZ", '8deg', { valueTemplate: undefined, fromValue: '-15deg'}], position: 1653, duration: 347, easing: "easeInOutSine" },
            { id: "eid75", tween: [ "transform", "#Image1", "rotateZ", '-4deg', { valueTemplate: undefined, fromValue: '8deg'}], position: 2001, duration: 347, easing: "easeInOutSine" },
            { id: "eid77", tween: [ "transform", "#Image1", "rotateZ", '2deg', { valueTemplate: undefined, fromValue: '-4deg'}], position: 2349, duration: 347, easing: "easeInOutSine" },
            { id: "eid79", tween: [ "transform", "#Image1", "rotateZ", '0deg', { valueTemplate: undefined, fromValue: '2deg'}], position: 2697, duration: 343, easing: "easeInOutSine" },
            { id: "eid85", tween: [ "transform", "#Image1", "rotateZ", '0deg', { valueTemplate: undefined, fromValue: '0deg'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid55", tween: [ "transform", "#Image1", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid61", tween: [ "transform", "#Image1", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 610, duration: 0, easing: "easeInOutSine" },
            { id: "eid83", tween: [ "transform", "#Image1", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid50", tween: [ "style", "#stage", "width", '700px', { valueTemplate: undefined, fromValue: '700px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid87", tween: [ "style", "#stage", "width", '700px', { valueTemplate: undefined, fromValue: '700px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid92", tween: [ "color", "#stage", "background-color", 'rgba(51,51,51,0.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(51,51,51,0.00)'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid36", tween: [ "transform", "#Image2", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid59", tween: [ "transform", "#Image2", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 610, duration: 0, easing: "easeInOutSine" },
            { id: "eid80", tween: [ "transform", "#Image2", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid37", tween: [ "transform", "#Image1", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid62", tween: [ "transform", "#Image1", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 610, duration: 0, easing: "easeInOutSine" },
            { id: "eid84", tween: [ "transform", "#Image1", "translateY", '-28px', { valueTemplate: undefined, fromValue: '-28px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid54", tween: [ "transform", "#Image2", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid58", tween: [ "transform", "#Image2", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 610, duration: 0, easing: "easeInOutSine" },
            { id: "eid81", tween: [ "transform", "#Image2", "translateX", '57px', { valueTemplate: undefined, fromValue: '57px'}], position: 4000, duration: 0, easing: "linear" },
            { id: "eid56", tween: [ "transform", "#Image2", "rotateZ", '90deg', { valueTemplate: undefined, fromValue: '90deg'}], position: 0, duration: 0, easing: "linear" },
            { id: "eid66", tween: [ "transform", "#Image2", "rotateZ", '-60deg', { valueTemplate: undefined, fromValue: '90deg'}], position: 610, duration: 347, easing: "easeInOutSine" },
            { id: "eid68", tween: [ "transform", "#Image2", "rotateZ", '30deg', { valueTemplate: undefined, fromValue: '-60deg'}], position: 957, duration: 347, easing: "easeInOutSine" },
            { id: "eid70", tween: [ "transform", "#Image2", "rotateZ", '-15deg', { valueTemplate: undefined, fromValue: '30deg'}], position: 1304, duration: 347, easing: "easeInOutSine" },
            { id: "eid72", tween: [ "transform", "#Image2", "rotateZ", '8deg', { valueTemplate: undefined, fromValue: '-15deg'}], position: 1652, duration: 347, easing: "easeInOutSine" },
            { id: "eid74", tween: [ "transform", "#Image2", "rotateZ", '-4deg', { valueTemplate: undefined, fromValue: '8deg'}], position: 1999, duration: 347, easing: "easeInOutSine" },
            { id: "eid76", tween: [ "transform", "#Image2", "rotateZ", '2deg', { valueTemplate: undefined, fromValue: '-4deg'}], position: 2346, duration: 347, easing: "easeInOutSine" },
            { id: "eid78", tween: [ "transform", "#Image2", "rotateZ", '0deg', { valueTemplate: undefined, fromValue: '2deg'}], position: 2694, duration: 347, easing: "easeInOutSine" },
            { id: "eid82", tween: [ "transform", "#Image2", "rotateZ", '0deg', { valueTemplate: undefined, fromValue: '0deg'}], position: 4000, 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();
});

