/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'RoundRect',
            className:'stage_RoundRect_id',
            type:'rect',
            tag:'div',
            rect:[531,189,138,116],
            borderRadius:[10,10,10,10],
            fill:['rgba(192,192,192,1)'],
            stroke:[0,"rgba(0,0,0,1)","none"]
        },
        {
            id:'HTML52',
            className:'stage_HTML52_id',
            type:'image',
            tag:'div',
            rect:[0,0,70,75],
            fill:['rgba(0,0,0,0)','images/HTML52.png']
        },
        {
            id:'Text',
            className:'stage_Text_id',
            type:'text',
            tag:'div',
            rect:[552,201,166,41],
            text:"HTML5",
            font:["Arvo,Arial Black, Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none",""]
        },
        {
            id:'Text2',
            className:'stage_Text2_id',
            type:'text',
            tag:'div',
            rect:[548,263,78,21],
            text:"is here!",
            align:"auto",
            font:["Georgia,\'Arial Black\', Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none","normal"]
        },
        {
            id:'EDGE',
            className:'stage_EDGE_id',
            type:'image',
            tag:'div',
            rect:[0,0,99,75],
            fill:['rgba(0,0,0,0)','images/EDGE.png']
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_RoundRect}": [
            ["color", "background-color", 'rgba(255,255,255,1.00)'],
            ["transform", "translateX", '344px'],
            ["style", "height", '14px'],
            ["style", "opacity", '0.62352941176471'],
            ["transform", "translateY", '197px'],
            ["style", "width", '24px']
         ],
         "${_Text}": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '120px'],
            ["transform", "translateX", '176px']
         ],
         "${_EDGE}": [
            ["style", "height", '449px'],
            ["transform", "scaleY", '0.66'],
            ["transform", "translateX", '242.42493px'],
            ["transform", "scaleX", '0.66'],
            ["transform", "translateY", '-55.67px'],
            ["style", "width", '592px']
         ],
         "${_stage}": [
            ["style", "height", '400px'],
            ["color", "background-color", 'rgba(154,146,146,0.00)'],
            ["style", "width", '900px']
         ],
         "${_Text2}": [
            ["transform", "translateX", '180px'],
            ["style", "width", '179px'],
            ["style", "height", '60px'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '84px'],
            ["style", "font-size", '22px']
         ],
         "${_HTML52}": [
            ["transform", "translateX", '822px'],
            ["style", "opacity", '0'],
            ["transform", "translateY", '311px'],
            ["transform", "rotateZ", '360deg']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 6070,
         labels: {

         },
         timeline: [
            { id: "eid143", tween: [ "transform", "${_EDGE}", "translateX", '651.6149px', { fromValue: '242.42493px'}], position: 0, duration: 1115 },
            { id: "eid151", tween: [ "transform", "${_RoundRect}", "translateX", '177px', { fromValue: '344px'}], position: 0, duration: 1115 },
            { id: "eid129", tween: [ "style", "${_Text2}", "font-size", '22px', { fromValue: '22px'}], position: 2000, duration: 0 },
            { id: "eid126", tween: [ "transform", "${_Text}", "translateX", '176px', { fromValue: '176px'}], position: 2000, duration: 0 },
            { id: "eid174", tween: [ "transform", "${_HTML52}", "rotateZ", '0deg', { fromValue: '360deg'}], position: 5385, duration: 685 },
            { id: "eid8", tween: [ "color", "${_RoundRect}", "background-color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1.00)'}], position: 0, duration: 0 },
            { id: "eid172", tween: [ "color", "${_stage}", "background-color", 'rgba(154,146,146,0.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(154,146,146,0.00)'}], position: 0, duration: 0 },
            { id: "eid171", tween: [ "style", "${_Text2}", "opacity", '1', { fromValue: '0'}], position: 2000, duration: 3385 },
            { id: "eid167", tween: [ "style", "${_Text}", "opacity", '1', { fromValue: '0'}], position: 2000, duration: 3385 },
            { id: "eid2", tween: [ "style", "${_Text2}", "width", '179px', { fromValue: '179px'}], position: 2000, duration: 0 },
            { id: "eid127", tween: [ "transform", "${_Text2}", "translateX", '180px', { fromValue: '180px'}], position: 2000, duration: 0 },
            { id: "eid133", tween: [ "transform", "${_HTML52}", "translateY", '311px', { fromValue: '311px'}], position: 1115, duration: 0 },
            { id: "eid147", tween: [ "style", "${_EDGE}", "width", '99px', { fromValue: '592px'}], position: 0, duration: 1115 },
            { id: "eid132", tween: [ "transform", "${_HTML52}", "translateX", '822px', { fromValue: '822px'}], position: 1115, duration: 0 },
            { id: "eid130", tween: [ "transform", "${_Text}", "translateY", '120px', { fromValue: '120px'}], position: 2000, duration: 0 },
            { id: "eid157", tween: [ "style", "${_HTML52}", "opacity", '1', { fromValue: '0'}], position: 1115, duration: 2020 },
            { id: "eid141", tween: [ "style", "${_EDGE}", "height", '75px', { fromValue: '449px'}], position: 0, duration: 1115 },
            { id: "eid153", tween: [ "transform", "${_RoundRect}", "translateY", '102px', { fromValue: '197px'}], position: 0, duration: 1115, easing: "easeOutCirc" },
            { id: "eid155", tween: [ "style", "${_RoundRect}", "width", '191px', { fromValue: '24px'}], position: 0, duration: 1115 },
            { id: "eid180", tween: [ "style", "${_RoundRect}", "opacity", '0.62', { fromValue: '0.62352941176471'}], position: 0, duration: 6070 },
            { id: "eid1", tween: [ "style", "${_Text2}", "height", '60px', { fromValue: '60px'}], position: 2000, duration: 0 },
            { id: "eid145", tween: [ "transform", "${_EDGE}", "translateY", '254.75px', { fromValue: '-55.67px'}], position: 0, duration: 1115, easing: "easeOutQuart" },
            { id: "eid131", tween: [ "transform", "${_Text2}", "translateY", '84px', { fromValue: '84px'}], position: 2000, duration: 0 },
            { id: "eid92", tween: [ "transform", "${_EDGE}", "scaleY", '0.66', { fromValue: '0.66'}], position: 0, duration: 0 },
            { id: "eid149", tween: [ "style", "${_RoundRect}", "height", '109px', { fromValue: '14px'}], position: 0, duration: 1115 },
            { id: "eid91", tween: [ "transform", "${_EDGE}", "scaleX", '0.66', { fromValue: '0.66'}], position: 0, 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-416181808");

