/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
var symbols = {
"stage": {
   version: "0.1.3",
   baseState: "Base State",
   initialState: "Base State",
   content: {
      dom: [
        {
            id:'azzurro',
            className:'stage_azzurro_id',
            type:'image',
            tag:'div',
            rect:[0,0,1600,987],
            fill:['rgba(0,0,0,0)','../images/azzurro.jpg']
        },
        {
            id:'logo',
            className:'stage_logo_id',
            type:'image',
            tag:'div',
            rect:[0,0,226,105],
            fill:['rgba(0,0,0,0)','../images/logo.png']
        },
        {
            id:'Text',
            className:'stage_Text_id',
            type:'text',
            tag:'div',
            rect:[495,12,0,0],
            text:"...Clean is just the beginning...",
            font:["Arial Black, Gadget, sans-serif",24,"rgba(0,0,0,1)","normal","none",""]
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_Text}": [
            ["transform", "translateX", '283px'],
            ["style", "width", '729px'],
            ["color", "color", 'rgba(0,51,102,1.00)'],
            ["style", "opacity", '0.2'],
            ["transform", "translateY", '-12px'],
            ["style", "font-size", '12px']
         ],
         "${_azzurro}": [
            ["style", "opacity", '0.5'],
            ["transform", "translateY", '0px'],
            ["transform", "translateX", '-10px']
         ],
         "${_stage}": [
            ["style", "height", '104px'],
            ["style", "width", '982px'],
            ["color", "background-color", 'rgba(255,255,255,1)'],
            ["style", "overflow", 'hidden']
         ],
         "${_logo}": [
            ["style", "opacity", '0.2']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 8995,
         labels: {

         },
         timeline: [
            { id: "eid23", tween: [ "style", "${_Text}", "width", '729px', { fromValue: '729px'}], position: 8995, duration: 0 },
            { id: "eid1", tween: [ "style", "${_stage}", "width", '982px', { fromValue: '982px'}], position: 0, duration: 0 },
            { id: "eid20", tween: [ "transform", "${_Text}", "translateY", '42px', { fromValue: '-12px'}], position: 0, duration: 8995 },
            { id: "eid41", tween: [ "transform", "${_azzurro}", "translateY", '0px', { fromValue: '0px'}], position: 0, duration: 0 },
            { id: "eid17", tween: [ "color", "${_Text}", "color", 'rgba(0,51,102,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,51,102,1.00)'}], position: 0, duration: 0 },
            { id: "eid22", tween: [ "style", "${_Text}", "font-size", '36px', { fromValue: '12px'}], position: 0, duration: 8995 },
            { id: "eid5", tween: [ "style", "${_logo}", "opacity", '1', { fromValue: '0.2'}], position: 0, duration: 8995 },
            { id: "eid43", tween: [ "style", "${_azzurro}", "opacity", '0.5', { fromValue: '0.5'}], position: 0, duration: 0 },
            { id: "eid2", tween: [ "style", "${_stage}", "height", '104px', { fromValue: '104px'}], position: 0, duration: 0 },
            { id: "eid21", tween: [ "style", "${_Text}", "opacity", '1', { fromValue: '0.20000000298023224'}], position: 0, duration: 8995 },
            { id: "eid19", tween: [ "transform", "${_Text}", "translateX", '-231px', { fromValue: '283px'}], position: 0, duration: 8995 },
            { id: "eid38", tween: [ "transform", "${_azzurro}", "translateX", '-177px', { fromValue: '-10px'}], position: 5, duration: 8990 }]
      }
   }
}};

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