/*! modernizr 3.4.0 (Custom Build) | MIT * * https://modernizr.com/download/?-preserve3d-setclasses !*/ !function(e,n,t){function s(e,n){return typeof e===n}function o(){var e,n,t,o,a,r,f;for(var c in l)if(l.hasOwnProperty(c)){if(e=[],n=l[c],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(t=0;t div').length == 1) { $('.js_banner_slick').addClass('no-dots'); } var $slick = $('.js_banner_slick').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, dots: true, speed: 1200, autoplay: true, fade: true, infinite: false, autoplaySpeed: 6000, focusOnSelect: true, pauseOnFocus: false, pauseOnHover: false }); jQuery(document).ready(function() { degBase = 360 / jQuery(".intro-slides .intro-slide").length; if (!isOld) { initializeSlides(0); } else { rotateSlidesOld(0); $('.intro-slides').css('-webkit-transform-style', 'flat').css('transform-style', 'flat'); $('.intro-slide').css('-webkit-transform-style', 'flat').css('transform-style', 'flat'); setTimeout(function() { jQuery('.intro-slider-preload').removeClass('intro-slider-preload'); }, 800); } if (isAnimate) { $('.intro').show(); $('.index_banner .item_slick .img-box img').addClass('opac'); isAnimate = false; } //autoRotate = setTimeout(function() { jQuery(".intro-slider-next").trigger('click'); }, 10000); }); jQuery(".intro-slider-prev").click(function() { deg -= degBase; if (!isOld) { rotateSlides(deg / degBase); } else { rotateSlidesOld(deg / degBase); } }); jQuery(".intro-slider-next").click(function() { clearTimeout(autoRotate); deg += degBase; if (!isOld) { rotateSlides(deg / degBase); } else { rotateSlidesOld(deg / degBase); } autoRotate = setTimeout(function() { jQuery(".intro-slider-next").trigger('click'); }, 10000); }); $slick.on('beforeChange', function(event, slick, currentSlide, nextSlide){ deg = nextSlide * degBase; if (!isOld) { rotateSlides(deg / degBase); } else { rotateSlidesOld(deg / degBase); } }); function initializeSlides(rotation) { var rotDeg, angle, sliderLen; jQuery(".intro-slides .intro-slide").css('z-index', 1).each(function(i, j) { rotDeg = (-i + rotation) * degBase; rotDeg = (rotDeg >= 360 ? rotDeg - 360 : rotDeg); rotDeg = (rotDeg <= -360 ? rotDeg + 360 : rotDeg); rotDeg = (rotDeg > 180 ? rotDeg - 360 : rotDeg); rotDeg = (rotDeg < -180 ? rotDeg + 360 : rotDeg); angle = 180 / jQuery(".intro-slides .intro-slide").length; sliderLen = (100 / (2 * Math.tan(angle * (Math.PI / 180)))); jQuery(j).css('transform', 'rotateY(' + rotDeg + 'deg) translateZ(' + sliderLen + 'vw)'); }); jQuery('.intro').css('-moz-perspective', sliderLen + 'vw').css('-webkit-perspective', sliderLen + 'vw').css('perspective', sliderLen + 'vw'); jQuery('.intro-slides').css('transform', 'translateZ(-' + sliderLen + 'vw) rotateY(' + deg + 'deg)'); setTimeout(function() { jQuery('.intro-slider-preload').removeClass('intro-slider-preload'); }, 800); } function rotateSlides(rotation) { var angle = 180 / jQuery(".intro-slides .intro-slide").length; var sliderLen = (100 / (2 * Math.tan(angle * (Math.PI / 180)))); jQuery('.intro-slides').css('transform', 'translateZ(-' + sliderLen + 'vw) rotateY(' + deg + 'deg)'); if (deg === -360 || deg === 360) { deg = 0; setTimeout(function() { jQuery('.intro-slides').css('transition', 'all 0s').css('transform', 'translateZ(-' + sliderLen + 'vw) rotateY(' + deg + 'deg)'); setTimeout(function() { jQuery('.intro-slides').css('transition', 'all .8s').css('transition-timing-function', 'ease-out'); }, 100); }, 700); } } function rotateSlidesOld(rotation) { jQuery(".intro-slides .intro-slide").css('z-index', 1).each(function(i, j) { var rotDeg = (-i + rotation) * degBase; rotDeg = (rotDeg >= 360 ? rotDeg - 360 : rotDeg); rotDeg = (rotDeg <= -360 ? rotDeg + 360 : rotDeg); rotDeg = (rotDeg > 180 ? rotDeg - 360 : rotDeg); rotDeg = (rotDeg < -180 ? rotDeg + 360 : rotDeg); if (rotDeg === degBase || rotDeg === -degBase) { jQuery(j).css('z-index', 2); } if (rotDeg === 0) { jQuery(j).css('z-index', 3); } var angle = 180 / jQuery(".intro-slides .intro-slide").length; var sliderLen = (100 / (2 * Math.tan(angle * (Math.PI / 180)))); jQuery(j).css('transform', 'rotateY(' + rotDeg + 'deg) translateZ(' + sliderLen + 'vw)'); }); } if ($('.js-slick-ibusiness').length) { var slickIBusiness = $('.js-slick-ibusiness').slick({ arrows: false, dots: false, slidesToShow: 4, slidesToScroll: 1, responsive: [ { breakpoint: 1380, settings: { slidesToShow: 4, slidesToScroll: 4, dots: true } }, { breakpoint: 1100, settings: { slidesToShow: 4, slidesToScroll: 4, dots: true } }, { breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, dots: true } } ] }); slickIBusiness.on('beforeChange', function(event, slick, currentSlide, nextSlide){ setTimeout(function(){ slickIBBanner.slick('slickGoTo', nextSlide); }, 30); }); var slickIBBanner = $('.js-ib-banner').slick({ arrows: false, dots: false, slidesToShow: 1, slidesToScroll: 1, fade: true, speed: 1200, cssEase: 'ease-out', lazyLoad: 'progressive', waitForAnimate: false }); $('.ibusiness-item').on('mouseenter click', function(){ // var $ibody = $(this).find('.ibusiness-item__body'); // $ibody.slideDown('fast'); var id = $(this).attr('data-sort'); setTimeout(function(){ slickIBBanner.slick('slickGoTo', id); },300) }); $('.ibusiness-item').on('mouseleave', function(){ // var $ibody = $(this).find('.ibusiness-item__body'); // $ibody.slideUp('fast'); }); $('.index-business').on('mouseenter', function() { $('.pull_aside').addClass('hide'); }); $('.index-business').on('mouseleave', function() { $('.pull_aside').removeClass('hide'); }); }