/** * Adobe Edge: symbol definitions */ (function($, Edge, compId){ var symbols = { "stage": { version: "0.1.3", baseState: "Base State", initialState: "Base State", content: { dom: [ { id:'corner', className:'stage_corner_id', type:'image', tag:'div', rect:[0,0,20,20], fill:['rgba(0,0,0,0)','media/corner.png'] }, { id:'label', className:'stage_label_id', type:'image', tag:'div', rect:[0,0,266,61], fill:['rgba(0,0,0,0)','media/label.png'] }, { id:'label_hover', className:'stage_label_right_hover2_id', type:'image', tag:'div', rect:[0,0,266,85], fill:['rgba(0,0,0,0)','media/15830/label_right_hover3.png'] }, { id:'GO', className:'stage_GO_id', type:'text', tag:'div', rect:[37,46,0,0], text:"GO", font:["Arial, Helvetica, sans-serif",24,"rgba(0,0,0,1)","bold","none",""] }, { id:'client', className:'stage_client_id', type:'text', tag:'div', rect:[98.496109008789,29.11882019043,0,0], text:"TOSHIBA", align:"auto", font:["Arial, Helvetica, sans-serif",24,"rgba(255,0,0,1)","normal","none","normal"] }, { id:'Project', className:'stage_Project_id', type:'text', tag:'div', rect:[91.262313842773,52.749214172363,0,0], text:"T-Pain TV Spot", align:"auto", font:["Arial, Helvetica, sans-serif",13,"rgba(51,51,51,1)","normal","none","normal"], }, { id:'btn', className:'stage_RoundRect_id', type:'rect', tag:'div', rect:[3,1,39,9], borderRadius:[10,10,10,10], fill:['rgba(192,192,192,1)'], stroke:[0,"rgba(0,0,0,1)","none"] }], symbolInstances: [ ] }, states: { "Base State": { "${_GO}": [ ["style", "-webkit-transform-origin", [51.2691,24.165],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-moz-transform-origin", [51.2691,24.165],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-ms-transform-origin", [51.2691,24.165],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "msTransformOrigin", [51.2691,24.165],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-o-transform-origin", [51.2691,24.165],{valueTemplate:'@@0@@% @@1@@%'}], ["transform", "translateX", '-7px'], ["color", "color", 'rgba(190,24,35,1.00)'], ["style", "font-weight", 'bold'], ["style", "font-size", '19px'], ["style", "width", '72px'], ["style", "height", '23px'], ["style", "font-family", 'Arial, Helvetica, sans-serif'], ["transform", "translateY", '-11px'], ["style", "opacity", '0'] ], "${_label_hover}": [ ["style", "opacity", '0'], ["transform", "translateY", '-1px'], ["transform", "translateX", '7px'] ], "${_Project}": [ ["transform", "translateX", '-22.0117px'], ["color", "color", 'rgba(51,51,51,1)'], ["style", "opacity", '0'], ["transform", "translateY", '-6.73695px'], ["style", "font-size", '18px'], ["style", "left", '92px'], ["style", "text-transform", 'uppercase'] ], "${_btn}": [ ["style", "height", '70px'], ["style", "opacity", '0'], ["style", "width", '225px'] ], "${_label}": [ ["transform", "translateX", '229.493px'], ["style", "height", '51px'], ["style", "opacity", '0.18'], ["transform", "translateY", '19.8627px'], ["style", "width", '8px'] ], "${_corner}": [ ["style", "opacity", '0'], ["transform", "translateX", '208px'], ["style", "width", '0px'] ], "${_stage}": [ ["color", "background-color", 'rgba(0,0,0,0.00)'], ["style", "overflow", 'hidden'], ["style", "height", '71px'], ["color", "color", 'rgba(190,24,35,1.00)'], ["style", "width", '228px'] ], "${_client}": [ ["transform", "translateX", '-29.7403px'], ["style", "opacity", '0'], ["color", "color", 'rgba(51,51,51,1.00)'], ["style", "font-weight", 'normal'], ["transform", "translateY", '3px'], ["style", "font-size", '12px'], ["style", "left", '100px'], ["style", "text-transform", 'uppercase'] ] } }, timelines: { "Default Timeline": { fromState: "Base State", toState: "", duration: 1987, labels: { "rollin": 1500, "rollout": 1741.4096237622 }, timeline: [ { id: "eid225", tween: [ "style", "${_label_hover}", "opacity", '1', { fromValue: '0'}], position: 1500, duration: 236 }, { id: "eid231", tween: [ "style", "${_label_hover}", "opacity", '0', { fromValue: '1'}], position: 1741, duration: 245 }, { id: "eid455", tween: [ "style", "${_Project}", "opacity", '1', { fromValue: '0'}], position: 1075, duration: 210 }, { id: "eid459", tween: [ "style", "${_Project}", "opacity", '1', { fromValue: '1'}], position: 1498, duration: 0 }, { id: "eid460", tween: [ "style", "${_GO}", "font-size", '19px', { fromValue: '19px'}], position: 1498, duration: 0 }, { id: "eid219", tween: [ "style", "${_label}", "opacity", '1', { fromValue: '0.18'}], position: 470, duration: 133, easing: "easeInQuad" }, { id: "eid221", tween: [ "style", "${_label}", "opacity", '1', { fromValue: '1'}], position: 821, duration: 0, easing: "easeInQuad" }, { id: "eid239", tween: [ "style", "${_label}", "opacity", '0', { fromValue: '1'}], position: 1500, duration: 236 }, { id: "eid240", tween: [ "style", "${_label}", "opacity", '1', { fromValue: '0'}], position: 1736, duration: 250 }, { id: "eid385", tween: [ "color", "${_Project}", "color", 'rgba(153,153,153,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(51,51,51,1)'}], position: 1498, duration: 238 }, { id: "eid386", tween: [ "color", "${_Project}", "color", 'rgba(51,51,51,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(153,153,153,1)'}], position: 1736, duration: 251 }, { id: "eid37", tween: [ "style", "${_corner}", "opacity", '0.75', { fromValue: '0'}], position: 125, duration: 370, easing: "easeInOutQuart" }, { id: "eid180", tween: [ "style", "${_corner}", "opacity", '1', { fromValue: '0.75'}], position: 495, duration: 133 }, { id: "eid117", tween: [ "style", "${_btn}", "width", '225px', { fromValue: '225px'}], position: 0, duration: 0 }, { id: "eid118", tween: [ "style", "${_btn}", "height", '70px', { fromValue: '70px'}], position: 0, duration: 0 }, { id: "eid110", tween: [ "style", "${_btn}", "height", '71px', { fromValue: '70px'}], position: 151, duration: 1777 }, { id: "eid328", tween: [ "style", "${_client}", "opacity", '1', { fromValue: '0'}], position: 915, duration: 179 }, { id: "eid330", tween: [ "style", "${_client}", "opacity", '1', { fromValue: '1'}], position: 1498, duration: 0 }, { id: "eid215", tween: [ "transform", "${_label}", "translateX", '9.27877px', { fromValue: '229.493px'}], position: 470, duration: 351, easing: "easeInQuad" }, { id: "eid468", tween: [ "transform", "${_Project}", "translateX", '-22px', { fromValue: '-22.0117px'}], position: 915, duration: 371 }, { id: "eid8", tween: [ "transform", "${_corner}", "translateX", '208px', { fromValue: '208px'}], position: 125, duration: 0, easing: "easeInOutQuart" }, { id: "eid192", tween: [ "transform", "${_corner}", "translateX", '208px', { fromValue: '208px'}], position: 629, duration: 0 }, { id: "eid241", tween: [ "transform", "${_label_hover}", "translateX", '9px', { fromValue: '7px'}], position: 847, duration: 652 }, { id: "eid470", tween: [ "transform", "${_client}", "translateX", '-29.7403px', { fromValue: '-29.7403px'}], position: 821, duration: 273 }, { id: "eid333", tween: [ "color", "${_client}", "color", 'rgba(153,153,153,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(51,51,51,1)'}], position: 1498, duration: 238 }, { id: "eid335", tween: [ "color", "${_client}", "color", 'rgba(51,51,51,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(153,153,153,1)'}], position: 1736, duration: 250 }, { id: "eid217", tween: [ "style", "${_label}", "width", '228px', { fromValue: '8px'}], position: 470, duration: 351, easing: "easeInQuad" }, { id: "eid462", tween: [ "color", "${_GO}", "color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(190,24,35,1)'}], position: 1498, duration: 234 }, { id: "eid464", tween: [ "color", "${_GO}", "color", 'rgba(190,24,35,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,1)'}], position: 1732, duration: 253 }, { id: "eid36", tween: [ "style", "${_corner}", "width", '20px', { fromValue: '0px'}], position: 125, duration: 504, easing: "easeInOutQuart" }, { id: "eid236", tween: [ "transform", "${_label_hover}", "translateY", '0px', { fromValue: '-1px'}], position: 847, duration: 652 }, { id: "eid383", tween: [ "style", "${_Project}", "font-size", '18px', { fromValue: '14px'}], position: 1498, duration: 0 }, { id: "eid282", tween: [ "style", "${_GO}", "opacity", '1', { fromValue: '0'}], position: 821, duration: 158 }, { id: "eid254", tween: [ "style", "${_GO}", "opacity", '1', { fromValue: '1'}], position: 1499, duration: 0 }, { id: "eid463", tween: [ "style", "${_GO}", "opacity", '1', { fromValue: '1'}], position: 1732, 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-RIGHT");