/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'Text',
            className:'stage_Text_id',
            type:'text',
            tag:'div',
            rect:[143,143,0,0],
            text:"HTML5 is Here!",
            font:["Arial Black, Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none",""]
        },
        {
            id:'RoundRect',
            className:'stage_RoundRect_id',
            type:'rect',
            tag:'div',
            rect:[59,92,216,131.69140625],
            borderRadius:[10,10,10,10],
            fill:['rgba(192,192,192,1)'],
            stroke:[0,"rgba(0,0,0,1)","none"]
        },
        {
            id:'Text2',
            className:'stage_Text2_id',
            type:'text',
            tag:'div',
            rect:[109,128,0,0],
            text:"Adobe Edge Rocks!",
            align:"auto",
            font:["\'Arial Black\', Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none","normal"]
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_Text}": [
            ["style", "-webkit-transform-origin", [89,50],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-moz-transform-origin", [89,50],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-ms-transform-origin", [89,50],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "msTransformOrigin", [89,50],{valueTemplate:'@@0@@% @@1@@%'}],
            ["style", "-o-transform-origin", [89,50],{valueTemplate:'@@0@@% @@1@@%'}],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '0px'],
            ["transform", "rotateZ", '0deg']
         ],
         "${_RoundRect}": [
            ["color", "background-color", 'rgba(192,192,192,1)'],
            ["transform", "translateX", '6.6914px'],
            ["transform", "rotateZ", '0deg'],
            ["style", "height", '131px'],
            ["transform", "translateY", '135.36326px'],
            ["style", "width", '216px']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "height", '400px'],
            ["style", "width", '550px']
         ],
         "${_Text2}": [
            ["transform", "translateX", '0px'],
            ["transform", "translateY", '-57.76954px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 4000,
         labels: {

         },
         timeline: [
            { id: "eid21", tween: [ "transform", "${_RoundRect}", "translateX", '0px', { fromValue: '6.6914px'}], position: 250, duration: 750 },
            { id: "eid15", tween: [ "transform", "${_RoundRect}", "translateX", '168px', { fromValue: '0px'}], position: 1000, duration: 3000 },
            { id: "eid30", tween: [ "transform", "${_RoundRect}", "rotateZ", '180.07812deg', { fromValue: '0deg'}], position: 750, duration: 1000 },
            { id: "eid23", tween: [ "transform", "${_RoundRect}", "translateY", '0px', { fromValue: '135.36326px'}], position: 250, duration: 750 },
            { id: "eid16", tween: [ "transform", "${_RoundRect}", "translateY", '-73px', { fromValue: '0px'}], position: 1000, duration: 3000 },
            { id: "eid57", tween: [ "color", "${_RoundRect}", "background-color", 'rgba(245,31,3,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(192,192,192,1)'}], position: 1750, duration: 2250 },
            { id: "eid17", tween: [ "style", "${_RoundRect}", "width", '48px', { fromValue: '216px'}], position: 1000, duration: 3000 },
            { id: "eid4", tween: [ "transform", "${_Text}", "translateY", '5.02343px', { fromValue: '0px'}], position: 1000, duration: 990 },
            { id: "eid5", tween: [ "transform", "${_Text}", "rotateZ", '30.60937deg', { fromValue: '0deg'}], position: 1000, duration: 990 },
            { id: "eid3", tween: [ "transform", "${_Text}", "translateX", '153.73046px', { fromValue: '0px'}], position: 1000, duration: 990 },
            { id: "eid25", tween: [ "transform", "${_Text2}", "translateY", '0px', { fromValue: '-57.76954px'}], position: 250, duration: 750 },
            { id: "eid19", tween: [ "transform", "${_Text2}", "translateY", '165.3164px', { fromValue: '0px'}], position: 1990, duration: 2010 },
            { id: "eid18", tween: [ "transform", "${_Text2}", "translateX", '5.13671px', { fromValue: '0px'}], position: 1990, duration: 2010 },
            { id: "eid14", tween: [ "style", "${_RoundRect}", "height", '204px', { fromValue: '131px'}], position: 1000, duration: 3000 },
            { id: "eid2", tween: [ "style", "${_Text}", "-webkit-transform-origin", [50,50], { valueTemplate: '@@0@@% @@1@@%', fromValue: [89,50]}], position: 0, duration: 1000 },
            { id: "eid62", tween: [ "style", "${_Text}", "-moz-transform-origin", [50,50], { valueTemplate: '@@0@@% @@1@@%', fromValue: [89,50]}], position: 0, duration: 1000 },
            { id: "eid63", tween: [ "style", "${_Text}", "-ms-transform-origin", [50,50], { valueTemplate: '@@0@@% @@1@@%', fromValue: [89,50]}], position: 0, duration: 1000 },
            { id: "eid64", tween: [ "style", "${_Text}", "msTransformOrigin", [50,50], { valueTemplate: '@@0@@% @@1@@%', fromValue: [89,50]}], position: 0, duration: 1000 },
            { id: "eid65", tween: [ "style", "${_Text}", "-o-transform-origin", [50,50], { valueTemplate: '@@0@@% @@1@@%', fromValue: [89,50]}], position: 0, duration: 1000 }]
      }
   }
}};

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-264454101");