{"version":3,"sources":["scroll.js","intro.js","jatracker.js","script.js","slider.js","video.js"],"names":["initScrollMagic","moveTween","e","hook","direction","sectionTitTween","$e","$","TweenMax","set","perspective","each","$this","this","opacity","y","to","x","ScrollMagic","Scene","triggerElement","triggerHook","setTween","reverse","addTo","controller","textTween","type","tl","TimelineMax","paused","SplitText","staggerFrom","lines","cycle","words","index","el","force3D","scale","chars","autoAlpha","rotationX","transformOrigin","ease","Back","easeOut","i","length","from","Math","random","on","play","numberWithCommas","n","toString","split","replace","height","find","duration","event","timer","$video","video","isPlaying","currentTime","ended","readyState","setTimeout","click","clearTimeout","pause","arrowTween","staggerTo","Quad","easInOut","repeat","delay","window","introTween","fighterTween","dancerTween","baristaTween","professorTween","sangsangUnivTween","onComplete","drawIcon","Bounce","easeIn","easeInOut","drawSVG","fill","$infoNum","numTween","counter","var","numMax","data","onUpdate","nwc","text","Expo","easOut","chartTween","add","zIndex","positioning","screenWidth","width","screenHeight","img","posX","posY","widthImg","heightImg","floor","fileNum","file","filebox","append","imgTween","repeatDelay","elements","toArray","sort","resize","jatracker","addEventListener","userAgent","navigator","toLowerCase","indexOf","attr","not","css","lazyload","$popup","fadeIn","fadeOut","$sns","$snsLinks","linkWidth","parent","hasClass","overwrite","get","preventDefault","section","closest","url","fnSendSns","qna","addClass","removeClass","hide","next","Controller","ani","$localize","owlCarousel","nav","dots","items","loop","navClass","center","navText","item","margin","autoplay","src","controls","controlsList","preload","poster"],"mappings":"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","file":"script.js","sourcesContent":["/*\r\n* Scroll 관련 스크립트\r\n*\r\n* JS Dependencies\r\n* - ScrollMagic: http://scrollmagic.io\r\n* - ScrollMagic.min.js\r\n* - animation.gsap.min.js\r\n* - debug.addIndicators.min.js\r\n* - TweenMax: https://greensock.com\r\n* - TweenMax.min.js\r\n* */\r\n\r\n// ScrollMagic 컨트롤러\r\nvar controller = new ScrollMagic.Controller();\r\n\r\n$(function(){\r\n initScrollMagic();\r\n});\r\n\r\nfunction initScrollMagic() {\r\n var roofHeight = $('#roof').height();\r\n\r\n // scroll auto play\r\n var $videos = $('.video-play');\r\n $videos.each(function(){\r\n var $this = $(this);\r\n var $videos = $this.find('video');\r\n new ScrollMagic.Scene({\r\n triggerElement: this,\r\n duration: $this.height()\r\n })\r\n .on('enter leave', function(event){\r\n var $video = $this;\r\n var video = $video.find('video')[0];\r\n var timer;\r\n var isPlaying = video.currentTime > 0 && !video.paused && !video.ended && video.readyState > 2;\r\n if (event.type === 'enter') {\r\n timer = setTimeout(function(){ // enter -> leave 이벤트 연속 발생시 play() 방지\r\n if (!isPlaying) {\r\n $video.find('.play').click(); // play\r\n }\r\n }, 600);\r\n } else {\r\n if (timer) {\r\n clearTimeout(timer);\r\n }\r\n if (isPlaying) {\r\n video.pause(); // pause\r\n }\r\n }\r\n })\r\n .addTo(controller);\r\n });\r\n function moveTween(e, hook, direction){\r\n var $e = $(e), sectionTitTween;\r\n TweenMax.set($e, {perspective:400});\r\n $e.each(function(){\r\n var $this = this;\r\n if(direction =='up'){\r\n TweenMax.set($e, {opacity:0, y:+30});\r\n sectionTitTween = TweenMax.to($this, .8, {opacity:1, y:'=-30'});\r\n } else if(direction =='down'){\r\n TweenMax.set($e, {opacity:0, y:-30});\r\n sectionTitTween = TweenMax.to($this, .8, {opacity:1, y:'=+30'});\r\n } else if(direction == 'left') {\r\n TweenMax.set($e, {opacity:0, x:-30});\r\n sectionTitTween = TweenMax.to($this, .8, {opacity:1, x:'=+30'});\r\n } else if(direction == 'right') {\r\n TweenMax.set($e, {opacity:0, x:+30});\r\n sectionTitTween = TweenMax.to($this, .8, {opacity:1, x:'=-30'});\r\n }\r\n var sectionTitScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: hook\r\n })\r\n .setTween(sectionTitTween)\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n }\r\n\r\n function textTween(e, hook, type){\r\n var $e = $(e);\r\n TweenMax.set($e, {perspective:400});\r\n $e.each(function(){\r\n var $this = this, textTween;\r\n var tl = new TimelineMax({paused:true});\r\n if(type=='zigzag')\r\n {\r\n textTween = new SplitText($this, {type:'lines'});\r\n tl.staggerFrom(textTween.lines, 0.5, {opacity:0, cycle:{x:[100, -100]}}, 0.2);\r\n } else if(type=='words') {\r\n textTween = new SplitText($this, {type:'words'});\r\n $(textTween.words).each(function(index, el){\r\n tl.staggerFrom(textTween.words, 0.6, {opacity:0, force3D:true}, index * 0.01);\r\n tl.staggerFrom(textTween.words, 0.6, {scale:index % 2 == 0 ? 0 : 2}, index * 0.01);\r\n });\r\n } else if(type=='cwl') {\r\n textTween = new SplitText($this, {type:'chars, words, lines'});\r\n tl.staggerFrom(textTween.chars, 0.5, {autoAlpha:0, scale:4, force3D:true}, 0.01, 0.2);\r\n } else if(type=='twist') {\r\n textTween = new SplitText($this, {type:'chars, words'});\r\n tl.staggerFrom(textTween.chars, 0.6, {opacity:0, scale:0, y:80, rotationX:180, transformOrigin:'0% 50% -50', ease:Back.easeOut}, 0.01, '+=0');\r\n } else if(type=='random') {\r\n textTween = new SplitText($this, {type:'chars, words'});\r\n for(var i = 0; i < textTween.chars.length; i++){\r\n tl.from(textTween.chars[i], 2, {opacity:0}, Math.random() * 2);\r\n }\r\n }\r\n var textScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: hook\r\n })\r\n .on('start', function(){\r\n tl.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n }\r\n //\r\n // hero\r\n //\r\n\r\n // TweenMax.set('#hero-sub .heading-2', {autoAlpha:0, y:+30});\r\n\r\n // var heroSubScene = new ScrollMagic.Scene({\r\n // triggerElement: '#hero-sub', \r\n // triggerHook: .7\r\n // })\r\n // .on('enter', function(){\r\n // TweenMax.to('#hero-sub .heading-2', .5, {autoAlpha:1,y:'=+30',onComplete:function(){\r\n // TweenMax.to('#hero-sub .blue', .5, {color:'#3f8ee7'});\r\n // }});\r\n // })\r\n // .reverse(true)\r\n // .addTo(controller);\r\n\r\n var arrowTween = new TimelineMax({paused:true});\r\n arrowTween.staggerTo('.intro-scroll', 1.5, {opacity:0.3,ease:Quad.easInOut,y:'+30',repeat:-1,delay:-1},0.5);\r\n\r\n new ScrollMagic.Scene(\r\n {\r\n triggerElement: $('#hero')[0],\r\n duration: $('#hero').height(),\r\n })\r\n .on('enter leave', function(event){ \r\n if (event.type === 'enter') {\r\n arrowTween.play();\r\n } else {\r\n arrowTween.pause();\r\n }\r\n\r\n })\r\n .addTo(controller); \r\n\r\n TweenMax.set('#bg-hero .tween', {autoAlpha:0});\r\n window.setTimeout(function(){\r\n TweenMax.set('#bg-hero .tween', {autoAlpha:1});\r\n textTween('#bg-hero .tween', .5, 'random');\r\n }, 2000);\r\n\r\n // var mySplitText = new SplitText(\"#quote\", {type:\"chars, words\"}),\r\n // tl = new TimelineLite(),\r\n // numChars = mySplitText.chars.length;\r\n\r\n // for(var i = 0; i < numChars; i++){\r\n // //random value used as position parameter\r\n // tl.from(mySplitText.chars[i], 2, {opacity:0}, Math.random() * 2);\r\n // }\r\n\r\n moveTween('#hero-sub .tween', .5, 'up');\r\n moveTween('#hero-sub .heading-2', .5, 'up');\r\n //\r\n // #intro\r\n // \r\n TweenMax.set('#video-intro', {autoAlpha:0, x:'-100'});\r\n TweenMax.set('#intro .text', {autoAlpha:0, x:'+100'});\r\n TweenMax.set('#intro .col:nth-child(2)', {autoAlpha:0});\r\n var introTween = new TimelineMax({paused:true})\r\n .to('#video-intro', .5, {autoAlpha:1,x:'=+100'})\r\n .to('#intro .col:nth-child(2)', .5, {autoAlpha:1})\r\n .to('#intro .text', .5, {autoAlpha:1, x:'=+100'});\r\n\r\n var introScene = new ScrollMagic.Scene({\r\n triggerElement: '#intro', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n introTween.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n\r\n textTween('#intro .title', .6, 'zigzag');\r\n\r\n //\r\n // interview-ltr\r\n //\r\n\r\n TweenMax.set('.type-ltr .interview-video', {autoAlpha:0, x:'-100'});\r\n TweenMax.set('.type-rtl .interview-video', {autoAlpha:0, x:'+100'});\r\n TweenMax.set('.bg-people', {autoAlpha:0, y:'+50'});\r\n\r\n\r\n\r\n //\r\n // interview-fighter\r\n // \r\n var fighterTween = new TimelineMax({paused:true})\r\n .to('#fighter .interview-video', .5, {autoAlpha:1, x:'=+100'})\r\n .to('#fighter .bg-people', 1, {autoAlpha:1,y:'=-50'});\r\n \r\n var fighterScene = new ScrollMagic.Scene({\r\n triggerElement: '#fighter', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n fighterTween.play();\r\n })\r\n .reverse(true)\r\n .addTo(controller);\r\n \r\n //\r\n // interview-dancer\r\n // \r\n var dancerTween = new TimelineMax({paused:true})\r\n .to('#dancer .interview-video', .5, {autoAlpha:1, x:'=+100'})\r\n .to('#dancer .bg-people', 1, {autoAlpha:1,y:'=-50'});\r\n \r\n var dancerScene = new ScrollMagic.Scene({\r\n triggerElement: '#dancer', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n dancerTween.play();\r\n })\r\n .reverse(true)\r\n .addTo(controller);\r\n \r\n //\r\n // interview-barista\r\n //\r\n var baristaTween = new TimelineMax({paused:true})\r\n .to('#barista .interview-video', .5, {autoAlpha:1, x:'=+100'})\r\n .to('#barista .bg-people', 1, {autoAlpha:1,y:'=-50'}); \r\n\r\n var baristaScene = new ScrollMagic.Scene({\r\n triggerElement: '#barista', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n baristaTween.play();\r\n })\r\n .reverse(true)\r\n .addTo(controller);\r\n\r\n //\r\n // interview-professor\r\n //\r\n\r\n var professorTween = new TimelineMax({paused:true})\r\n .to('#professor .interview-video', .5, {autoAlpha:1, x:'=+100'})\r\n .to('#professor .bg-people', 1, {autoAlpha:1,y:'=-50'}); \r\n \r\n \r\n var professorScene = new ScrollMagic.Scene({\r\n triggerElement: '#professor', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n professorTween.play();\r\n })\r\n .reverse(true)\r\n .addTo(controller);\r\n \r\n moveTween('.interview .sub-heading-2', .6, 'up');\r\n textTween('.interview .heading-2', .6, 'zigzag');\r\n //\r\n // interview-common\r\n //\r\n\r\n textTween('.interview .heading-1', .6, 'zigzag');\r\n moveTween('.interview-desc',.7, 'up');\r\n \r\n //\r\n // localizing\r\n //\r\n \r\n // textTween('#localizing .heading-1', .6, 'cwl');\r\n // moveTween('#localizing .text', .7, 'left');\r\n // moveTween('#localizing img', .6, 'right');\r\n\r\n //\r\n // sangsang-univ\r\n //\r\n\r\n TweenMax.set(['#sangsang-univ .icon', '#sangsang-univ .icon icon-*','#sangsang-univ .text'], {autoAlpha:0, y:+30});\r\n TweenMax.set(['#sangsang-univ .col', '#sangsang-univ .descText'], {autoAlpha:0});\r\n textTween('#sangsang-univ .heading-1', .6, 'cwl');\r\n moveTween('#sangsang-univ .sub-title', .6, 'down');\r\n \r\n var sangsangUnivTween = new TimelineMax({paused:true})\r\n .to('#sangsang-univ .col', .5, {autoAlpha:1, y:'=-30', onComplete:function(){\r\n drawIcon.play();}});\r\n\r\n \r\n var drawIcon = new TimelineMax({paused:true});\r\n drawIcon.to('#sangsang-univ .icon', .5, {ease:Bounce.easeIn,autoAlpha:1,onComplete:iconic});\r\n function iconic(){\r\n TweenMax.to('#sangsang-univ icon div', .5, {autoAlpha:0, ease:Bounce.easeInOut,y:'=+30'});\r\n TweenMax.to('#sangsang-univ .descText', .5, {autoAlpha:1,y:'=+30'});\r\n TweenMax.to('#sangsang-univ .bold', .5, {autoAlpha:1,y:'=+30'});\r\n TweenMax.to('#sangsang-univ .text', .5, {autoAlpha:1,y:'=+30'});\r\n TweenMax.from('#sangsang-univ path', 1, {autoAlpha:0,drawSVG:'0%',fill:'none'});\r\n TweenMax.from('#sangsang-univ circle', 1, {delay:1,autoAlpha:0,drawSVG:'0%',fill:'none'});\r\n TweenMax.from('#sangsang-univ text', 1, {delay:1,autoAlpha:0,drawSVG:'0%'});\r\n }\r\n var sangsangUnivScene = new ScrollMagic.Scene({\r\n triggerElement: '#sangsang-univ .container', \r\n triggerHook: .6\r\n })\r\n .on('enter', function(){\r\n sangsangUnivTween.play();\r\n })\r\n .reverse(true)\r\n .addTo(controller);\r\n \r\n //\r\n // curriculum\r\n //\r\n\r\n textTween('#curriculum .heading-1', .6);\r\n moveTween('#curriculum .text', .6, 'up');\r\n\r\n //\r\n // sangsang-madang\r\n //\r\n\r\n textTween('#sangsang-madang .heading-1', .6, 'cwl');\r\n textTween('#sangsang-madang .text', .7, 'twist');\r\n moveTween('#artist-1',.6, 'left');\r\n moveTween('#artist-2',.6, 'right');\r\n moveTween('.bg-circle',.6, 'down');\r\n\r\n //\r\n // info\r\n //\r\n // TweenMax.set($('#info .number'), {opacity:0});\r\n var $infoNum = $('.info-num'), counter = { var:0 };\r\n \r\n function numberWithCommas(n) {\r\n var parts=n.toString().split('.');\r\n return parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, ',');\r\n }\r\n\r\n var numTween = new TimelineMax();\r\n $infoNum.each(function(){\r\n var counter = { var:0 }, $this = $(this), numMax = $this.data('count');\r\n numTween.to(counter, 2, {var:numMax, onUpdate:function(){\r\n var nwc = numberWithCommas(counter.var);\r\n $this.text(nwc);\r\n }, ease:Expo.easOut}, 0);\r\n });\r\n \r\n var infoScene = new ScrollMagic.Scene({\r\n triggerElement: '#info .heading-1', \r\n triggerHook: .5\r\n })\r\n .setTween(numTween)\r\n .reverse(false)\r\n .addTo(controller);\r\n\r\n moveTween('#info .heading-1', .5, 'up');\r\n moveTween('#info .text',.5, 'up');\r\n\r\n //\r\n // contribute-timeline\r\n //\r\n\r\n textTween('#contribute-timeline .heading-1',.6, 'zigzag');\r\n TweenMax.set('.odd .card', {autoAlpha:0, x:50});\r\n TweenMax.set('.even .card', {autoAlpha:0, x:-50});\r\n\r\n var chartTween = new TimelineMax({paused:true});\r\n $('.bar-chart .chart-bar').each(function(){\r\n var $this = $(this), data = $this.data('num');\r\n TweenMax.set($this, {height:data/6});\r\n chartTween.add(TweenMax.from($this, .2, {height:'0px',onComplete:function(){\r\n $this.find('b').text(data);\r\n }}));\r\n });\r\n\r\n var chartScene = new ScrollMagic.Scene({\r\n triggerElement: '.bar-chart',\r\n triggerHook: .6,\r\n })\r\n .on('start', function(){\r\n chartTween.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n \r\n // $('.card').each(function(e){\r\n // var $this = this, movePos;\r\n // var tl = new TimelineMax({paused:true});\r\n // if($this.parents().hasClass('odd')){\r\n // movePos = '=-50';\r\n // } else {\r\n // movePos = '=+50';\r\n // }\r\n // tl.to($this, .5, {autoAlpha:1,x:movePos});\r\n // var cardScene = new ScrollMagic.Scene({\r\n // triggerElement: $this,\r\n // triggerHook: .6,\r\n // })\r\n // .on('start', function(){\r\n // tl.play();\r\n // })\r\n // .reverse(false)\r\n // .addTo(controller);\r\n // });\r\n\r\n\r\n $('.odd .card').each(function(e){\r\n var $this = this, movePos;\r\n var tl = new TimelineMax({paused:true});\r\n movePos = '=-50';\r\n tl.to($this, .5, {autoAlpha:1,x:movePos,ease:Bounce.easeInOut,zIndex:11});\r\n var cardScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: .6,\r\n })\r\n .on('start', function(){\r\n tl.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n\r\n $('.even .card').each(function(e){\r\n var $this = this, movePos;\r\n var tl = new TimelineMax({paused:true});\r\n movePos = '=+50';\r\n tl.to($this, .5, {autoAlpha:1,x:movePos,ease:Bounce.easeInOut,zIndex:11});\r\n var cardScene = new ScrollMagic.Scene({\r\n triggerElement: $this,\r\n triggerHook: .6,\r\n })\r\n .on('start', function(){\r\n tl.play();\r\n })\r\n .reverse(false)\r\n .addTo(controller);\r\n });\r\n\r\n //\r\n // contribute-destination\r\n //\r\n\r\n textTween('#contribute-destination .heading-1',.6, 'zigzag');\r\n moveTween('#contribute-destination .text',.6, 'up');\r\n\r\n //\r\n // more\r\n //\r\n\r\n textTween('#more .text',.6, 'zigzag');\r\n moveTween('#more .heading-3',.6, 'right');\r\n moveTween('#more .heading-3',.6, 'right');\r\n moveTween('#video-more',.6, 'left');\r\n moveTween('#more .btn-1',.8, 'down');\r\n moveTween('#more .btn-2',.8, 'up');\r\n}\r\n","// /*\r\n// * Intro 영역 스크립트\r\n// *\r\n// * JS Dependencies\r\n// * - ScrollMagic: http://scrollmagic.io\r\n// * - ScrollMagic.min.js\r\n// * - animation.gsap.min.js\r\n// * - debug.addIndicators.min.js\r\n// * - TweenMax: https://greensock.com\r\n// * - TweenMax.min.js\r\n// * */\r\n\r\n\r\n$(function(){\r\n function positioning(){\r\n var screenWidth = $(window).width(), screenHeight = $(window).width();\r\n // function convert(pos, ele){\r\n // var pixels = ele;\r\n // var percentage;\r\n // if(pos == 'x') {\r\n // percentage = pixels / screenWidth * 100; // 0.92%\r\n // } else {\r\n // percentage = pixels / screenHeight * 100; // 0.92%\r\n // }\r\n // }\r\n var img = [[0, 0, 80, 350], [80, 0, 350, 350], [430, 0, 300, 99], [730, 0, 200, 99], [930, 0, 250, 99], [1180, 0, 250, 250], [1430, 0, 170, 50], [1430, 50, 170, 450], [1380, 500, 220, 283], [1080, 700, 300, 83], [880, 700, 200, 83], [530, 549, 350, 233], [230, 549, 300, 233], [0, 349, 230, 434], [230, 349, 200, 200], [430, 99, 450, 450], [880, 99, 300, 300], [1180, 250, 250, 250], [1180, 500, 200, 200], [880, 400, 300, 300]];//1600, 783\r\n for (var i = 0; i
');\r\n TweenMax.to(filebox, random,{x:posX,y:posY,width:widthImg,height:heightImg,transformOrigin:'50% 50%'});\r\n TweenMax.to(file, random,{width:widthImg,height:heightImg,transformOrigin:'50% 50%'});\r\n }\r\n }\r\n positioning();\r\n var imgTween = new TimelineMax({repeat:-1,repeatDelay:1});\r\n var elements = $('.pic-img').toArray();\r\n elements.sort(function(){return 0.5-Math.random();});\r\n var $elements = $(elements);\r\n $elements.each(function(i){\r\n var $this = $(this), dur = Math.floor(Math.random() * 2);\r\n imgTween.add(TweenMax.staggerTo($this.find('.lazyload'), Math.random() * 0.5+0.2, {ease: Quad.easeInOut, scale:1.2,opacity:1},Math.random() * 0.5 + 0.2));\r\n imgTween.add(TweenMax.staggerTo($this.find('.lazyload'), Math.random() * 0.5+0.2, {ease: Quad.easeInOut, delay:1,scale:1,opacity:.4}));\r\n });\r\n\r\n $(window).resize(function(){\r\n positioning();\r\n });\r\n\r\n new ScrollMagic.Scene(\r\n {\r\n triggerElement: '.hero',\r\n triggerHook: .5\r\n })\r\n .reverse(false)\r\n .setTween(imgTween)\r\n .addTo(controller);\r\n});","/*\n* JATracker 액션 추적 스크립트\n*\n* jatracker('event', 'clickEvent', '카테고리', '액션명', '라벨');\n* */\nif (typeof jatracker === 'function') {\n window.addEventListener('load', function() {\n $('#more .btn-1').on('click', function() {\n jatracker('event', 'clickEvent', '링크', '클릭', '상상유니브 자카르타 더 알아보기');\n });\n\n $('#more .btn-2').on('click', function() {\n jatracker('event', 'clickEvent', '링크', '클릭', '상상마당 더 알아보기');\n });\n });\n}\n","// web font loader\r\n// if (typeof WebFont === 'object') {\r\n// WebFont.load({\r\n// custom: {\r\n// families: [\r\n// 'Spoqa Han Sans',\r\n// 'Spoqa Han Sans JP',\r\n// 'Arita Buri',\r\n// ],\r\n// urls: [\r\n// 'https://cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/2.1.1/css/SpoqaHanSans-kr.min.css',\r\n// // 'https://cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/2.1.1/css/SpoqaHanSans-jp.min.css',\r\n// ],\r\n// },\r\n// google: {\r\n// families: ['Merriweather:400,300'],\r\n// text: '1234567890.,~'\r\n// }\r\n// });\r\n// }\r\n// if you want to use webFont Loader..\r\n\r\n$(function(){\r\n\r\n // lazyLoad\r\n // https://appelsiini.net/projects/lazyload\r\n var userAgent = navigator.userAgent.toLowerCase();\r\n if (userAgent.indexOf('edge') > -1 || userAgent.indexOf('trident') > -1) { // edge & ie - lazyload 버그로 임시로 처리함.\r\n $('img.lazyload').each(function(){\r\n $(this).attr('src', $(this).data('src'));\r\n });\r\n $('.lazyload').not('img').each(function(){\r\n $(this).css('background-image', 'url(\"' + $(this).data('src') + '\")');\r\n });\r\n } else {\r\n lazyload();\r\n }\r\n\r\n // 인터뷰 섹션 - play movie 버튼\r\n //\r\n var $popup = $('#interview-popup');\r\n\r\n $('#popup-open').on('click', openPopup);\r\n $('#popup-close').on('click', closePopup);\r\n\r\n function openPopup(){\r\n $popup.fadeIn(400, function(){\r\n $popup.find('video')[0].play();\r\n });\r\n }\r\n function closePopup(){\r\n $popup.fadeOut(400, function(){\r\n $popup.find('video')[0].pause();\r\n });\r\n }\r\n\r\n // 오감 섹션 - 섹션 공유\r\n //\r\n var $sns = $('.section-sns');\r\n var $snsLinks = $sns.find('.section-sns-list a');\r\n var linkWidth = $snsLinks.width();\r\n\r\n // 공유 아이콘 hover 하면 각 sns 링크 노출하기\r\n $sns.on('mouseenter mouseleave', function(e){\r\n var direction = $(this).parent().hasClass('s-sense-body') ? 'down' : $(this).parent('.sense-top-video').hasClass('layout-left') ? 'left': 'right';\r\n var $snsLinks = $(this).find('.section-sns-list a');\r\n\r\n if (e.type === 'mouseenter') {\r\n if (direction === 'down') {\r\n TweenMax.staggerTo($snsLinks, .4, {overwrite: 1, opacity: 1,\r\n cycle: {\r\n y: function(index){\r\n return linkWidth * ($snsLinks.length - index) + 10;\r\n }\r\n }\r\n }, .2);\r\n } else {\r\n TweenMax.staggerTo($snsLinks, .4, {overwrite: 1,\r\n cycle: {\r\n x: function(index){\r\n switch (direction) {\r\n case 'left':\r\n return linkWidth * ($snsLinks.length - index);\r\n case 'right':\r\n return -linkWidth * ($snsLinks.length - index);\r\n }\r\n }\r\n }\r\n }, .2);\r\n }\r\n } else {\r\n if (direction === 'down') {\r\n TweenMax.staggerTo($snsLinks.get().reverse(), .4, {overwrite: 1, y: 0, opacity: 0}, .2);\r\n } else {\r\n TweenMax.staggerTo($snsLinks.get().reverse(), .4, {overwrite: 1, x: 0}, .2);\r\n }\r\n }\r\n });\r\n // 각 sns 링크 클릭하면, 해당 섹션 hash를 url에 추가해서 fnSendSns 함수 호출하기\r\n $snsLinks.on('click', function(e){\r\n e.preventDefault();\r\n\r\n var $this = $(this);\r\n var section = $this.closest('.hash-section').attr('id');\r\n var type = $this.attr('class');\r\n var url = $('meta[property=\"og:url\"]').attr('content') + '#' + section;\r\n\r\n // console.log(section, type, url);\r\n fnSendSns(type, url);\r\n });\r\n\r\n // \r\n // profressor \r\n //\r\n\r\n var qna = 0, $qna = $('#qna'), qnacol = $('#qna div[class*=\"container\"]');\r\n $('#qna .btn').click(function(){\r\n if(qna++ % 2 === 0) {\r\n $('#qna').addClass('active');\r\n $('#qna .toggle').removeClass('close');\r\n } else {\r\n $('#qna').removeClass('active');\r\n $('#qna .toggle').addClass('close');\r\n } \r\n // 활성화 영역으로 스크롤하기\r\n // $qna.find('.toggle').on('transitionend', function(){\r\n // var $parent = $(this).parent();\r\n // if ($parent.hasClass('active')) {\r\n // $('html, body').stop().animate({scrollTop: $parent.offset().top - $('#roof').outerHeight()}, 500);\r\n // }\r\n // });\r\n });\r\n\r\n //\r\n // video Play\r\n //\r\n $('.video-play .play').on('click', function(e){\r\n e.preventDefault();\r\n $(this).hide().next('video')[0].play();\r\n });\r\n\r\n});","/*\r\n* 오감 슬라이더 관련 스크립트\r\n*\r\n* JS Dependencies\r\n* - ScrollMagic: http://scrollmagic.io\r\n* - ScrollMagic.min.js\r\n* - animation.gsap.min.js\r\n* - debug.addIndicators.min.js\r\n* - TweenMax: https://greensock.com\r\n* - TweenMax.min.js\r\n* */\r\n\r\n\r\n$(function(){\r\n\r\n var roofHeight = $('#roof').height();\r\n\r\n function ani(){\r\n TweenMax.to('#localizeOwl .heading-1', .5, {autoAlpha:1});\r\n TweenMax.to('#localizeOwl .inner', .5, {autoAlpha:1, y:'=+30'});\r\n TweenMax.to('#localizeOwl img', .5, {autoAlpha:1,x:'=-50'});\r\n }\r\n\r\n TweenMax.set('#localizeOwl .heading-1', {perspective:400});\r\n // TweenMax.set(['#localizeOwl .heading-1', '#localizeOwl .inner'], {opacity:0, y:30});\r\n // TweenMax.set('#localizeOwl img', {opacity:0, x:50});\r\n\r\n var $localize = $('#localizeOwl');\r\n $localize.owlCarousel({\r\n nav: true,\r\n dots: true,\r\n items: 1,\r\n loop:false,\r\n navClass:['owl-button-prev', 'owl-button-next'],\r\n center:true,\r\n navText: ['', '']\r\n });\r\n\r\n $localize.on('initialized.owl.carousel changed.owl.carousel', function(event) {\r\n var item = event.item.index;\r\n TweenMax.set(['#localizeOwl .heading-1', '#localizeOwl .inner'], {opacity:0, y:30});\r\n TweenMax.set('#localizeOwl img', {opacity:0, x:50});\r\n ani();\r\n });\r\n\r\n var $contribute = $('.contribute');\r\n $contribute.owlCarousel({\r\n loop: true,\r\n dots: true,\r\n margin:30,\r\n items: 1,\r\n autoplay:true\r\n });\r\n});","//\n// Video play - Custom poster and play button \n//\n$(function(){\n $('#video-intro').find('video').attr({\n 'src': 'https://cf.c.ooyala.com/U4cGJuZDE6UuOhe6PpnMz---HJoFAnPj/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_', \n 'controls':true,\n 'controlsList':'nodownload',\n 'preload':'none',\n 'loop':false,\n 'poster': ''\n });\n\n $('#video-fighter').find('video').attr({\n 'src': 'https://cf.c.ooyala.com/o5bXdtZDE6Z-nWtRBIGp6ot3zDGpTbNW/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n 'controls':true,\n 'controlsList':'nodownload',\n 'preload':'none',\n 'loop':false,\n 'poster': ''\n });\n\n $('#video-dancer').find('video').attr({\n 'src': 'https://cf.c.ooyala.com/FsaXdtZDE6R_f1figA6Wb76LmLwbrS0f/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n 'controls':true,\n 'controlsList':'nodownload',\n 'preload':'none',\n 'loop':false,\n 'poster': ''\n });\n\n $('#video-barista').find('video').attr({\n 'src': 'https://cf.c.ooyala.com/U5aXdtZDE6CHLvKpez8ARxsyHm0HAe_r/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n 'controls':true,\n 'controlsList':'nodownload',\n 'preload':'none',\n 'loop':false,\n 'poster': ''\n });\n\n $('#video-more').find('video').attr({\n 'src': 'https://cf.c.ooyala.com/Z3aHdtZDE6BrkxscCuRM8SYspuClX464/DOcJ-FxaFrRg4gtDEwOjFyazowODE7G_',\n 'controls':true,\n 'controlsList':'nodownload',\n 'preload':'none',\n 'loop':false,\n 'poster': ''\n });\n});\n"]}