/**
 * 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:[37,28,0,0],
            text:"Build a blanket. Create a smile.",
            font:["\'Rokkitt\',serif",24,"rgba(0,0,0,1)","bold","none",""]
        },
        {
            id:'Text2',
            className:'stage_Text2_id',
            type:'text',
            tag:'div',
            rect:[31,67,0,0],
            text:"Create your personalized blanket in minutes using our online builder. 5 simple steps.",
            align:"auto",
            font:["\'Rokkitt\',serif",20,"rgba(145,110,65,1)","bold","none","normal"]
        },
        {
            id:'bigbtn',
            className:'stage_bigbtn_id',
            type:'image',
            tag:'img',
            rect:[0,0,367,58],
            fill:['rgba(0,0,0,0)','images/big_btn2.png']
        },
        {
            id:'pinkhat',
            className:'stage_pinkhat_id',
            type:'image',
            tag:'div',
            rect:[0,0,297,386],
            fill:['rgba(0,0,0,0)','images/pinkhat.png']
        },
        {
            id:'kobe',
            className:'stage_kobe_id',
            type:'image',
            tag:'div',
            rect:[0,0,330,391],
            fill:['rgba(0,0,0,0)','images/kobe.png']
        },
        {
            id:'Text4',
            className:'stage_Text4_id',
            type:'text',
            tag:'div',
            rect:[26,250,0,0],
            text:"Choose from over 50 fabrics, 12 satin edge color options or serge finish, 3 sizes and up to 54 characters of embroidery personalization.",
            align:"auto",
            font:["Rokkitt, serif",18,"rgba(145,110,65,1)","bold","none","normal"]
        }],
      symbolInstances: [
      ]
   },
   states: {
      "Base State": {
         "${_bigbtn}": [
            ["style", "opacity", '0'],
            ["transform", "translateY", '304px'],
            ["transform", "translateX", '8px']
         ],
         "${_kobe}": [
            ["transform", "translateX", '650px'],
            ["transform", "translateY", '445px']
         ],
         "${_pinkhat}": [
            ["transform", "translateX", '461px'],
            ["transform", "translateY", '476px']
         ],
         "${_Text2}": [
            ["style", "font-size", '18px'],
            ["transform", "translateX", '-7px'],
            ["color", "color", 'rgba(145,110,65,1.00)'],
            ["style", "height", '58px'],
            ["style", "opacity", '1'],
            ["transform", "translateY", '84px'],
            ["style", "width", '420px']
         ],
         "${_Text}": [
            ["transform", "translateX", '-13px'],
            ["style", "font-size", '40px'],
            ["color", "color", 'rgba(145,110,65,1.00)'],
            ["style", "font-weight", 'bold'],
            ["transform", "translateY", '76px'],
            ["style", "width", '559px']
         ],
         "${_stage}": [
            ["style", "height", '400px'],
            ["style", "overflow", 'hidden'],
            ["style", "width", '995px']
         ],
         "${_Text4}": [
            ["style", "height", '33px'],
            ["transform", "translateY", '-27px'],
            ["style", "width", '420px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 1500,
         labels: {

         },
         timeline: [
            { id: "eid34", tween: [ "style", "${_Text}", "width", '559px', { fromValue: '559px'}], position: 0, duration: 0 },
            { id: "eid223", tween: [ "style", "${_Text2}", "height", '58px', { fromValue: '58px'}], position: 0, duration: 0 },
            { id: "eid222", tween: [ "color", "${_Text2}", "color", 'rgba(145,110,65,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(145,110,65,1.00)'}], position: 0, duration: 0 },
            { id: "eid186", tween: [ "transform", "${_bigbtn}", "translateX", '8px', { fromValue: '8px'}], position: 0, duration: 0 },
            { id: "eid219", tween: [ "style", "${_Text2}", "width", '420px', { fromValue: '420px'}], position: 0, duration: 0 },
            { id: "eid184", tween: [ "transform", "${_Text2}", "translateX", '-7px', { fromValue: '-7px'}], position: 0, duration: 0 },
            { id: "eid227", tween: [ "style", "${_Text4}", "width", '420px', { fromValue: '420px'}], position: 0, duration: 0 },
            { id: "eid1", tween: [ "style", "${_stage}", "width", '995px', { fromValue: '995px'}], position: 0, duration: 0 },
            { id: "eid248", tween: [ "transform", "${_kobe}", "translateX", '635px', { fromValue: '650px'}], position: 0, duration: 1080 },
            { id: "eid249", tween: [ "transform", "${_kobe}", "translateX", '650px', { fromValue: '635px'}], position: 1080, duration: 210 },
            { id: "eid245", tween: [ "transform", "${_kobe}", "translateX", '665px', { fromValue: '650px'}], position: 1290, duration: 210, easing: "easeInSine" },
            { id: "eid199", tween: [ "transform", "${_pinkhat}", "translateY", '374px', { fromValue: '476px'}], position: 0, duration: 630 },
            { id: "eid95", tween: [ "transform", "${_pinkhat}", "translateY", '125px', { fromValue: '374px'}], position: 630, duration: 450, easing: "easeOutBack" },
            { id: "eid237", tween: [ "transform", "${_Text4}", "translateY", '-27px', { fromValue: '-27px'}], position: 0, duration: 0 },
            { id: "eid238", tween: [ "transform", "${_Text}", "translateY", '76px', { fromValue: '76px'}], position: 0, duration: 0 },
            { id: "eid225", tween: [ "style", "${_Text4}", "height", '33px', { fromValue: '33px'}], position: 0, duration: 0 },
            { id: "eid190", tween: [ "transform", "${_Text}", "translateX", '-13px', { fromValue: '-13px'}], position: 0, duration: 0 },
            { id: "eid220", tween: [ "style", "${_Text2}", "opacity", '1', { fromValue: '1'}], position: 0, duration: 0 },
            { id: "eid197", tween: [ "transform", "${_pinkhat}", "translateX", '468px', { fromValue: '461px'}], position: 0, duration: 630 },
            { id: "eid183", tween: [ "style", "${_stage}", "height", '400px', { fromValue: '400px'}], position: 0, duration: 0 },
            { id: "eid33", tween: [ "style", "${_Text}", "font-size", '40px', { fromValue: '40px'}], position: 0, duration: 0 },
            { id: "eid217", tween: [ "style", "${_Text2}", "font-size", '18px', { fromValue: '18px'}], position: 0, duration: 0 },
            { id: "eid18", tween: [ "color", "${_Text}", "color", 'rgba(145,110,65,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(145,110,65,1.00)'}], position: 0, duration: 0 },
            { id: "eid239", tween: [ "transform", "${_Text2}", "translateY", '84px', { fromValue: '84px'}], position: 0, duration: 0 },
            { id: "eid212", tween: [ "transform", "${_bigbtn}", "translateY", '304px', { fromValue: '304px'}], position: 0, duration: 0 },
            { id: "eid195", tween: [ "transform", "${_kobe}", "translateY", '343px', { fromValue: '445px'}], position: 0, duration: 1080 },
            { id: "eid98", tween: [ "transform", "${_kobe}", "translateY", '60px', { fromValue: '343px'}], position: 1080, duration: 420, easing: "easeOutBack" },
            { id: "eid105", tween: [ "style", "${_bigbtn}", "opacity", '1', { fromValue: '0'}], position: 250, duration: 380 }]
      }
   }
}};

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