/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'_77bg',
            className:'stage__77bg_id',
            type:'image',
            tag:'div',
            rect:[0,0,880,590],
            fill:['rgba(0,0,0,0)','http://www.77wonder.com/wp-content/themes/highlight/splash_anim/images/77bg.png']
        },
        {
            id:'bttn1',
            className:'stage_bttn1_id',
            type:'image',
            tag:'div',
            rect:[0,0,162,87],
            fill:['rgba(0,0,0,0)','http://www.77wonder.com/wp-content/themes/highlight/splash_anim/images/bttn1.png']
        },
        {
            id:'bttn3',
            className:'stage_bttn3_id',
            type:'image',
            tag:'div',
            rect:[0,0,162,87],
            fill:['rgba(0,0,0,0)','http://www.77wonder.com/wp-content/themes/highlight/splash_anim/images/bttn3.png']
        },
        {
            id:'bttn2',
            className:'stage_bttn2_id',
            type:'image',
            tag:'div',
            rect:[0,0,158,87],
            fill:['rgba(0,0,0,0)','http://www.77wonder.com/wp-content/themes/highlight/splash_anim/images/bttn2.png']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_bttn1}": [
            ["style", "opacity", '0.65'],
            ["transform", "translateY", '397px'],
            ["transform", "translateX", '168px']
         ],
         "${_bttn3}": [
            ["style", "opacity", '0.65'],
            ["transform", "translateY", '397px'],
            ["transform", "translateX", '549px']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '590px'],
            ["style", "width", '880px']
         ],
         "${_bttn2}": [
            ["style", "opacity", '0.65'],
            ["transform", "translateY", '397px'],
            ["transform", "translateX", '362px']
         ],
         "${__77bg}": [
            ["transform", "translateY", '0px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 2925,
         labels: {
            "bttn_brand": 100,
            "bttn_brand_out": 610,
            "bttn_abt": 1105,
            "bttn_abt_out": 1565,
            "bttn_wed": 2075,
            "bttn_wed_out": 2575
         },
         timeline: [
            { id: "eid37", tween: [ "transform", "${_bttn2}", "translateY", '397px', { fromValue: '397px'}], position: 1105, duration: 0 },
            { id: "eid3", tween: [ "style", "${_stage}", "width", '880px', { fromValue: '880px'}], position: 0, duration: 0 },
            { id: "eid39", tween: [ "transform", "${_bttn3}", "translateY", '397px', { fromValue: '397px'}], position: 1065, duration: 0 },
            { id: "eid67", tween: [ "style", "${_bttn3}", "opacity", '1', { fromValue: '0.6499999761581421'}], position: 2075, duration: 400 },
            { id: "eid69", tween: [ "style", "${_bttn3}", "opacity", '0.65', { fromValue: '1'}], position: 2575, duration: 350 },
            { id: "eid49", tween: [ "style", "${_bttn1}", "opacity", '1', { fromValue: '0.65'}], position: 100, duration: 400 },
            { id: "eid53", tween: [ "style", "${_bttn1}", "opacity", '0.6', { fromValue: '1'}], position: 610, duration: 350 },
            { id: "eid4", tween: [ "style", "${_stage}", "height", '590px', { fromValue: '590px'}], position: 0, duration: 0 },
            { id: "eid6", tween: [ "transform", "${__77bg}", "translateY", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
            { id: "eid60", tween: [ "style", "${_bttn2}", "opacity", '1', { fromValue: '0.6499999761581421'}], position: 1105, duration: 400 },
            { id: "eid65", tween: [ "style", "${_bttn2}", "opacity", '0.65', { fromValue: '1'}], position: 1565, duration: 350 },
            { id: "eid42", tween: [ "transform", "${_bttn3}", "translateX", '549px', { fromValue: '549px'}], position: 1065, duration: 0 }]
      }
   }
}};

var comp;
Edge.registerCompositionDefn(compId, symbols);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     comp = new Edge.Composition(compId, {stage: "." + compId}, {});
	   /**
 * Adobe Edge Timeline Launch
 */
     comp.ready(function() {
         comp.play();
     });
});
})(jQuery, jQuery.Edge, "EDGE-1170027");