/** * Adobe Edge: symbol definitions */ (function($, Edge, compId){ var symbols = { "stage": { version: "0.1.3", baseState: "Base State", initialState: "Base State", content: { dom: [ { id:'Startseite22', className:'stage_Startseite22_id', type:'image', tag:'div', rect:[0,0,900,550], fill:['rgba(0,0,0,0)','images/Startseite22.gif'] }, { id:'plus2', className:'stage_plus2_id', type:'image', tag:'div', rect:[0,0,372,351], fill:['rgba(0,0,0,0)','images/plus2.svg'], transform:[,,,[0.14,0.14]] }, { id:'sd20f', className:'stage_sd20f_id', type:'image', tag:'div', rect:[0,0,494,396], fill:['rgba(0,0,0,0)','images/sd20f.png'] }, { id:'lcd', className:'stage_lcd_id', type:'image', tag:'div', rect:[0,0,494,396], fill:['rgba(0,0,0,0)','images/lcd.png'] }, { id:'remote', className:'stage_remote_id', type:'image', tag:'div', rect:[0,0,494,396], fill:['rgba(0,0,0,0)','images/remote.png'] }, { id:'plus', className:'stage_plus_id', type:'image', tag:'div', rect:[0,0,1417,992], fill:['rgba(0,0,0,0)','images/plus.svg'] }, { id:'plusCopy', className:'stage_plus_id', type:'image', tag:'div', rect:[0,0,1417,992], fill:['rgba(0,0,0,0)','images/plus.svg'] }, { id:'plus3', type:'image', tag:'div', rect:[0,0,372,351], fill:['rgba(0,0,0,0)','images/plus3.svg'] }, { id:'plus4', type:'image', tag:'div', rect:[0,0,372,351], fill:['rgba(0,0,0,0)','images/plus4.svg'], transform:[[402.03997,133.07001],,,[0.14,0.14]] }, { id:'gleich', type:'image', tag:'div', rect:[0,0,372,351], fill:['rgba(0,0,0,0)','images/gleich.svg'], transform:[[317.99216,274.91017],,,[0.09,0.09]] }], symbolInstances: [ ] }, states: { "Base State": { "${_plus2}": [ ["transform", "scaleY", '0.14'], ["transform", "translateX", '401.21996px'], ["style", "height", '108px'], ["transform", "scaleX", '0.14'], ["style", "opacity", '0'], ["transform", "translateY", '130.06999px'], ["style", "width", '114px'] ], "${_plusCopy}": [ ["style", "-webkit-transform-origin", [41.906640479057,47.951596843374],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-moz-transform-origin", [41.906640479057,47.951596843374],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-ms-transform-origin", [41.906640479057,47.951596843374],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "msTransformOrigin", [41.906640479057,47.951596843374],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-o-transform-origin", [41.906640479057,47.951596843374],{valueTemplate:'@@0@@% @@1@@%'}], ["transform", "translateX", '-112.39447px'], ["transform", "scaleX", '0.08'], ["style", "opacity", '0'], ["transform", "translateY", '-156.25781px'], ["transform", "scaleY", '0.08'] ], "${_stage}": [ ["color", "background-color", 'rgba(0,0,0,1.00)'], ["style", "width", '900px'], ["style", "height", '550px'], ["style", "overflow", 'hidden'] ], "${_sd20f}": [ ["transform", "translateX", '284px'], ["transform", "scaleX", '0.98037'], ["style", "opacity", '0'], ["transform", "translateY", '97px'], ["transform", "scaleY", '0.98037'] ], "${_remote}": [ ["transform", "translateX", '306.84527px'], ["transform", "scaleX", '0.97841'], ["style", "opacity", '0'], ["transform", "translateY", '117.10149px'], ["transform", "scaleY", '0.97841'] ], "${_gleich}": [ ["transform", "translateX", '317.99216px'], ["transform", "scaleX", '0.09'], ["style", "opacity", '0'], ["transform", "translateY", '274.91017px'], ["transform", "scaleY", '0.09'] ], "${_lcd}": [ ["style", "-webkit-transform-origin", [63.067865575732,59.015781662515],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-moz-transform-origin", [63.067865575732,59.015781662515],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-ms-transform-origin", [63.067865575732,59.015781662515],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "msTransformOrigin", [63.067865575732,59.015781662515],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-o-transform-origin", [63.067865575732,59.015781662515],{valueTemplate:'@@0@@% @@1@@%'}], ["transform", "translateX", '292.2452px'], ["transform", "scaleX", '0.96869'], ["style", "opacity", '0'], ["transform", "translateY", '107.75109px'], ["transform", "scaleY", '0.96869'] ], "${_plus3}": [ ["transform", "translateX", '396.06001px'], ["transform", "scaleX", '0.05'], ["style", "opacity", '0'], ["transform", "translateY", '131px'], ["transform", "scaleY", '0.05'] ], "${_plus}": [ ["style", "-webkit-transform-origin", [50.166415752522,49.605452690148],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-moz-transform-origin", [50.166415752522,49.605452690148],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-ms-transform-origin", [50.166415752522,49.605452690148],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "msTransformOrigin", [50.166415752522,49.605452690148],{valueTemplate:'@@0@@% @@1@@%'}], ["style", "-o-transform-origin", [50.166415752522,49.605452690148],{valueTemplate:'@@0@@% @@1@@%'}], ["transform", "translateX", '-7.47308px'], ["transform", "scaleX", '0.08'], ["style", "opacity", '0'], ["transform", "translateY", '-153.31967px'], ["transform", "scaleY", '0.08'] ], "${_plus4}": [ ["transform", "translateX", '402.03997px'], ["transform", "scaleX", '0.14'], ["style", "opacity", '0'], ["transform", "translateY", '133.07001px'], ["transform", "scaleY", '0.14'] ] } }, timelines: { "Default Timeline": { fromState: "Base State", toState: "", duration: 8091, labels: { "start": 0 }, timeline: [ { id: "eid223", tween: [ "transform", "${_plus3}", "scaleY", '0.46', { fromValue: '0.05'}], position: 1676, duration: 1350, easing: "easeOutSine" }, { id: "eid229", tween: [ "transform", "${_plus3}", "scaleY", '0.46', { fromValue: '0.05'}], position: 4926, duration: 1350, easing: "easeOutSine" }, { id: "eid121", tween: [ "transform", "${_remote}", "scaleY", '0.23077', { fromValue: '0.97841'}], position: 7322, duration: 535, easing: "easeOutBounce" }, { id: "eid110", tween: [ "transform", "${_lcd}", "translateY", '116.13375px', { fromValue: '107.75109px'}], position: 4141, duration: 535, easing: "easeOutBounce" }, { id: "eid111", tween: [ "style", "${_lcd}", "opacity", '1', { fromValue: '0'}], position: 3295, duration: 417 }, { id: "eid108", tween: [ "transform", "${_lcd}", "translateX", '200.34925px', { fromValue: '292.2452px'}], position: 4141, duration: 535, easing: "easeOutBounce" }, { id: "eid136", tween: [ "transform", "${_remote}", "translateX", '306.83564px', { fromValue: '306.84527px'}], position: 6476, duration: 846 }, { id: "eid117", tween: [ "transform", "${_remote}", "translateX", '420.00021px', { fromValue: '306.83564px'}], position: 7322, duration: 535, easing: "easeOutBounce" }, { id: "eid59", tween: [ "style", "${_sd20f}", "opacity", '1', { fromValue: '0'}], position: 0, duration: 393 }, { id: "eid65", tween: [ "transform", "${_sd20f}", "translateY", '96.86884px', { fromValue: '97px'}], position: 0, duration: 846 }, { id: "eid58", tween: [ "transform", "${_sd20f}", "translateY", '31.46px', { fromValue: '96.86884px'}], position: 846, duration: 535, easing: "easeOutBounce" }, { id: "eid118", tween: [ "transform", "${_remote}", "translateY", '117.58982px', { fromValue: '117.10149px'}], position: 6476, duration: 846 }, { id: "eid119", tween: [ "transform", "${_remote}", "translateY", '145.36589px', { fromValue: '117.58982px'}], position: 7322, duration: 535, easing: "easeOutBounce" }, { id: "eid122", tween: [ "transform", "${_remote}", "scaleX", '0.23077', { fromValue: '0.97841'}], position: 7322, duration: 535, easing: "easeOutBounce" }, { id: "eid217", tween: [ "transform", "${_plus3}", "translateX", '396.06001px', { fromValue: '396.06001px'}], position: 1676, duration: 0 }, { id: "eid225", tween: [ "transform", "${_plus3}", "translateX", '396.06001px', { fromValue: '396.06001px'}], position: 4926, duration: 0 }, { id: "eid113", tween: [ "transform", "${_lcd}", "scaleX", '0.23073', { fromValue: '0.96869'}], position: 4141, duration: 535, easing: "easeOutBounce" }, { id: "eid120", tween: [ "style", "${_remote}", "opacity", '1', { fromValue: '0'}], position: 6476, duration: 380 }, { id: "eid234", tween: [ "style", "${_gleich}", "opacity", '1', { fromValue: '0'}], position: 7778, duration: 312 }, { id: "eid232", tween: [ "style", "${_plus4}", "opacity", '1', { fromValue: '0'}], position: 7778, duration: 302 }, { id: "eid13", tween: [ "color", "${_stage}", "background-color", 'rgba(0,0,0,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(0,0,0,1.00)'}], position: 645, duration: 0 }, { id: "eid139", tween: [ "transform", "${_sd20f}", "translateX", '283.75592px', { fromValue: '284px'}], position: 0, duration: 846 }, { id: "eid56", tween: [ "transform", "${_sd20f}", "translateX", '339.83734px', { fromValue: '283.75592px'}], position: 846, duration: 535, easing: "easeOutBounce" }, { id: "eid221", tween: [ "style", "${_plus3}", "opacity", '1', { fromValue: '0'}], position: 1676, duration: 989 }, { id: "eid224", tween: [ "style", "${_plus3}", "opacity", '0', { fromValue: '1'}], position: 2665, duration: 360, easing: "easeOutSine" }, { id: "eid227", tween: [ "style", "${_plus3}", "opacity", '1', { fromValue: '0'}], position: 4926, duration: 989 }, { id: "eid230", tween: [ "style", "${_plus3}", "opacity", '0', { fromValue: '1'}], position: 5915, duration: 360, easing: "easeOutSine" }, { id: "eid214", tween: [ "transform", "${_plus3}", "translateY", '131px', { fromValue: '131px'}], position: 1676, duration: 0 }, { id: "eid226", tween: [ "transform", "${_plus3}", "translateY", '131px', { fromValue: '131px'}], position: 4926, duration: 0 }, { id: "eid61", tween: [ "transform", "${_sd20f}", "scaleX", '0.23', { fromValue: '0.98037'}], position: 846, duration: 535, easing: "easeOutBounce" }, { id: "eid112", tween: [ "transform", "${_lcd}", "scaleY", '0.23073', { fromValue: '0.96869'}], position: 4141, duration: 535, easing: "easeOutBounce" }, { id: "eid222", tween: [ "transform", "${_plus3}", "scaleX", '0.46', { fromValue: '0.05'}], position: 1676, duration: 1350, easing: "easeOutSine" }, { id: "eid228", tween: [ "transform", "${_plus3}", "scaleX", '0.46', { fromValue: '0.05'}], position: 4926, duration: 1350, easing: "easeOutSine" }, { id: "eid60", tween: [ "transform", "${_sd20f}", "scaleY", '0.23', { fromValue: '0.98037'}], position: 846, duration: 535, easing: "easeOutBounce" }] } } }}; 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-193555371");