{"version":3,"sources":["animation.js","brand-slider.js","scroll.js","april-sample-tweens.js","april-sample.js","igarten-iplay.js","institute.js","jatracker.js","slider.js"],"names":["tweenSpaceship","$spaceship","$","TimelineMax","repeat","yoyo","to","y","ease","Power1","easeInOut","brandSlider","showSlide","TweenMax","set","$items","eq","activeIndex","autoAlpha","currentIndex","brandSliderDuration","onComplete","css","$links","length","linksTimeline","pause","play","totalDuration","autoPlayTimeline","find","brandNavDuration","each","index","$this","this","paused","width","Linear","easeNone","onRepeat","initScrollMagic","$person4c","$$person4cText","p4cTimeline","staggerTo","ScrollMagic","Scene","triggerElement","setTween","addTo","controller","$robertQuote","$robertQuoteText","rqTimeline","scrollToSection","on","e","preventDefault","newpos","id","attr","$id","offset","top","outerHeight","stop","animate","scrollTop","aprilTweens","tween","from","add","scale","x","transformOrigin","rotation","staggerFrom","opacity","Elastic","easeOut","push","staggerFromTo","strokeDashoffset","strokeDasharray","none","xPercent","window","addEventListener","playTween","restart","$slider","$story","owlCarousel","loop","nav","dots","items","onInitialized","event","target","remove","onChanged","filter","item","removeClass","addClass","type","tweens","$item","i","SplitText","chars","lazyLoad","margin","$interview","console","log","parents","hasClass","className","display","opactiy","jatracker","WebFont","load","custom","families","urls","google","text","hide","next","$video1","$video3","$video4","$video5","src","controls","controlsList","preload","poster","$qna","parent","toggleClass","siblings","$parent","Controller","textCounter","count","html","bookCounter","stagePadding","$interviewSlider","mouseDrag","$list","trigger","$quizSlider","$button","$slide","isActive","toggle","click","dotsData","navText","onTranslated","namespace","carousel","relatedTarget","relative","current"],"mappings":"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","file":"script.js","sourcesContent":["/*\n* 화면 애니메이션 관련 스크립트\n*\n* Tweenmax 라이브러리를 사용하거나 직접 스크립트를 작성합니다.\n*\n* JS Dependencies\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nfunction tweenSpaceship () {\n  // brand top 우주선\n  var $spaceship = $('#spaceship');\n  var sTimeline = new TimelineMax({repeat: -1, yoyo: true});\n  sTimeline.to($spaceship, 1.2, {y: 2, ease: Power1.easeInOut});\n}\n\n$(function(){\n  tweenSpaceship();\n});\n\n","/*\n* Brnad Top Slider 스크립트\n*\n* JS Dependencies\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\n// Brand slider tween\nfunction brandSlider(){\n  var $slider = $('#brand-slider');\n  var $items = $slider.find('.item');\n  var $links = $('#brand-slider-nav .nav-link');\n  var brandNavDuration = 2;\n  var brandSliderDuration = .6;\n  var totalDuration;\n  var currentIndex = 0;\n  var activeIndex = 1;\n  var linksTimeline = [];\n  var autoPlayTimeline;\n\n  function init(){\n    // nav 링크마다 트윈 만들기\n    $links.each(function(index){\n      var $this = $(this);\n      linksTimeline[index] = new TimelineMax({paused: true})\n        .to($this.find('.ko'), brandSliderDuration/2, {autoAlpha: 1})\n        .to($this.find('.fill-text .color, .ko .line'), brandNavDuration, {\n          width: '100%',\n          ease: Linear.easeNone\n        });\n\n      totalDuration = linksTimeline[index].totalDuration();\n    });\n\n    $links.eq(currentIndex).css('opacity', 1);\n  }\n\n  // 자동 재생하기\n  function autoPlay(){\n    linksTimeline[currentIndex].play(); // 첫 슬라이더 nav 트윈 플레이\n\n    // 이후 totalDuration 마다 showSlide 함수 호출 반복\n    if (!autoPlayTimeline) {\n      autoPlayTimeline = TweenMax.to({}, totalDuration, {\n        repeat: -1,\n        onRepeat: showSlide\n      });\n    }\n  }\n\n  // 슬라이드 넘기기\n  function showSlide() {\n    // tweens\n    TweenMax.set($items.eq(activeIndex), {autoAlpha: 1});  // 다음 슬라이드 뒤에 준비\n    TweenMax.to($items.eq(currentIndex), brandSliderDuration, {autoAlpha: 0, onComplete: function(){\n      // 슬라이드 넘기기 완료 후 작업\n      $items.eq(currentIndex).css('z-index', '');\n      $items.eq(activeIndex).css('z-index', 1);\n\n      currentIndex = activeIndex;\n      activeIndex = (currentIndex + 1) % $links.length;\n    }});\n\n    $links.eq(currentIndex).css('opacity', 0);\n    $links.eq(activeIndex).css('opacity', 1);\n\n    linksTimeline[currentIndex].pause(0); // 현재 슬라이드 nav 트윈 리셋\n    linksTimeline[activeIndex].play(); // 보여질 슬라이드 nav 트윈 플레이\n  }\n\n  init();\n  autoPlay();\n}\nwindow.addEventListener('load', function(){\n  brandSlider();\n});","/*\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\nwindow.addEventListener('load', initScrollMagic);\r\n\r\nfunction initScrollMagic() {\r\n  // Scene 샘플\r\n  // var scene = new ScrollMagic.Scene(\r\n  //   {\r\n  //     triggerElement: '#trigger,\r\n  //     triggerHook: 0, // 'onLeave' 0, 'onCenter' 0.5, 'onEnter' 1\r\n  //     duration: 100, // '100%' = screen height\r\n  //     offset: -100,\r\n  //   })\r\n  //   .setTween('#target', 1, {width: 100, ease: Linear.easeNone})\r\n  //   .setPin('#sample')\r\n  //   .setClassToggle('#sample', 'active')\r\n  //   .addTo(controller);\r\n\r\n  // 4C 인재 텍스트 색상 채우기\r\n  var $person4c = $('#person-4c-color');\r\n  var $$person4cText = $person4c.find('.color');\r\n  var p4cTimeline = new TimelineMax()\r\n    .staggerTo($$person4cText, .8, {width: '100%'}, .8);\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $person4c[0],\r\n    })\r\n    .setTween(p4cTimeline)\r\n    .addTo(controller);\r\n\r\n\r\n\r\n  // 로버트의 말 텍스트 색상 채우기\r\n  var $robertQuote = $('#robert-quote');\r\n  var $robertQuoteText = $robertQuote.find('.color');\r\n  var rqTimeline = new TimelineMax()\r\n    .staggerTo($robertQuoteText, .8, {width: '100%'}, .8);\r\n  new ScrollMagic.Scene(\r\n    {\r\n      triggerElement: $robertQuote[0]\r\n    })\r\n    .setTween(rqTimeline)\r\n    .addTo(controller);\r\n\r\n\r\n  scrollToSection();\r\n}\r\n\r\n// Section Nav 링크 스크롤링\r\nfunction scrollToSection () {\r\n  $('.section-nav a, .brand-top-intro .link, .brand-identity a').on('click', function (e) {\r\n    e.preventDefault();\r\n\r\n    var id = $(this).attr('href');\r\n    var $id = $(id);\r\n    var newpos;\r\n\r\n    if ($id.length > 0) {\r\n      newpos = $id.offset().top - $('#roof').outerHeight(); // header가 내용을 가리지 않게 위치 조정\r\n\r\n      $('html, body').stop().animate({scrollTop: newpos}, 500);\r\n\r\n      // if supported by the browser we can even update the URL.\r\n      // if (window.history && window.history.pushState) {\r\n      //   history.pushState('', document.title, id);\r\n      // }\r\n    }\r\n  });\r\n}\r\n\r\n$(function(){\r\n\r\n});\r\n","/*\n* April Sample SVG 트윈 - 모바일, 웹 동일함.\n*\n* JS Dependencies\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nvar aprilTweens = [];\n\n$(function(){\n  // svg 트윈 만들기\n  var tween;\n  // svg 1번\n  tween = new TimelineMax({paused: true})\n  // 노트북 안 강아지\n    .from('#as1-dog', .4, {y: 200})\n    .add('label1')\n    .from('#as1-clip', .4, {y: -200}, 0) // as1-dog 용 clip도 같이 움직여줘야 함.\n    // 말풍선\n    .from('#as1-mung', .4, {scale: 0, x: 80, y: 60, transformOrigin: 'center center'})\n    // 하트\n    .from('#as1-heart', .4, {scale: 0, rotation: -30, x: 80, y: 60, transformOrigin: 'center center'})\n    // 선\n    .staggerFrom('#as1-line line', .1, {opacity: 0}, .1)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to('#as1-dog', 4, {y: 10, ease: Elastic.easeOut})\n      .to('#as1-clip', 4, {y: -10, ease: Elastic.easeOut}, 0)\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 2번\n  tween = new TimelineMax({paused: true})\n  // 손가락\n    .from('#as2-hand', .4, {y: 100})\n    // 원\n    .from('#as2-circle', .4, {scale: 0, transformOrigin: 'center center'}, '-=.2')\n    // 강아지\n    .from('#as2-dog', .4, {scale: 0, transformOrigin: 'center center'})\n    // .from('#as2-dog-c', .4, {scale: 0, transformOrigin: 'center center'})\n    // .staggerFrom(['#as2-dog-c1', '#as2-dog-c2', '#as2-dog-c3'], .1, {scale: 0, transformOrigin: 'center center'}, .1)\n    .add('label1')\n    // 문서\n    .from('#as2-doc', .4, {scale: 0, rotation: '-45_ccw', x: -50, y: -50, transformOrigin: 'right bottom'})\n    .staggerFrom('#as2-doc-line line', .1, {opacity: 0}, .1)\n    // 말풍선\n    .from('#as2-talk', .4, {x: 30, scale: 0, transformOrigin: 'center center'})\n    .staggerFromTo('#as2-talk line', .3, {strokeDashoffset: 50, strokeDasharray: 50}, {strokeDashoffset: 0}, .2)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to('#as2-dog', 4, {rotation: 6, transformOrigin: 'center top'})\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 3번\n  tween = new TimelineMax({paused: true})\n  // 손\n    .from('#as3-hand1', .5, {x: -100, y: -100, rotation: -45, transformOrigin: 'center center'})\n    .from('#as3-hand2', .5, {x: 100, y: 100, rotation: -45, transformOrigin: 'center center'}, 0)\n    // 원\n    .add('label1')\n    .from('#as3-circle1', .5, {scale: 0, transformOrigin: 'center center'})\n    .from('#as3-line1', .5, {scale: 0, transformOrigin: 'right bottom'}, 'label1')\n    .set('#as3-circle2', {x: -10}, 'label1')\n    .from('#as3-circle2', .5, {scale: 0, transformOrigin: 'center center'}, 'label1')\n    .from('#as3-line2', .5, {scale: 0, transformOrigin: 'left bottom'}, 'label1')\n    .add('label2')\n    // 선\n    .staggerFrom('#as3-line line', .1, {opacity: 0}, .1)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({yoyo: true, repeat: -1})\n      .to(['#as3-circle1', '#as3-circle2'], 1, {scale: 1.1, transformOrigin: 'center center', ease: Linear.none})\n      , 'label2'\n    )\n  ;\n  aprilTweens.push(tween);\n  // svg 4번\n  tween = new TimelineMax({paused: true})\n  // 말풍선\n    .from('#as4-talk', .4, {scale: 0, transformOrigin: 'left bottom'})\n    .staggerFromTo('#as4-talk line', .3, {strokeDashoffset: 50, strokeDasharray: 50}, {strokeDashoffset: 0}, .2)\n    .from('#as4-mic', .4, {x: 30, scale: 0, transformOrigin: 'center center'})\n    .from('#as4-camera', .4, {xPercent: -110}, '-=.2')\n  ;\n  aprilTweens.push(tween);\n  // svg 5번\n  tween = new TimelineMax({paused: true})\n  // 말풍선\n    .from('#as5-upload', .4, {scale: 0, transformOrigin: 'center center'})\n    .from('#as5-upload-c', .4, {y: 30, transformOrigin: 'center center'}, '-=.1')\n    .from('#as5-circle', .4, {scale: 0, rotation: 40, transformOrigin: 'center center'})\n    .add('label1')\n    .staggerFrom(['#as5-like1', '#as5-like2', '#as5-like3', '#as5-like4', '#as5-like5'], .2, {scale: 0, transformOrigin: 'center center'}, .3)\n    // 계속 움직이는 트윈\n    .add(new TimelineMax({repeat: -1})\n      .to('#as5-circle', 120, {rotation: 360, transformOrigin: 'center center', ease: Linear.none})\n      , 'label1'\n    )\n  ;\n  aprilTweens.push(tween);\n});","/*\n* April Sample 섹션 스크립트\n*\n* JS Dependencies\n* - OwlCarousel2: https://owlcarousel2.github.io/OwlCarousel2\n*    - owl.carousel.min.js\n* - ScrollMagic: http://scrollmagic.io\n*    - ScrollMagic.min.js\n*    - animation.gsap.min.js\n*    - debug.addIndicators.min.js\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nwindow.addEventListener('load', function(){\n  var $slider = $('#april-sample-slider');\n  var $story = $('#april-sample-story .item');\n\n  // svg 트윈 시작하기\n  function playTween(index){\n    if (index !== null && aprilTweens[index]) {\n      aprilTweens[index].restart(); // play 최초만 실행. 계속 실행하려면 restart로 변경.\n    }\n  }\n\n  $slider.owlCarousel({\n    loop: false,\n    nav: true,\n    dots: true,\n    items: 1,\n    onInitialized: function(){\n      // 첫 스크롤 때 첫번째 슬라이드 트윈하기\n      new ScrollMagic.Scene(\n        {\n          triggerElement: $slider[0],\n        })\n        .on('enter', function (event) {\n          playTween(0);\n          event.target.remove(); // 최초 트윈 후 신 삭제\n        })\n        .addTo(controller);\n    },\n    onChanged: function(event) {\n      // 슬라이드에 맞춰 story 내용 보이기\n      if ($story.filter('.active').index() !== event.item.index) {\n        $story.filter('.active').removeClass('active');\n        $story.eq(event.item.index).addClass('active');\n      }\n\n      // 슬라이드에 맞춰 트윈\n      playTween(event.item.index);\n    }\n  });\n});","/*\n* Igarten iPlay 스크립트\n*\n* JS Dependencies\n* - OwlCarousel2: https://owlcarousel2.github.io/OwlCarousel2\n*    - owl.carousel.min.js\n* - ScrollMagic: http://scrollmagic.io\n*    - ScrollMagic.min.js\n*    - animation.gsap.min.js\n*    - debug.addIndicators.min.js\n* - TweenMax: https://greensock.com\n*    - TweenMax.min.js\n* */\n\nwindow.addEventListener('load', function(){\n  var $slider = $('#iplay-illust-slider');\n  var $item = $slider.find('.item');\n  var $story = $('#iplay-story .item');\n  var length = $item.length;\n  var tweens = [];\n  var tween;\n\n  // splitText 인스턴스, 트윈 만들기\n  for (var i = 0; i < length; i++) {\n    tween = new SplitText($item.eq(i).find('.text'));\n    tween = new TimelineMax({paused: true}).staggerFrom(tween.chars, .2, {opacity: 0, y: 10}, .1);\n    tweens.push(tween);\n  }\n\n  // 트윈 시작하기\n  function playTween(index, type){\n    if (index !== null) {\n      // owlCarousel changed 이벤트가 처음 init 될때도 불러짐.\n      // 스크롤 때 첫 슬라이드 restart 되도록 type 추가.\n      tweens[index][type === 'restart' ? 'restart' : 'play'](); // play 최초만 실행. 계속 실행하려면 restart로 변경.\n    }\n  }\n\n  // 슬라이더 만들기\n  $slider.owlCarousel({\n    loop: false,\n    nav: true,\n    dots: true,\n    lazyLoad: true,\n    items: 1,\n    margin: 20,\n    onInitialized: function(){\n      // 첫 스크롤 때 첫번째 슬라이드 트윈하기\n      new ScrollMagic.Scene(\n        {\n          triggerElement: $slider[0],\n        })\n        .on('enter', function (event) {\n          playTween(0, 'restart');\n          event.target.remove(); // 최초 트윈 후 신 삭제\n        })\n        .addTo(controller);\n    },\n    onChanged: function(event) {\n      // 슬라이드에 맞춰 story 내용 보이기\n      if ($story.filter('.active').index() !== event.item.index) {\n        $story.filter('.active').removeClass('active');\n        $story.eq(event.item.index).addClass('active');\n      }\n\n      // 슬라이드에 맞춰 트윈\n      playTween(event.item.index);\n    }\n  });\n});","// /* institute */\r\n\r\n var $interview = $('.interview');\r\n\r\n$interview.find('.interview_click').on('click', function(e) {\r\n  e.preventDefault();\r\n  var $this = $(this);\r\n  console.log($this.parents('.interview').find('.interview_content'));\r\n  if($this.hasClass('up')){\r\n    TweenMax.to($this, 1, {className:'-=up'}); // 클릭 목록 활성화 토글\r\n    TweenMax.to($this.parents('.interview').find('.interview_content'), .1, {display:'none',opactiy:0});\r\n  } else {\r\n    TweenMax.to($this, 1, {className:'+=up'});\r\n    TweenMax.to($this.parents('.interview').find('.interview_content'), 1, {display:'block',opacity:1});\r\n  }\r\n});\r\n","/*\r\n* JATracker 액션 추적 스크립트\r\n*\r\n* jatracker('event', 'clickEvent', '카테고리', '액션명', '라벨');\r\n* */\r\n\r\nwindow.addEventListener('load', function(){\r\n  $('#article-slider .link').on('click', function(){\r\n    jatracker('event', 'clickEvent', '관련 기사 더보기', '기사 링크 클릭', '기사 더 보기');\r\n  });\r\n\r\n  $('#interview-q-list a').on('click', function(){\r\n    jatracker('event', 'clickEvent', '루트번스타인 인터뷰', '제목 클릭', '내용 보기');\r\n  });\r\n\r\n  $('#qna .q-link').on('click', function(){\r\n    jatracker('event', 'clickEvent', '청담 QnA', '제목 클릭', '내용 보기');\r\n  });\r\n\r\n  $('#check-quiz').on('click', function(){\r\n    jatracker('event', 'clickEvent', '아이가르텐 퀴즈', '버튼 클릭', '정답 확인하기');\r\n  });\r\n  $('.box-btn a').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', '버튼 클릭', '청담어학원 가을학기 발제문 더보기');\r\n  });\r\n  $('.openlink.v1').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'V1버튼 클릭', 'V1 확인하기');\r\n  });\r\n  $('.openlink.c1').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'C1버튼 클릭', 'C1 확인하기');\r\n  });\r\n  $('.openlink.c2').on('click', function(){\r\n    jatracker('event', 'clickEvent', '', 'C2버튼 클릭', 'C2 확인하기');\r\n  });\r\n  $('.section-more.brand-more').on('click', function(){\r\n    jatracker('event', 'clickEvent', '청담러닝', '링크 클릭', '청담러닝 더 알아보기');\r\n  });\r\n  $('.section-more.igarten').on('click', function(){\r\n    jatracker('event', 'clickEvent', '아이가르텐', '링크 클릭', '아이가르텐 커리큘럼 더 알아보기');\r\n  });\r\n  $('.section-more.april').on('click', function(){\r\n    jatracker('event', 'clickEvent', '에이프릴', '링크 클릭', '에이프릴 커리큘럼 더 알아보기');\r\n  });\r\n  $('.section-more.institute').on('click', function(){\r\n    jatracker('event', 'clickEvent', '청담어학원', '링크 클릭', '청담어학원 더 알아보기');\r\n  });\r\n});","/*\r\n* 슬라이더 관련 스크립트\r\n*\r\n* JS Dependencies\r\n* - OwlCarousel2: https://owlcarousel2.github.io/OwlCarousel2\r\n*    - owl.carousel.min.js\r\n* */\r\n\r\n$(function(){\r\n\r\n  // brand article slider\r\n  //\r\n  $('#article-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: false,\r\n    items: 1,\r\n    stagePadding: 60,\r\n    margin: 60,\r\n  });\r\n\r\n  // brand interview slider\r\n  //\r\n  var $interviewSlider = $('#interview-slider').owlCarousel({\r\n    loop: false,\r\n    nav: false,\r\n    dots: false,\r\n    mouseDrag: false,\r\n    items: 1\r\n  });\r\n  $('#interview-q-list a').on('click', function(e){\r\n    e.preventDefault();\r\n    var $this = $(this);\r\n    var $list = $this.parent('li');\r\n    var index = $list.index();\r\n\r\n    if ($list.hasClass('active')) {\r\n      return;\r\n    }\r\n\r\n    $list.addClass('active').siblings('.active').removeClass('active'); // 활성화 클래스 토글\r\n    $interviewSlider.trigger('to.owl.carousel', [index, 0]); // 해당 슬라이더로 이동\r\n  });\r\n\r\n  // igarten art slider\r\n  //\r\n  $('#art-slider').owlCarousel({\r\n    loop: false,\r\n    nav: true,\r\n    dots: false,\r\n    items: 1,\r\n    margin: 10,\r\n    onChanged: function(event) {\r\n      $('#art-num').text(event.item.index + 1);\r\n    }\r\n  });\r\n\r\n  // igarten quiz slider\r\n  //\r\n  var $quizSlider = $('#quiz-slider');\r\n  if ($quizSlider.length) {\r\n    $quizSlider.owlCarousel({\r\n      loop: false,\r\n      nav: true,\r\n      dots: false,\r\n      lazyLoad: true,\r\n      items: 1,\r\n      onChanged: function(event) {\r\n        $('#quiz-num').text(event.item.index + 1);\r\n      }\r\n    });\r\n    // 정답 확인 버튼\r\n    $('#check-quiz').on('click', function(){\r\n      var $button = $(this);\r\n      var $slide = $quizSlider.find('.active');\r\n      var isActive = $button.hasClass('active');\r\n\r\n      $slide.find('.answer').toggle();\r\n      $button.text(isActive ? '정답보기' : '문제 다시 보기');\r\n      $button.toggleClass('active');\r\n    });\r\n\r\n    // 정답 열린채로 슬라이더 움직일 경우 - 정답 닫기\r\n    $quizSlider.on('change.owl.carousel', function(){\r\n      $('#check-quiz.active').click();\r\n    });\r\n  }\r\n\r\n  // april tool slider\r\n  //\r\n  $('#april-tool-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: true,\r\n    // lazyLoad: true,\r\n    items: 1\r\n  });\r\n\r\n  // april book slider\r\n  //\r\n  $('#april-book-slider').owlCarousel({\r\n    loop: true,\r\n    nav: false,\r\n    dots: true,\r\n    lazyLoad: true,\r\n    items: 1,\r\n  });\r\n\r\n  // april illustration slider\r\n  //\r\n  $('#april-illust-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: true,\r\n    lazyLoad: true,\r\n    items: 1,\r\n    margin: 20,\r\n  });\r\n\r\n // institute\r\n  //\r\n  // var $instituteIconSlider = \r\n  $('#institute-icon-slider').owlCarousel({\r\n    loop: true,\r\n    dots:true,\r\n    dotsData: true,\r\n    lazyLoad: true,\r\n    items:1\r\n  });\r\n\r\n  // var $instituteTextSlider = \r\n  $('.selection-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    dots: false,\r\n    lazyLoad: true,\r\n    items:1,\r\n    navText: ['<span class=\"prev-circle-arrow\"></span>','<span class=\"next-circle-arrow\"></span>'],\r\n    onInitialized  : bookCounter, //When the plugin has initialized.\r\n    onTranslated : bookCounter //When the translation of the stage has finished\r\n  }); \r\n\r\n  $('#institute-text-slider').owlCarousel({\r\n    loop: true,\r\n    nav: true,\r\n    lazyLoad: true,\r\n    items:1,\r\n    dots:false,\r\n    navText: ['<span class=\"prev-circle-arrow\"></span>','<span class=\"next-circle-arrow\"></span>'],\r\n    onInitialized  : textCounter, //When the plugin has initialized.\r\n    onTranslated : textCounter //When the translation of the stage has finished.\r\n  });\r\n\r\n$('#institute-curriculum-slider').on('initialized.owl.carousel changed.owl.carousel', function(e) {\r\n    if (!e.namespace)  {\r\n      return;\r\n    }\r\n    var carousel = e.relatedTarget;\r\n    $('#slider-counter').text(carousel.relative(carousel.current()) + 1 + '/' + carousel.items().length);\r\n  }).owlCarousel({\r\n    loop:true,\r\n    nav: true,\r\n    dots: false,\r\n    lazyLoad: true,\r\n    items:1,\r\n    navText: ['<span class=\"prev-circle-arrow\"></span>','<span class=\"next-circle-arrow\"></span>'],\r\n  });\r\n\r\n  function textCounter(event){\r\n    // var element = event.target;         // DOM element, in this example .owl-carousel\r\n    var items = event.item.count;     // Number of items\r\n    var item = (event.item.index + 1) % 3 + 1;     // Position of the current item\r\n    $('#text-slider-counter').html(item+'&nbsp;/&nbsp;'+items);\r\n  }\r\n\r\n  function bookCounter(event){\r\n    // var element = event.target;         // DOM element, in this example .owl-carousel\r\n    var items = event.item.count;     // Number of items\r\n    var item = (event.item.index + 1) % 6 + 1;     // Position of the current item\r\n    $('#book-slider-counter').html(item+'&nbsp;/&nbsp;'+items);\r\n  }\r\n});"]}