/* WOW.js */
// if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){new WOW().init();};
// var wow = new WOW({
// // mobile: false,
// live: true,
// });
// wow.init();
/* scrollUp */
$.scrollUp({
scrollText: '',
});
/* fancybox */
$('.fancybox').fancybox();
function clearWowAnimated(obj) {
$('.wow', obj).css({
animationName: 'inherit',
visibility: 'hidden',
});
wow.scrollHandler();
}
/* menu */
// $('.menu a').click(function () {
// var ul = $(this).next('ul');
// if (ul.length > 0) {
// $('.menu ul ul').hide();
// ul.parents().show();
// ul.show();
// return false;
// }
// });
$('.menu-btn').click(function () {
$('.menu').toggleClass('menu-show');
return false;
});
/* home slides */
var homeSlides,
homeSlideActive,
homeSlideRun = false,
homeSlideTouch = 0,
homeSlideTouchDir = '',
homeSlides = $('.home-slide');
if (homeSlides.length > 0) {
homeSlideActive = homeSlides.index($('.home-slide-active'));
/* business */
$('.business-item')
.on('mouseenter', function () {
if ($(window).width() <= 768) return;
$('.slide-bg', this).animate({ opacity: 0 });
var video = $(this).find('video').first()[0];
if (video) {
video.currentTime = 0;
video.play();
}
})
.on('mouseleave', function () {
if ($(window).width() <= 768) return;
$('.slide-bg', this).animate({ opacity: 1 });
var video = $(this).find('video').first()[0];
if (video) video.pause();
});
/* swiper */
//swiper-banner
var swiperBanner = new Swiper('.swiper-banner', {
loop: true,
autoplay: {
delay: 6000,
disableOnInteraction: false,
},
// pagination: {
// el: '.swiper-pagination-banner',
// clickable: true,
// },
navigation: {
nextEl: '.swiper-banner-next',
prevEl: '.swiper-banner-prev',
},
on: {
slideChangeTransitionStart: function (swiper) {
var cur = swiper.slides[swiper.activeIndex];
clearWowAnimated(cur);
},
},
});
//swiper-business
var swiperNews = new Swiper('.swiper-business', {
slidesPerView: 1,
spaceBetween: 0,
breakpoints: {
768: {
slidesPerView: 3,
},
},
});
//swiper-news
var swiperCare = new Swiper('.swiper-news', {
slidesPerView: 1,
spaceBetween: 50,
breakpoints: {
768: {
slidesPerView: 3,
},
},
});
//swiper-care
var swiperCare = new Swiper('.swiper-care', {
loop: true,
slidesPerView: 1,
spaceBetween: 40,
breakpoints: {
768: {
slidesPerView: 2,
},
},
navigation: { nextEl: '.swiper-care-next', prevEl: '.swiper-care-prev' },
});
for (var i = 0; i < homeSlides.length; i++) {
$('.home-pagination').append('
');
}
$('.home-pagination .pagination-bullet')
.click(function () {
if (!homeSlideRun) homeSlidesAnimate(parseInt($(this).data('index')));
})
.eq(homeSlideActive)
.addClass('pagination-bullet-active');
$(window)
.on('scroll', function (e) {
var strengthCountUp = $('#strength-count-up');
if (!strengthCountUp.prop('count-to') && $(window).scrollTop() > strengthCountUp.offset().top - $(window).height()) {
strengthCountUp.prop('count-to', true);
fdyCountup.start();
jnjpco2Countup.start();
jnjpso2Countup.start();
zjrlCountup.start();
jybjmCountup.start();
dxzsCountup.start();
}
})
.on('touchstart', function (e) {
// e.preventDefault();
if (homeSlideRun) return;
homeSlideTouchDir = '';
homeSlideTouch = e.originalEvent.changedTouches[0].pageY;
})
.on('touchmove', function (e) {
e.preventDefault();
if (homeSlideRun) return;
var disY = e.originalEvent.changedTouches[0].pageY - homeSlideTouch;
if (disY > 40) {
homeSlideTouchDir = 'down';
homeSlidesAnimate(homeSlideActive - 1);
} else if (disY < -40) {
homeSlideTouchDir = 'up';
homeSlidesAnimate(homeSlideActive + 1);
}
})
.on('mousewheel', function (event) {
if (homeSlideRun) return;
if (event.deltaY < 0 && event.deltaY > -2) {
homeSlidesAnimate(homeSlideActive + 1);
} else if (event.deltaY > 0 && event.deltaY < 2) {
homeSlidesAnimate(homeSlideActive - 1);
}
})
.on('keydown', function (event) {
if (homeSlideRun) return;
console.log(event.keyCode);
if (event.keyCode == 38 || event.keyCode == 33) {
homeSlidesAnimate(homeSlideActive - 1);
} else if (event.keyCode == 40 || event.keyCode == 34) {
homeSlidesAnimate(homeSlideActive + 1);
}
});
function homeSlidesAnimate(index) {
if ($(window).width() <= 768) return;
if (index == homeSlideActive) return;
homeSlideRun = true;
if (index < 0) index = homeSlides.length - 1;
if (index >= homeSlides.length) index = 0;
var slide = homeSlides.eq(homeSlideActive)[0];
var next = homeSlides.eq(index)[0];
// console.log(index);
homeSlideTween(index, slide, next);
homeSlideActive = index;
$('.home-pagination .pagination-bullet-active').removeClass('pagination-bullet-active');
$('.home-pagination .pagination-bullet').eq(homeSlideActive).addClass('pagination-bullet-active');
}
function homeSlideChange(index) {
if (index == 0) swiperBanner.slideTo(1, 0);
else if (index == 1) {
fdyCountup.start();
jnjpco2Countup.start();
jnjpso2Countup.start();
zjrlCountup.start();
jybjmCountup.start();
dxzsCountup.start();
} else if (index == 4) swiperCare.slideTo(2, 0);
}
function homeSlideTween(index, slide, next) {
homeSlideChange(index);
clearWowAnimated(next);
TweenMax.killAll();
TweenMax.to(next, 0, { scale: 1, x: 0, y: 0, top: 0, left: 0, zIndex: 999 });
// slide.css({ x: 0, y: 0, top: '100%', left: 0, zIndex: 999 });
// next.css({ x: 0, y: 0, top: 0, left: 0, zIndex: 1000 });
// homeSlideRun = false;
// wow.scrollHandler();
var rnd = Math.floor(Math.random() * 4 + 1);
if ($(window).width() <= 768) rnd = homeSlideTouchDir == 'up' ? 3 : homeSlideTouchDir == 'down' ? 4 : rnd;
switch (rnd) {
case 2:
TweenMax.to(slide, 0.8, {
x: $(window).width(),
onComplete: function () {
homeSlideEnd(slide, next);
},
});
break;
case 3:
TweenMax.to(slide, 0.3, {
scale: 0.8,
onComplete: function () {
TweenMax.to(slide, 0.8, {
y: -$(window).height(),
onComplete: function () {
homeSlideEnd(slide, next);
},
});
},
});
break;
case 4:
TweenMax.to(slide, 0.3, {
scale: 0.8,
onComplete: function () {
TweenMax.to(slide, 0.8, {
y: $(window).height(),
onComplete: function () {
homeSlideEnd(slide, next);
},
});
},
});
break;
default:
TweenMax.to(slide, 0.8, {
x: -$(window).width(),
onComplete: function () {
homeSlideEnd(slide, next);
},
});
break;
}
}
function homeSlideEnd(slide, next) {
TweenMax.to(next, 0, { zIndex: 1000 });
TweenMax.to(slide, 0, { zIndex: 999 });
homeSlideRun = false;
}
}
/* header */
(function (selecter) {
var el = $(selecter);
if (el.length == 0) return;
var bannerTop = $('.banner').height();
if ($(window).width() <= 768) {
bannerTop -= $('.header').outerHeight();
}
$(window).on('scroll resize', function (e) {
var winTop = $(window).scrollTop();
if (winTop >= bannerTop) {
el.addClass('on');
} else {
el.removeClass('on');
}
});
})('.header');
/* sub */
(function (selecter) {
var nav = $(selecter);
if (nav.length == 0) return;
var navTop = nav.offset().top;
if ($(window).width() <= 768) {
navTop -= $('.header').outerHeight();
}
// $(window).on('resize', function (e) {
// navTop = nav.offset().top;
// });
$(window).on('scroll resize', function (e) {
var winTop = $(window).scrollTop();
if (winTop >= navTop) {
nav.addClass('on');
} else {
nav.removeClass('on');
}
});
$('a', nav).on('click', function () {
var href = $(this).attr('href');
if (href.indexOf('#') >= 0) {
var id = href.substring(href.indexOf('#'));
var duration = Math.ceil(Math.abs($(id).offset().top - $(window).scrollTop()) / 8);
var top = Math.ceil($(id).offset().top);
var height = $(id).height();
var winHeight = $(window).height();
if (height < winHeight - 80) top -= Math.ceil((winHeight - height) / 2) - 80;
$.scrollTo(top, duration);
return false;
}
return true;
});
})('.sub .navbar:first');
// $('.sub .channels').sticky({ topSpacing: 0 });