?
áEÓê¤ÎïLwebshll2019
$(window).on("load", function () {
"use strict";
//Clear URL On Page Refresh
var loc = window.location.href,
index = loc.indexOf('#');
if (index > 0) {
window.location = loc.substring(0, index);
}
/* ===================================
Page Piling
====================================== */
if($(window).width() < 1280) {
$('.pagedata').removeAttr('id');
$('html, body').css('overflow-y', 'scroll');
//Team Counter
$('.count').each(function () {
$(this).appear(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
//Portfolio Counter
$('.portfolio-counter').each(function () {
$(this).appear(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
}
else{
$('#pagepiling').pagepiling({
direction: 'vertical',
sectionsColor: ['#171717', '#171717', '#171717', '#171717', '#171717', '#171717'],
anchors: ['home-banner', 'about', 'team', 'portfolio', 'blog', 'contact'],
scrollingSpeed: 500,
menu: '#menu',
easing: 'linear',
loopBottom: false,
loopTop: false,
css3: true,
navigation: {
'bulletsColor': '#535353',
'position': 'left',
'tooltips': ['Home', 'About Agency', 'Our Team', 'Portfolio', 'Our Blog', 'Contact'],
},
//events
onLeave: function (index, nextIndex, direction) {
//reaching our First section? The one with our normal site?
$('.navbar-top-default').fadeOut();
$('.slider-bottom .slider-social').fadeOut();
$('.slider-copyright').fadeOut();
if(nextIndex == 1 || nextIndex == 2 || nextIndex == 3 || nextIndex == 4 || nextIndex == 5 || nextIndex == 6 || nextIndex == 7 || nextIndex == 8 || nextIndex == 9 || nextIndex == 10){
setTimeout(function(){
$('.navbar-top-default').fadeIn();
$('.slider-bottom .slider-social').fadeIn();
$('.slider-copyright').fadeIn();
}, 600);
}
//Team Counter
if(nextIndex == 3) {
$('.count').each(function () {
$(this).appear(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
}
//Portfolio Counter
if(nextIndex == 4) {
$('.portfolio-counter').each(function () {
$(this).appear(function () {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 3000,
easing: 'swing',
step: function (now) {
$(this).text(Math.ceil(now));
}
});
});
});
}
if(nextIndex == 1) {
$('.section1left').addClass('slideInLeft');
setTimeout(function(){
$('.section1left').removeClass('slideInLeft');
}, 1800);
$('.section1right').addClass('slideInRight');
setTimeout(function(){
$('.section1right').removeClass('slideInRight');
}, 1800);
}
if(nextIndex == 2) {
$('.about-fadeIn').addClass('slideInLeft');
setTimeout(function(){
$('.about-fadeIn').removeClass('slideInLeft');
}, 1500);
$('.about-zoom1In').addClass('zoomIn');
setTimeout(function(){
$('.about-zoom1In').removeClass('zoomIn');
}, 1000);
$('.about-zoom2In').addClass('zoomIn');
setTimeout(function(){
$('.about-zoom2In').removeClass('zoomIn');
}, 1200);
$('.about-zoom3In').addClass('zoomIn');
setTimeout(function(){
$('.about-zoom3In').removeClass('zoomIn');
}, 1400);
$('.about-zoom4In').addClass('zoomIn');
setTimeout(function(){
$('.about-zoom4In').removeClass('zoomIn');
}, 1600);
$('.about-zoom5In').addClass('fadeInUp');
setTimeout(function(){
$('.about-zoom5In').removeClass('fadeInUp');
}, 1400);
}
if(nextIndex == 3) {
$('.section3left').addClass('slideInLeft');
setTimeout(function(){
$('.section3left').removeClass('slideInLeft');
}, 1800);
$('.section3right').addClass('slideInRight');
setTimeout(function(){
$('.section3right').removeClass('slideInRight');
}, 1800);
$('.team-fade').addClass('zoomIn');
setTimeout(function(){
$('.team-fade').removeClass('zoomIn');
}, 1600);
}
if(nextIndex == 4) {
$('.section4left').addClass('slideInLeft');
setTimeout(function(){
$('.section4left').removeClass('slideInLeft');
}, 1800);
$('.section4right').addClass('slideInRight');
setTimeout(function(){
$('.section4right').removeClass('slideInRight');
}, 1800);
$('.portfolio-fade').addClass('zoomIn');
setTimeout(function(){
$('.portfolio-fade').removeClass('zoomIn');
}, 1600);
}
if(nextIndex == 5) {
$('.section5left').addClass('slideInLeft');
setTimeout(function(){
$('.section5left').removeClass('slideInLeft');
}, 1800);
$('.section5right').addClass('slideInRight');
setTimeout(function(){
$('.section5right').removeClass('slideInRight');
}, 1800);
$('.section5right').addClass('slideInRight');
setTimeout(function(){
$('.section5right').removeClass('slideInRight');
}, 1800);
$('.blog-left').addClass('slideInLeft');
setTimeout(function(){
$('.blog-left').removeClass('slideInLeft');
}, 1500);
$('.blog-right').addClass('slideInRight');
setTimeout(function(){
$('.blog-right').removeClass('slideInRight');
}, 1500);
$('.blog-center').addClass('fadeIn');
setTimeout(function(){
$('.blog-center').removeClass('fadeIn');
}, 1500);
}
if(nextIndex == 6) {
$('.section6left').addClass('slideInLeft');
setTimeout(function(){
$('.section6left').removeClass('slideInLeft');
}, 1800);
}
},
});
}
/* ===================================
WOW Animation
====================================== */
if ($(window).width() > 991) {
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animated',
offset: 0,
mobile: false,
live: true
});
new WOW().init();
}
/* ===================================
Loading Timeout
====================================== */
$('.side-menu').removeClass('hidden');
setTimeout(function(){
$("#loader-fade").fadeOut("slow");
}, 1000);
});
jQuery(function ($) {
"use strict";
$(window).on('scroll', function () {
if ($(this).scrollTop() > 260) { // Set position from top to add class
$('header').addClass('header-appear');
}
else {
$('header').removeClass('header-appear');
}
});
//scroll to appear
$(window).on('scroll', function () {
if ($(this).scrollTop() > 500)
$('.scroll-top-arrow').fadeIn('slow');
else
$('.scroll-top-arrow').fadeOut('slow');
});
//Click event to scroll to top
$(document).on('click', '.scroll-top-arrow', function () {
$('html, body').animate({scrollTop: 0}, 800);
return false;
});
});
/* ===================================
Side Menu Open & Close
====================================== */
function my_click() {
$('#my_tog').on("click", function () {
$(".side_nav").addClass("expand_nav");
$("#my_tog").addClass("close_nav");
$("#my_tog").attr("id","close_nav");
$(".overlay-body").addClass("show_body_overlay");
$('#pp-nav').hide();
});
$('#close_nav').on("click", function () {
$("#close_nav").removeClass("close_nav");
$(".side_nav").removeClass("expand_nav");
$("#my_tog").removeClass("close_nav");
$("#close_nav").attr("id","my_tog");
$(".overlay-body").removeClass("show_body_overlay");
$('#pp-nav').show();
});
}
$('.side-nav-menu .nav-menu li a').on("click", function () {
$(".side_nav").removeClass("expand_nav");
$("#close_nav").removeClass("close_nav");
$(".side_nav").removeClass("expand_nav");
$("#my_tog").removeClass("close_nav");
$("#close_nav").attr("id","my_tog");
$('#pp-nav').show();
$('.side-nav-menu .nav-menu .nav-item .nav-link').removeClass('active');
$(this).addClass('active');
});
/* ===================================
Broad Nav
====================================== */
$('.my_nav_tog').click(function() {
$('.broad').addClass('broad-nav');
$('.broad').css({ opacity: "1" });
$('.head-nav').hide();
$('body').addClass('show-modal');
});
$('.btn-close').click(function() {
$('.broad').css({ opacity: "0" });
$('body').removeClass('show-modal');
setTimeout(function() {$('.broad').removeClass('broad-nav')},100);
});
$('.broad ul li a').click(function () {
$('.broad').css({ opacity: "0" });
$('body').removeClass('show-modal');
setTimeout(function() {$('.broad').removeClass('broad-nav')},100);
});
/* ===================================
Fixed Broad Nav-Bar
====================================== */
$(window).on('scroll', function () {
if($(window).width() <= 767){
if ($(this).scrollTop() > 300) {
$('#home').addClass('fixed-top')
$('#home').addClass('fix-top')
$('#pagepiling').addClass('margin-manage');
}
else {
$('#home').removeClass('fixed-top')
$('#home').removeClass('fix-top')
$('#pagepiling').removeClass('margin-manage');
}
}else {
$('#home').removeClass('fixed-top')
$('#home').removeClass('fix-top')
}
});
$('.overlay-body').on('click', function(e) {
$("#close_nav").removeClass("close_nav");
$(".side_nav").removeClass("expand_nav");
$("#my_tog").removeClass("close_nav");
$("#close_nav").attr("id","my_tog");
$(".overlay-body").removeClass('show_body_overlay');
});
/* =====================================
Nav-Bar Offset
====================================== */
$(".broad .nav-menu .nav-link").on("click", function (event) {
event.preventDefault();
off_set= 65;
if(screen.width > 768){
off_set = 140;
}
$("html,body").animate({
scrollTop: $(this.hash).offset().top - off_set}, 100);
});
/* ===================================
Team Carousel
====================================== */
$("#team-slider").owlCarousel({
items: 5,
dots: false,
nav: false,
loop: true,
center:true,
autoplay: true,
autoplayHoverPause:true,
slideSpeed: 3000,
paginationSpeed: 5000,
smartSpeed:1000,
responsive: {
992: {
items: 3
},
600: {
items: 3
},
320: {
items: 1
},
280: {
items: 1
}
}
});
/*===================================
Testimonials Carousel
====================================== */
$(".owl-testimonial").owlCarousel({
items: 3,
margin: 30,
dots: false,
nav: false,
loop:true,
autoplay: true,
autoplayHoverPause:true,
responsiveClass:true,
animateOut: 'zoomOut',
animateIn: 'zoomIn',
responsive: {
992: {
items: 1
},
600: {
items: 1
},
320: {
items: 1
},
}
});
/*===================================
Portfolio Carousel
====================================== */
$(".team-classic.owl-team").owlCarousel({
items: 3,
margin: 30,
dots: false,
nav: false,
loop:true,
autoplay: true,
smartSpeed:500,
navSpeed: true,
autoplayHoverPause:true,
responsiveClass:true,
responsive: {
992: {
items: 1
},
600: {
items: 1
},
320: {
items: 1
},
280: {
items: 1
}
}
});
// Custom Portfolio OWL
$('.ini-customNextBtn').click(function () {
var owl = $('.team-classic.owl-team');
owl.owlCarousel();
owl.trigger('next.owl.carousel');
});
$('.ini-customPrevBtn').click(function () {
var owl = $('.team-classic.owl-team');
owl.owlCarousel();
owl.trigger('prev.owl.carousel', [300]);
});
/* ===================================
Mouse parallax
====================================== */
if ($(window).width() > 991) {
$('#home-banner').mousemove(function(e) {
$('[data-depth]').each(function () {
var depth = $(this).data('depth');
var amountMovedX = (e.pageX * -depth/4);
var amountMovedY = (e.pageY * -depth/4);
$(this).css({
'transform':'translate3d(' + amountMovedX +'px,' + amountMovedY +'px, 0)',
});
});
});
}
/* ===================================
Fancy Box
====================================== */
$('[data-fancybox]').fancybox({
protect: true,
animationEffect: "fade",
hash: null,
});
/* ===================================
Animated Cursor
====================================== */
function animatedCursor() {
if ($("#animated-cursor").length) {
var e = {x: 0, y: 0}, t = {x: 0, y: 0}, n = .25, o = !1, a = document.getElementById("cursor"),
i = document.getElementById("cursor-loader");
TweenLite.set(a, {xPercent: -50, yPercent: -50}), document.addEventListener("mousemove", function (t) {
var n = window.pageYOffset || document.documentElement.scrollTop;
e.x = t.pageX, e.y = t.pageY - n
}), TweenLite.ticker.addEventListener("tick", function () {
o || (t.x += (e.x - t.x) * n, t.y += (e.y - t.y) * n, TweenLite.set(a, {x: t.x, y: t.y}))
}),
$(".animated-wrap").mouseenter(function (e) {
TweenMax.to(this, .3, {scale: 2}), TweenMax.to(a, .3, {
scale: 2,
borderWidth: "1px",
opacity: .2
}), TweenMax.to(i, .3, {
scale: 2,
borderWidth: "1px",
top: 1,
left: 1
}), TweenMax.to($(this).children(), .3, {scale: .5}), o = !0
}),
$(".animated-wrap").mouseleave(function (e) {
TweenMax.to(this, .3, {scale: 1}), TweenMax.to(a, .3, {
scale: 1,
borderWidth: "2px",
opacity: 1
}), TweenMax.to(i, .3, {
scale: 1,
borderWidth: "2px",
top: 0,
left: 0
}), TweenMax.to($(this).children(), .3, {scale: 1, x: 0, y: 0}), o = !1
}),
$(".testimonial-images .animated-wrap").mouseenter(function (e) {
TweenMax.to(this, .3, {scale: 2}), TweenMax.to(a, .3, {
scale: 2,
borderWidth: "1px",
opacity: .2
}), TweenMax.to(i, .3, {
scale: 2,
borderWidth: "1px",
top: 1,
left: 1
}), TweenMax.to($(this).children(), .3, {scale: .5}), o = !0
}),
$(".animated-wrap").mousemove(function (e) {
var n, o, i, l, r, d, c, s, p, h, x, u, w, f, m;
n = e, o = 2, i = this.getBoundingClientRect(), l = n.pageX - i.left, r = n.pageY - i.top, d = window.pageYOffset || document.documentElement.scrollTop, t.x = i.left + i.width / 2 + (l - i.width / 2) / o, t.y = i.top + i.height / 2 + (r - i.height / 2 - d) / o, TweenMax.to(a, .3, {
x: t.x,
y: t.y
}), s = e, p = c = this, h = c.querySelector(".animated-element"), x = 20, u = p.getBoundingClientRect(), w = s.pageX - u.left, f = s.pageY - u.top, m = window.pageYOffset || document.documentElement.scrollTop, TweenMax.to(h, .3, {
x: (w - u.width / 2) / u.width * x,
y: (f - u.height / 2 - m) / u.height * x,
ease: Power2.easeOut
})
}),
$(".hide-cursor,.btn,.tp-bullets").mouseenter(function (e) {
TweenMax.to("#cursor", .2, {borderWidth: "1px", scale: 2, opacity: 0})
}), $(".hide-cursor,.btn,.tp-bullets").mouseleave(function (e) {
TweenMax.to("#cursor", .3, {borderWidth: "2px", scale: 1, opacity: 1})
}),$(".link").mouseenter(function (e) {
TweenMax.to("#cursor", .2, {
borderWidth: "0px",
scale: 3,
backgroundColor: "rgba(5,5,5,0.27)",
opacity: .15
})
}), $(".link").mouseleave(function (e) {
TweenMax.to("#cursor", .3, {
borderWidth: "2px",
scale: 1,
backgroundColor: "rgba(12,12,12,0)",
opacity: 1
})
})
}
}
if ($(window).width() > 991) {
setTimeout(function () {
animatedCursor();
}, 1000);
}