/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'simple',
            className:'stage_simple_id',
            type:'text',
            tag:'div',
            rect:[46,75,0,0],
            text:"Simple",
            font:["Arial, Helvetica, sans-serif",24,"rgba(0,0,0,1)","normal","none",""]
        },
        {
            id:'solutions',
            className:'stage_solutions_id',
            type:'text',
            tag:'div',
            rect:[262,79,0,0],
            text:"Solutions",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",40,"rgba(57,84,111,1)","normal","none","normal"]
        },
        {
            id:'effective',
            className:'stage_effective_id',
            type:'text',
            tag:'div',
            rect:[177,41,0,0],
            text:"Effective",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",40,"rgba(57,84,111,1)","normal","none","normal"]
        },
        {
            id:'period1',
            type:'text',
            tag:'div',
            rect:[132,117,0,0],
            text:".",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",45,"rgba(114,10,28,1)","normal","none","normal"]
        },
        {
            id:'period2',
            type:'text',
            tag:'div',
            rect:[363,114,0,0],
            text:".",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",45,"rgba(114,10,28,1)","normal","none","normal"]
        },
        {
            id:'period3',
            type:'text',
            tag:'div',
            rect:[492,110,0,0],
            text:".",
            align:"auto",
            font:["Arial, Helvetica, sans-serif",45,"rgba(114,10,28,1)","normal","none","normal"]
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_period3}": [
            ["style", "opacity", '0'],
            ["transform", "translateX", '35px'],
            ["transform", "translateY", '-60px']
         ],
         "${_period1}": [
            ["style", "font-weight", 'normal'],
            ["style", "opacity", '0'],
            ["transform", "translateX", '23px'],
            ["transform", "translateY", '-67px']
         ],
         "${_effective}": [
            ["color", "color", 'rgba(148,173,199,1.00)'],
            ["transform", "translateY", '-87px'],
            ["transform", "translateX", '6px']
         ],
         "${_period2}": [
            ["style", "opacity", '0'],
            ["transform", "translateX", '-25px'],
            ["transform", "translateY", '-64px']
         ],
         "${_solutions}": [
            ["transform", "translateX", '293px'],
            ["transform", "translateY", '-29px']
         ],
         "${_Text}": [
            ["style", "font-weight", '']
         ],
         "${_stage}": [
            ["color", "background-color", 'rgba(251,251,251,1)'],
            ["style", "width", '555px'],
            ["style", "height", '145px'],
            ["style", "overflow", 'hidden']
         ],
         "${_simple}": [
            ["transform", "translateX", '-169px'],
            ["style", "font-size", '40px'],
            ["color", "color", 'rgba(57,84,111,1.00)'],
            ["style", "font-family", 'Arial, Helvetica, sans-serif'],
            ["transform", "translateY", '-25px'],
            ["style", "width", '123px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 5000,
         labels: {

         },
         timeline: [
            { id: "eid41", tween: [ "transform", "${_period3}", "translateX", '35px', { fromValue: '35px'}], position: 5000, duration: 0 },
            { id: "eid3", tween: [ "color", "${_simple}", "color", 'rgba(57,84,111,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(57,84,111,1.00)'}], position: 0, duration: 0 },
            { id: "eid11", tween: [ "color", "${_effective}", "color", 'rgba(148,173,199,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(148,173,199,1.00)'}], position: 2000, duration: 0 },
            { id: "eid43", tween: [ "style", "${_period3}", "opacity", '1', { fromValue: '0'}], position: 4750, duration: 250 },
            { id: "eid25", tween: [ "transform", "${_effective}", "translateY", '29px', { fromValue: '-87px'}], position: 2000, duration: 2000 },
            { id: "eid26", tween: [ "transform", "${_effective}", "translateY", '9px', { fromValue: '29px'}], position: 4000, duration: 1000 },
            { id: "eid37", tween: [ "transform", "${_period2}", "translateX", '-25px', { fromValue: '-25px'}], position: 4750, duration: 0 },
            { id: "eid40", tween: [ "transform", "${_period3}", "translateY", '-60px', { fromValue: '-60px'}], position: 5000, duration: 0 },
            { id: "eid39", tween: [ "style", "${_period2}", "opacity", '1', { fromValue: '0'}], position: 4750, duration: 250 },
            { id: "eid18", tween: [ "transform", "${_effective}", "translateX", '6px', { fromValue: '6px'}], position: 2000, duration: 0 },
            { id: "eid31", tween: [ "transform", "${_period1}", "translateY", '-67px', { fromValue: '-67px'}], position: 4750, duration: 0 },
            { id: "eid4", tween: [ "style", "${_simple}", "width", '123px', { fromValue: '123px'}], position: 0, duration: 0 },
            { id: "eid36", tween: [ "transform", "${_period2}", "translateY", '-64px', { fromValue: '-64px'}], position: 4750, duration: 0 },
            { id: "eid34", tween: [ "style", "${_period1}", "opacity", '1', { fromValue: '0'}], position: 4750, duration: 250 },
            { id: "eid20", tween: [ "transform", "${_solutions}", "translateX", '2px', { fromValue: '293px'}], position: 0, duration: 2000 },
            { id: "eid22", tween: [ "transform", "${_solutions}", "translateX", '124px', { fromValue: '2px'}], position: 2000, duration: 2000 },
            { id: "eid23", tween: [ "transform", "${_solutions}", "translateX", '104px', { fromValue: '124px'}], position: 4000, duration: 1000 },
            { id: "eid19", tween: [ "transform", "${_simple}", "translateX", '85px', { fromValue: '-169px'}], position: 0, duration: 2000 },
            { id: "eid21", tween: [ "transform", "${_simple}", "translateX", '-36px', { fromValue: '85px'}], position: 2000, duration: 2000 },
            { id: "eid24", tween: [ "transform", "${_simple}", "translateX", '-16px', { fromValue: '-36px'}], position: 4000, duration: 1000 },
            { id: "eid6", tween: [ "transform", "${_simple}", "translateY", '-25px', { fromValue: '-25px'}], position: 0, duration: 0 },
            { id: "eid1", tween: [ "style", "${_simple}", "font-size", '40px', { fromValue: '40px'}], position: 0, duration: 0 },
            { id: "eid9", tween: [ "transform", "${_solutions}", "translateY", '-29px', { fromValue: '-29px'}], position: 0, duration: 0 },
            { id: "eid30", tween: [ "style", "${_Text}", "font-weight", '', { fromValue: ''}], position: 4250, 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-16812616");

