/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};


var resources = [
];
var symbols = {
"stage": {
   version: "2.0.0",
   minimumCompatibleVersion: "2.0.0",
   build: "2.0.0.250",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
         dom: [
         {
            id:'beach',
            type:'image',
            rect:['0%','0%','100%','92.3%','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"beach.jpg",'0%','0%','100%','auto']
         },
         {
            id:'waves',
            type:'image',
            rect:['854px','0px','100%','92.3%','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"waves.jpg",'0%','0%','100%','auto']
         },
         {
            id:'rocks',
            type:'image',
            rect:['854px','0','100%','92.3%','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"rocks.jpg",'0%','0%','100%','auto']
         },
         {
            id:'tree',
            type:'image',
            rect:['854px','0','100%','92.3%','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"tree.jpg",'0%','0%','100%','auto']
         },
         {
            id:'beachCopy',
            type:'image',
            rect:['0px','0','100%','92.3%','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"beach.jpg",'0%','0%','100%','auto']
         },
         {
            id:'blob',
            type:'rect',
            rect:['31.3%','90.8%','20px','20px','auto','auto'],
            transform:[[],[],[],['0.6','0.6']]
         },
         {
            id:'blob2',
            type:'rect',
            rect:['41.6%','90.8%','auto','auto','auto','auto'],
            transform:[[],[],[],['0.6','0.6']]
         },
         {
            id:'blob3',
            type:'rect',
            rect:['52.1%','90.8%','auto','auto','auto','auto'],
            transform:[[],[],[],['0.6','0.6']]
         },
         {
            id:'blob4',
            type:'rect',
            rect:['62.9%','90.8%','auto','auto','auto','auto']
         },
         {
            id:'pause',
            type:'image',
            rect:['73.4%','91%','22px','31px','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"pause.gif",'0%','0%','100%','auto']
         },
         {
            id:'play',
            display:'none',
            type:'image',
            rect:['73.4%','91%','26px','32px','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"play.gif",'0%','0%','100%','auto']
         }],
         symbolInstances: [
         {
            id:'blob',
            symbolName:'blob'
         },
         {
            id:'blob2',
            symbolName:'blob'
         },
         {
            id:'blob3',
            symbolName:'blob'
         },
         {
            id:'blob4',
            symbolName:'blob'
         }
         ]
      },
   states: {
      "Base State": {
         "${_rocks}": [
            ["style", "top", '0px'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "left", '854px'],
            ["style", "height", '90.39%']
         ],
         "${_waves}": [
            ["style", "top", '0px'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "left", '854px'],
            ["style", "height", '90.39%']
         ],
         "${_blob2}": [
            ["style", "top", '90.75%'],
            ["transform", "scaleY", '0.6'],
            ["style", "left", '41.62%'],
            ["transform", "scaleX", '0.6']
         ],
         "${_beach}": [
            ["style", "overflow", 'hidden'],
            ["style", "height", '90.39%'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "left", '0%'],
            ["style", "width", '100%']
         ],
         "${_blob4}": [
            ["transform", "scaleX", '0.6'],
            ["transform", "scaleY", '0.6'],
            ["style", "left", '62.53%'],
            ["style", "top", '90.75%']
         ],
         "${_blob3}": [
            ["style", "top", '90.75%'],
            ["transform", "scaleY", '0.6'],
            ["style", "left", '52.11%'],
            ["transform", "scaleX", '0.6']
         ],
         "${_Stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "min-width", '320px'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '100%'],
            ["style", "max-width", '854px'],
            ["style", "width", '100%']
         ],
         "${_blob}": [
            ["style", "top", '90.75%'],
            ["transform", "scaleY", '0.6'],
            ["style", "height", '20px'],
            ["transform", "scaleX", '0.6'],
            ["style", "left", '31.26%'],
            ["style", "width", '20px']
         ],
         "${_beachCopy}": [
            ["style", "display", 'block'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "left", '854px'],
            ["style", "height", '90.39%']
         ],
         "${_play}": [
            ["style", "display", 'none'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "top", '91%']
         ],
         "${_pause}": [
            ["style", "top", '90.98%'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ]
         ],
         "${_tree}": [
            ["style", "top", '0px'],
            ["style", "background-size", [100,'auto'], {valueTemplate:'@@0@@% @@1@@'} ],
            ["style", "left", '854px'],
            ["style", "height", '90.39%']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 24000,
         autoPlay: true,
         labels: {
            "restart": 4000,
            "waves": 5000,
            "rocks": 10000,
            "tree": 15000,
            "beach": 20000
         },
         timeline: [
            { id: "eid31", tween: [ "style", "${_beachCopy}", "left", '0px', { fromValue: '854px'}], position: 19000, duration: 1000 },
            { id: "eid160", tween: [ "style", "${_beachCopy}", "height", '90.39%', { fromValue: '90.39%'}], position: 20000, duration: 0 },
            { id: "eid20", tween: [ "style", "${_tree}", "left", '0px', { fromValue: '854px'}], position: 14000, duration: 1000 },
            { id: "eid151", tween: [ "style", "${_play}", "display", 'none', { fromValue: 'none'}], position: 0, duration: 0 },
            { id: "eid166", tween: [ "style", "${_beach}", "left", '0%', { fromValue: '0%'}], position: 5250, duration: 0 },
            { id: "eid167", tween: [ "style", "${_beach}", "left", '0%', { fromValue: '0%'}], position: 19000, duration: 0 },
            { id: "eid40", tween: [ "style", "${_beachCopy}", "display", 'none', { fromValue: 'block'}], position: 24000, duration: 0 },
            { id: "eid14", tween: [ "style", "${_rocks}", "left", '0px', { fromValue: '854px'}], position: 9000, duration: 1000 },
            { id: "eid23", tween: [ "style", "${_rocks}", "left", '854px', { fromValue: '0px'}], position: 15250, duration: 0 },
            { id: "eid3", tween: [ "style", "${_waves}", "left", '0px', { fromValue: '854px'}], position: 4000, duration: 1000 },
            { id: "eid17", tween: [ "style", "${_waves}", "left", '854px', { fromValue: '0px'}], position: 10250, duration: 0 },
            { id: "eid131", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_blob}', [] ], ""], position: 0 },
            { id: "eid132", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['stop', '${_blob}', [0] ], ""], position: 5000 },
            { id: "eid133", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_blob2}', [] ], ""], position: 5000 },
            { id: "eid134", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['stop', '${_blob2}', ['light'] ], ""], position: 10000 },
            { id: "eid135", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_blob3}', [] ], ""], position: 10000 },
            { id: "eid136", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['stop', '${_blob3}', ['light'] ], ""], position: 15000 },
            { id: "eid149", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_blob4}', [] ], ""], position: 15000 },
            { id: "eid137", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_blob}', [] ], ""], position: 20000 },
            { id: "eid150", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['stop', '${_blob4}', ['light'] ], ""], position: 20000 }         ]
      }
   }
},
"blob": {
   version: "2.0.0",
   minimumCompatibleVersion: "2.0.0",
   build: "2.0.0.250",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      rect: ['0px','0px','100.4%','100.1%','auto','auto'],
      borderRadius: ['50%','50%','50%','50%'],
      id: 'Ellipse',
      stroke: [0,'rgba(0,0,0,1)','none'],
      type: 'ellipse',
      fill: ['rgba(68,172,226,1.00)']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${_Ellipse}": [
            ["style", "top", '0px'],
            ["style", "height", '100.1%'],
            ["color", "background-color", 'rgba(86,181,229,1.00)'],
            ["style", "left", '0px'],
            ["style", "width", '100.35%']
         ],
         "${symbolSelector}": [
            ["style", "height", '20px'],
            ["style", "min-width", '14px'],
            ["style", "width", '20px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 250,
         autoPlay: false,
         labels: {
            "light": 0,
            "dark": 250
         },
         timeline: [
            { id: "eid130", tween: [ "color", "${_Ellipse}", "background-color", 'rgba(19,91,128,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(86,181,229,1.00)'}], position: 0, duration: 250 }         ]
      }
   }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-8094817");
