(function(ns, $,undefined){ ns.register('brandinfo'); ns.brandinfo = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.brandTop'), $('.brandFunc'), $('.smartInside'), $('.viewFuntion'), $('.designSec'), $('.designerSec'), $('.awards')]; var t1, t2, t3, t4, t5, t6, t7; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.topimg'), 0.5, {x: 300, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('dt'), 0.5, {x:-100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.tit'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.txt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.list-1'), 0.5, {x: 100, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.list-2'), 0.5, {x:-100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.list-3'), 0.5, {x:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); /*t3 = new TimelineLite(); t3.from($(m_group[2]).find('.p_img'), 0.5, {x: 200, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('dt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('dd'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.p_img'), 0.5, {x: -200, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[3]).find('.func-1'), 0.5, {x:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[3]).find('.func-2'), 0.5, {x:-100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t4.pause();*/ t3 = new TimelineLite(); t3.from($(m_group[2]), 0.7, {x: 100, autoAlpha: 0, ease:Cubic.easeOut}) t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]), 0.7, {x: -100, autoAlpha: 0, ease:Cubic.easeOut}, "+=0.5") t4.pause(); t5 = new TimelineLite(); t5.from($(m_group[4]).find('.thumimg'), 0.8, {/*x: -200, */autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[4]).find('dt .tit01'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[4]).find('dt .tit02'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[4]).find('dd'), 0.8, {/*y:100, */autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') //.from($(m_group[4]).find('dd .txt02'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t5.pause(); t6 = new TimelineLite(); t6.from($(m_group[5]).find('.thumimg'), 0.5, {/*x: -200, */autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[5]).find('dt'), 0.5, {/*y:-50,*/ autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[5]).find('dd'), 0.5, {/*y:-50,*/ autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t6.pause(); t7 = new TimelineLite(); t7.from($(m_group[6]).find('.awardsTit'), 0.5, {x: -100, autoAlpha: 0, ease:Cubic.easeOut}) .staggerFrom($(m_group[6]).find('.awardsList li'), 0.7, {y: 50, autoAlpha: 0, ease:Cubic.easeOut}, 0.3) t7.pause(); mog = [t1, t2, t3, t4, t5, t6, t7]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/2; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('cafefootloose'); ns.cafefootloose = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.cafeTop'), $('.cafeService'), $('.conceptWrap'), $('.statusWrap'), $('.cafeinfo')]; $('.cafeTop').css('opacity', 1); var t1, t2, t3, t4, t5; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.viewimg'), 0.7, {y:100, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('.infoBgbox'), 0.7, {x:-50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.conTxt'), 0.7, {y:20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.serviceLeft'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.sec-1'), 0.5, {x:-20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.sec-2'), 0.5, {x:-20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.sec-3'), 0.5, {x:-20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('dt'), 0.5, {/*y:100, */autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('dd'), 0.5, {/*y:100,*/ autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.storeimg'), 0.7, {/*y:100,*/ autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[3]).find('dl'), 0.7, {y:50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') //.from($(m_group[3]).find('dt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') //.from($(m_group[3]).find('dd'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t4.pause(); t5 = new TimelineLite(); //t5.from($(m_group[4]).find('h3'), 0.5, {/*x: -100,*/ autoAlpha: 0, ease:Cubic.easeOut}) //.from($(m_group[4]).find('.titSummary'), 0.5, {/*y:100,*/ autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t5.from($(m_group[4]).find('.title'), 0.7, {/*x: -100,*/ autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[4]).find('.beststore'), 0.7, {y:50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') //.staggerFrom($(m_group[4]).find('.storeList'), 0.5, {y: 50, autoAlpha: 0, ease:Cubic.easeOut}, 0.3) .from($(m_group[4]).find('.storeListWrap'), 0.7, {y: 50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t5.pause(); mog = [t1, t2, t3, t4, t5]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/2; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('manufacture'); ns.manufacture = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.Top'), $('.thumb'), $('.step-icon'), $('.moreWrap')]; $('.Top').css('opacity', 1); var t1, t2, t3, t4; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.viewimg'), 0.7, {y:100, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('.infoBgbox'), 0.7, {x:-50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.conTxt'), 0.7, {y:20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('h2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('.li1'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li2'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li3'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li4'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li5'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li6'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li7'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li8'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.arrow'), 0.4, {x:-30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.more'), 0.5, {x:30, autoAlpha: 0, ease:Cubic.easeOut}) t4.pause(); mog = [t1, t2, t3, t4]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.3; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('construction'); ns.construction = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.Top'), $('.thumb'), $('.step-icon'), $('.moreWrap')]; $('.Top').css('opacity', 1); var t1, t2, t3, t4; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.viewimg'), 0.7, {x:100, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('.infoBgbox'), 0.7, {y:-50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.conTxt'), 0.7, {y:20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('h2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('.li1'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li2'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li3'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li4'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li5'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li6'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li7'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.li8'), 0.4, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.arrow'), 0.4, {x:-30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.more'), 0.5, {x:30, autoAlpha: 0, ease:Cubic.easeOut}) t4.pause(); mog = [t1, t2, t3, t4]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.3; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('objectsell'); ns.objectsell = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.Top'), $('.thumb'), $('.shop-list'), $('.moreWrap')]; $('.Top').css('opacity', 1); var t1, t2, t3, t4; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.viewimg'), 0.7, {y:-100, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('.infoBgbox'), 0.7, {x:50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.conTxt'), 0.7, {y:20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('h2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('ul'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.more'), 0.5, {x:30, autoAlpha: 0, ease:Cubic.easeOut}) t4.pause(); mog = [t1, t2, t3, t4]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.3; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('provision'); ns.provision = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.Top'), $('.thumb'), $('.shop-list'), $('.moreWrap')]; $('.Top').css('opacity', 1); var t1, t2, t3, t4; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.viewimg'), 0.7, {y:-100, autoAlpha: 0, ease:Cubic.easeOut, delay:0.2}) .from($(m_group[0]).find('.infoBgbox'), 0.7, {x:50, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.conTxt'), 0.7, {y:20, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('h2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[2]).find('ul'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.more'), 0.5, {x:30, autoAlpha: 0, ease:Cubic.easeOut}) t4.pause(); mog = [t1, t2, t3, t4]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.3; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('main'); ns.main = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.main-business'), $('.main-work'), $('.main-shopping'), $('.main-contactus')]; $('#fullpage').css('opacity', 1); var t1, t2, t3, t4; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.main-section-header'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.con4'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.main-work-header'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_0'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_4'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_5'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.li_6'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('.main-section-header'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); t4 = new TimelineLite(); t4.from($(m_group[3]).find('.main-section-header'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[3]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[3]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[3]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t4.pause(); mog = [t1, t2, t3, t4]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('greeting'); ns.greeting = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('.con1'), $('.con2'), $('.con3')]; $('.greetingcon').css('opacity', 1); var t1, t2, t3; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('.comImg'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[0]).find('.comTxt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.comImg'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.comTxt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); t3 = new TimelineLite(); t3.from($(m_group[2]).find('.comImg'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[2]).find('.comTxt'), 0.5, {y:100, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t3.pause(); mog = [t1, t2, t3]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.2; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery)); (function(ns, $,undefined){ ns.register('location'); ns.location = function(){ var _init = function() { motionSet(); }; var motionSet = function(){ var sTop = 0; var m_group = [$('#map'), $('.map_con')]; $('#map').css('opacity', 1); var t1, t2; var mog; t1 = new TimelineLite(); t1.from($(m_group[0]).find('#map'), 1, {y:100, autoAlpha: 0, ease:Cubic.easeOut, delay:0}) t1.pause(); t2 = new TimelineLite(); t2.from($(m_group[1]).find('.con1'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}) .from($(m_group[1]).find('.con2'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') .from($(m_group[1]).find('.con3'), 0.5, {y:30, autoAlpha: 0, ease:Cubic.easeOut}, '-=0.2') t2.pause(); mog = [t1, t2]; $(window).scroll(function(e) { scroll(); }); scroll(); function scroll(){ sTop = $(window).scrollTop() + $(window).height()/1.2; for(var i = 0; i < m_group.length; i++){ if($(m_group[i]).offset().top < sTop){ mog[i].play(); m_group.splice(i, 1); mog.splice(i, 1); } } } }; return { init: _init } }(); }(APP || {}, jQuery));