/**
 * Adobe Helium: symbol definitions
 */
window.symbols = {
"stage": {
   version: "0.1",
   baseState: "Base State",
   initialState: "Base State",
   parameters: {

   },
   content: {
      dom: [
        {
            id:'Image4',
            type:'image',
            rect:[0,0,800,600],
            fill:['rgba(0,0,0,0)','images/logo.png'],
            transform:[[301,212]],
        },
        {
            id:'Image1',
            type:'image',
            rect:[0,0,800,600],
            fill:['rgba(0,0,0,0)','images/chess.png'],
            transform:[,,,[0.75,0.75]],
        },
        {
            id:'Image3',
            type:'image',
            rect:[0,0,800,600],
            opacity:0,
            fill:['rgba(0,0,0,0)','images/airplane1.png'],
            transform:[[298,211],,,[0.75,0.75]],
        },
      ],
      symbolInstances: [
      ],
   },
   states: {
      "Base State": {
         "#Image1": [
            ["style", "-webkit-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-moz-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-ms-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "msTransformOrigin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-o-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["transform", "translateX", '415px'],
            ["transform", "scaleX", '0.75'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '209px'],
            ["transform", "scaleY", '0.75']
         ],
         "#Image3": [
            ["style", "-webkit-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-moz-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-ms-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "msTransformOrigin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-o-transform-origin", [50,12],{valueTemplate:'@@0@@% @@1@@%'}],
            ["transform", "translateX", '298px'],
            ["transform", "scaleX", '0.75'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '211px'],
            ["transform", "scaleY", '0.75']
         ],
         "#Image4": [
            ["transform", "translateX", '301px'],
            ["transform", "scaleX", '1'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '212px'],
            ["transform", "scaleY", '1']
         ]
      }
   },
   actions: {

   },
   bindings: [

   ],
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 3000,
         timeline: [
            { id: "eid44", tween: [ "style", "#Image4", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 2000, duration: 1000, easing: "linear" },
            { id: "eid54", tween: [ "style", "#Image3", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 0, duration: 1000, easing: "linear" },
            { id: "eid55", tween: [ "style", "#Image3", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 1000, duration: 1000, easing: "linear" },
            { id: "eid47", tween: [ "transform", "#Image1", "translateX", '298px', { valueTemplate: undefined, fromValue: '415px'}], position: 1000, duration: 0, easing: "linear" },
            { id: "eid50", tween: [ "style", "#Image1", "opacity", '1', { valueTemplate: undefined, fromValue: '0'}], position: 1000, duration: 1000, easing: "linear" },
            { id: "eid51", tween: [ "style", "#Image1", "opacity", '0', { valueTemplate: undefined, fromValue: '1'}], position: 2000, duration: 1000, easing: "linear" },
            { id: "eid48", tween: [ "transform", "#Image1", "translateY", '212px', { valueTemplate: undefined, fromValue: '209px'}], position: 1000, 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();
});

