/** * Adobe Edge: symbol definitions */ (function($, Edge, compId){ var symbols = { "stage": { version: "0.1.3", baseState: "Base State", initialState: "Base State", content: { dom: [ , { id:'pochetteBack', className:'stage_pochetteBack_id', type:'image', tag:'div', rect:[0,0,1485,233], fill:['rgba(0,0,0,0)','tpl/ipad/images/pochetteBack.png'] }, { id:'vinyl', className:'stage_vinyl_id', type:'image', tag:'div', rect:[0,0,493,493], fill:['rgba(0,0,0,0)','tpl/ipad/images/vinyl.png'] }, { id:'pochetteFrontCopy', className:'pochetteFrontCopy_id', type:'image', tag:'div', rect:[0,0,1485,233], fill:['rgba(0,0,0,0)','tpl/ipad/images/pochetteFront.png'] }, { id:'disque1', className:'stage_disque1_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque1.png'] }, { id:'disque2', className:'stage_disque2_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque2.png'] }, { id:'disque3', className:'stage_disque3_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque3.png'] }, { id:'disque4', className:'stage_disque4_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque4.png'] }, { id:'disque5', className:'stage_disque5_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque5.png'] }, { id:'disque6', className:'stage_disque6_id', type:'image', tag:'div', rect:[0,0,274,259], fill:['rgba(0,0,0,0)','tpl/ipad/images/disque6.png'] }], symbolInstances: [ ] }, states: { "Base State": { "${_pochetteFrontCopy}": [ ["style", "opacity", '1'], ["transform", "translateY", '413px'], ["transform", "translateX", '-293px'] ], "${_disque5}": [ ["transform", "translateY", '317px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ], "${_stage}": [ ["style", "height", '645px'], ["style", "opacity", '1'], ["style", "overflow", 'hidden'] ], "${_disque4}": [ ["transform", "translateY", '318px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ], "${_vinyl}": [ ["transform", "translateX", '203px'], ["style", "opacity", '1'], ["transform", "translateY", '384px'], ["transform", "rotateZ", '-480deg'] ], "${_disque2}": [ ["transform", "translateY", '50px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ], "${_disque3}": [ ["transform", "translateY", '50px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ], "${_disque6}": [ ["transform", "translateY", '317px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ], "${_pochetteBack}": [ ["style", "opacity", '1'], ["transform", "translateY", '405px'], ["transform", "translateX", '-293px'] ], "${_disque1}": [ ["transform", "translateY", '50px'], ["style", "opacity", '0'], ["transform", "translateX", '-321.64515px'], ["transform", "rotateZ", '200deg'] ] } }, timelines: { "Default Timeline": { fromState: "Base State", toState: "", duration: 6174.306359462, labels: { }, timeline: [ { id: "eid173", tween: [ "transform", "${_disque2}", "translateX", '337px', { fromValue: '-321.64515px'}], position: 4674, duration: 500, easing: "easeOutCubic" }, { id: "eid77", tween: [ "transform", "${_disque5}", "translateY", '317px', { fromValue: '317px'}], position: 5424, duration: 0 }, { id: "eid95", tween: [ "transform", "${_disque5}", "translateY", '317px', { fromValue: '317px'}], position: 5924, duration: 0 }, { id: "eid185", tween: [ "transform", "${_disque5}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 5424, duration: 500, easing: "easeOutQuart" }, { id: "eid177", tween: [ "transform", "${_disque1}", "translateX", '63px', { fromValue: '-321.64515px'}], position: 4424, duration: 500, easing: "easeOutCubic" }, { id: "eid74", tween: [ "transform", "${_disque3}", "translateY", '50px', { fromValue: '50px'}], position: 4924, duration: 0 }, { id: "eid99", tween: [ "transform", "${_disque3}", "translateY", '50px', { fromValue: '50px'}], position: 5424, duration: 0 }, { id: "eid184", tween: [ "transform", "${_disque1}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 4424, duration: 500, easing: "easeOutQuart" }, { id: "eid81", tween: [ "transform", "${_disque2}", "translateY", '50px', { fromValue: '50px'}], position: 4674, duration: 0 }, { id: "eid101", tween: [ "transform", "${_disque2}", "translateY", '50px', { fromValue: '50px'}], position: 5174, duration: 0 }, { id: "eid118", tween: [ "style", "${_disque1}", "opacity", '1', { fromValue: '0'}], position: 4424, duration: 250 }, { id: "eid182", tween: [ "transform", "${_disque2}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 4674, duration: 500, easing: "easeOutQuart" }, { id: "eid183", tween: [ "transform", "${_disque4}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 5174, duration: 500, easing: "easeOutQuart" }, { id: "eid71", tween: [ "transform", "${_disque4}", "translateY", '318px', { fromValue: '318px'}], position: 5174, duration: 0 }, { id: "eid97", tween: [ "transform", "${_disque4}", "translateY", '318px', { fromValue: '318px'}], position: 5674, duration: 0 }, { id: "eid112", tween: [ "style", "${_disque4}", "opacity", '1', { fromValue: '0'}], position: 5174, duration: 250 }, { id: "eid108", tween: [ "style", "${_disque6}", "opacity", '1', { fromValue: '0'}], position: 5674, duration: 206 }, { id: "eid31", tween: [ "style", "${_pochetteBack}", "opacity", '0', { fromValue: '1'}], position: 4034, duration: 510 }, { id: "eid19", tween: [ "transform", "${_vinyl}", "rotateZ", '0deg', { fromValue: '-480deg'}], position: 848, duration: 2232, easing: "easeOutElastic" }, { id: "eid42", tween: [ "transform", "${_vinyl}", "rotateZ", '131.47404deg', { fromValue: '0deg'}], position: 3588, duration: 354 }, { id: "eid186", tween: [ "transform", "${_vinyl}", "rotateZ", '189deg', { fromValue: '131.47404deg'}], position: 3942, duration: 155 }, { id: "eid3", tween: [ "style", "${_stage}", "width", '900px', { fromValue: '900px'}], position: 1331, duration: 0 }, { id: "eid40", tween: [ "transform", "${_pochetteFrontCopy}", "translateY", '413px', { fromValue: '413px'}], position: 1331, duration: 0 }, { id: "eid181", tween: [ "transform", "${_disque6}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 5674, duration: 500, easing: "easeOutQuart" }, { id: "eid6", tween: [ "transform", "${_pochetteBack}", "translateX", '-293px', { fromValue: '-293px'}], position: 1331, duration: 0 }, { id: "eid179", tween: [ "transform", "${_disque5}", "translateX", '336px', { fromValue: '-321.64515px'}], position: 5424, duration: 500, easing: "easeOutCubic" }, { id: "eid35", tween: [ "transform", "${_pochetteFrontCopy}", "translateX", '-293px', { fromValue: '-293px'}], position: 1331, duration: 0 }, { id: "eid24", tween: [ "style", "${_vinyl}", "opacity", '1', { fromValue: '1'}], position: 848, duration: 0 }, { id: "eid26", tween: [ "style", "${_vinyl}", "opacity", '0', { fromValue: '1'}], position: 3588, duration: 510 }, { id: "eid12", tween: [ "transform", "${_vinyl}", "translateX", '203px', { fromValue: '203px'}], position: 848, duration: 0 }, { id: "eid116", tween: [ "style", "${_disque2}", "opacity", '1', { fromValue: '0'}], position: 4674, duration: 250 }, { id: "eid7", tween: [ "transform", "${_pochetteBack}", "translateY", '405px', { fromValue: '405px'}], position: 1331, duration: 0 }, { id: "eid175", tween: [ "transform", "${_disque4}", "translateX", '63px', { fromValue: '-321.64515px'}], position: 5174, duration: 500, easing: "easeOutCubic" }, { id: "eid106", tween: [ "style", "${_pochetteFrontCopy}", "opacity", '0', { fromValue: '1'}], position: 4034, duration: 510 }, { id: "eid37", tween: [ "style", "${_stage}", "overflow", 'hidden', { fromValue: 'hidden'}], position: 1331, duration: 0 }, { id: "eid33", tween: [ "color", "${_stage}", "background-color", 'rgba(255,255,255,0.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(255,255,255,0.00)'}], position: 1331, duration: 0 }, { id: "eid83", tween: [ "transform", "${_disque1}", "translateY", '50px', { fromValue: '50px'}], position: 4424, duration: 0 }, { id: "eid103", tween: [ "transform", "${_disque1}", "translateY", '50px', { fromValue: '50px'}], position: 4924, duration: 0 }, { id: "eid114", tween: [ "style", "${_disque3}", "opacity", '1', { fromValue: '0'}], position: 4924, duration: 250 }, { id: "eid169", tween: [ "transform", "${_disque3}", "translateX", '614px', { fromValue: '-321.64515px'}], position: 4924, duration: 500, easing: "easeOutCubic" }, { id: "eid75", tween: [ "transform", "${_disque6}", "translateY", '317px', { fromValue: '317px'}], position: 5674, duration: 0 }, { id: "eid93", tween: [ "transform", "${_disque6}", "translateY", '317px', { fromValue: '317px'}], position: 6174, duration: 0 }, { id: "eid110", tween: [ "style", "${_disque5}", "opacity", '1', { fromValue: '0'}], position: 5424, duration: 256 }, { id: "eid2", tween: [ "style", "${_stage}", "height", '645px', { fromValue: '645px'}], position: 1331, duration: 0 }, { id: "eid16", tween: [ "transform", "${_vinyl}", "translateY", '29px', { fromValue: '384px'}], position: 1486, duration: 511, easing: "easeOutQuart" }, { id: "eid22", tween: [ "transform", "${_vinyl}", "translateY", '-499.00004px', { fromValue: '29px'}], position: 3588, duration: 354, easing: "easeInSine" }, { id: "eid171", tween: [ "transform", "${_disque6}", "translateX", '614px', { fromValue: '-321.64515px'}], position: 5674, duration: 500, easing: "easeOutCubic" }, { id: "eid180", tween: [ "transform", "${_disque3}", "rotateZ", '0deg', { fromValue: '200deg'}], position: 4924, duration: 500, easing: "easeOutQuart" }] } } }}; var comp; //var mySound; Edge.registerCompositionDefn(compId, symbols); /*var mySound = new buzz.sound('tpl/ipad/mp3/audio_ats.mp3',{ preload:true });*/ /** * Adobe Edge DOM Ready Event Handler */ $(window).ready(function() { comp = new Edge.Composition(compId, {stage: "." + compId}, {}); /** * Adobe Edge Timeline Launch */ comp.ready(function() { $('#html5animation').fadeTo("slow", 1); $('#playBtn').click(function() { var mySound = new buzz.sound('./tpl/ipad/mp3/audio_ats.mp3'); mySound.load(); mySound.bind("loadstart", function(e) { $('.loadinghome').show(); }).bind("canplay", function(e) { $('#playBtn').hide(); comp.play(); this.play(); }); }); }); }); })(jQuery, jQuery.Edge, "EDGE-23067561");