You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
666 lines
23 KiB
666 lines
23 KiB
|
|
|
|
$(function () {
|
|
"use strict";
|
|
|
|
|
|
|
|
$(window).load(function () {
|
|
|
|
// SITE PRELOADER ||-----------
|
|
|
|
$('#loader').fadeOut();
|
|
$('#preloader').delay(350).fadeOut('slow');
|
|
$('body').delay(350).css({ 'overflow': 'visible' });
|
|
|
|
// Portfolio Grid Masonry
|
|
containerGridMasonry();
|
|
})
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// GENERAL SCRIPTS FOR ALL PAGES ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
$(document).ready(function () {
|
|
fullScreenSlider();
|
|
stickHeader();
|
|
int_introHeight();
|
|
scroll();
|
|
pluginElement();
|
|
sliderHero();
|
|
sliderAll();
|
|
containerGridMasonry();
|
|
scrollCallbackEle();
|
|
shortcodeElements();
|
|
|
|
});
|
|
|
|
|
|
$(window).resize(function () {
|
|
stickHeader();
|
|
int_introHeight();
|
|
})
|
|
|
|
|
|
$(window).scroll(function () {
|
|
stickHeader();
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// SCROLL FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
function scroll() {
|
|
|
|
// //Click Event to Scroll to Top
|
|
$(window).scroll(function () {
|
|
if ($(this).scrollTop() > 300) {
|
|
$('.scroll-top').fadeIn();
|
|
} else {
|
|
$('.scroll-top').fadeOut();
|
|
}
|
|
|
|
|
|
});
|
|
$('.scroll-top').click(function () {
|
|
$('html, body').animate({ scrollTop: 0 }, 800);
|
|
return false;
|
|
});
|
|
|
|
// Scroll Down Elements
|
|
$('.scroll-down[href^="#"], .scroll-to-target[href^="#"]').on('click', function (e) {
|
|
e.preventDefault();
|
|
|
|
var target = this.hash;
|
|
var $target = $(target);
|
|
|
|
$('html, body').stop().animate({
|
|
'scrollTop': $target.offset().top
|
|
}, 900, 'swing', function () {
|
|
window.location.hash = target;
|
|
});
|
|
});
|
|
|
|
};
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// STICKY HEADER FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
function stickHeader() {
|
|
|
|
var scrolled = $(window).scrollTop();
|
|
var windHeight = $(window).height();
|
|
if (scrolled > 150) {
|
|
$('.header').addClass('header-prepare');
|
|
} else {
|
|
$('.header').removeClass('header-prepare');
|
|
}
|
|
|
|
if (scrolled > 1) {
|
|
$('.header').addClass('header-fixed');
|
|
} else {
|
|
$('.header').removeClass('header-fixed');
|
|
}
|
|
};
|
|
|
|
// ----------------------------------------------------------------
|
|
// Intro Height
|
|
// ----------------------------------------------------------------
|
|
function int_introHeight() {
|
|
var windiwHeight = $(window).height();
|
|
// Intro Height
|
|
$('.js-fullscreen-height').css('height', windiwHeight);
|
|
};
|
|
|
|
// ----------------------------------------------------------------
|
|
// Backgrounds Image (Slider, Section, etc..)
|
|
// ----------------------------------------------------------------
|
|
var pageSection = $('.slide-bg-image, .bg-image');
|
|
pageSection.each(function (indx) {
|
|
|
|
if ($(this).attr("data-background-img")) {
|
|
$(this).css("background-image", "url(" + $(this).data("background-img") + ")");
|
|
}
|
|
});
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// FULLSCREEN SLIDER FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
function fullScreenSlider() {
|
|
if ($('.fullscreen-carousel').length > 0) {
|
|
|
|
$('.fullscreen-carousel').flexslider({
|
|
animation: "slide",
|
|
// startAt: 0,
|
|
animationSpeed: 700,
|
|
animationLoop: true,
|
|
slideshow: true,
|
|
easing: "swing",
|
|
controlNav: false,
|
|
before: function (slider) {
|
|
//Slide Caption Animate
|
|
$('.fullscreen-carousel .intro-content-inner').fadeOut().animate({ top: '80px' }, { queue: false, easing: 'easeOutQuad', duration: 700 });
|
|
slider.slides.eq(slider.currentSlide).delay(400);
|
|
slider.slides.eq(slider.animatingTo).delay(400);
|
|
|
|
},
|
|
after: function (slider) {
|
|
//Slide Caption Animate
|
|
$('.fullscreen-carousel .flex-active-slide').find('.intro-content-inner').fadeIn(2000).animate({ top: '0' }, { queue: false, easing: 'easeOutQuad', duration: 1200 });
|
|
|
|
// Header Dark Light
|
|
headerDarkLight_with_flexslider();
|
|
|
|
},
|
|
start: function (slider) {
|
|
$('body').removeClass('loading');
|
|
|
|
// Header Dark Light
|
|
headerDarkLight_with_flexslider();
|
|
|
|
},
|
|
useCSS: true,
|
|
});
|
|
};
|
|
|
|
// Header Dark Light
|
|
function headerDarkLight_with_flexslider() {
|
|
|
|
var color = $('.fullscreen-carousel').find('li.flex-active-slide').attr('data-slide');
|
|
if (color == 'dark-slide') {
|
|
$('#header').addClass('header').removeClass('header-light');
|
|
$('#header').removeClass('header-default');
|
|
}
|
|
if (color == 'light-slide') {
|
|
$('#header').addClass('header-light').removeClass('header-dark');
|
|
$('#header').removeClass('header-default');
|
|
}
|
|
if (color == 'default-slide') {
|
|
$('#header').removeClass('header-dark');
|
|
$('#header').removeClass('header-light');
|
|
$('#header').addClass('header');
|
|
}
|
|
};
|
|
|
|
// "fullscreen-carousel" height
|
|
fullScreenCarousel();
|
|
function fullScreenCarousel() {
|
|
var windowWidth = $(window).width();
|
|
var windowHeight = $(window).height();
|
|
|
|
if ($(window).width() > 767) {
|
|
$('.hero-slider-1 .slides .js-Slide-fullscreen-height').css("height", windowHeight);
|
|
}
|
|
else {
|
|
$('.hero-slider-1 .slides .js-Slide-fullscreen-height').css("height", '400px');
|
|
}
|
|
|
|
};
|
|
$(window).resize(function () {
|
|
fullScreenCarousel();
|
|
});
|
|
|
|
|
|
};
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// SLIDER FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
function sliderAll() {
|
|
|
|
// fullwidth Slider
|
|
$('.fullwidth-slider').owlCarousel({
|
|
slideSpeed: 400,
|
|
singleItem: true,
|
|
autoHeight: true,
|
|
navigation: true, // Show next and prev buttons
|
|
pagination: true, // Show pagination buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
|
|
|
|
});
|
|
|
|
// Image Slider
|
|
$('.image-slider').owlCarousel({
|
|
navigation: true, // Show next and prev buttons
|
|
pagination: true, // Show pagination buttons
|
|
slideSpeed: 350,
|
|
paginationSpeed: 400,
|
|
singleItem: true,
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
|
|
autoPlay: false,
|
|
autoHeight: true,
|
|
responsive: true
|
|
});
|
|
|
|
// Testimonial Slider
|
|
$('.testimonial-carousel').owlCarousel({
|
|
autoPlay: true,
|
|
autoHeight: true,
|
|
stopOnHover: true,
|
|
singleItem: true,
|
|
slideSpeed: 350,
|
|
pagination: true, // Show pagination buttons
|
|
navigation: false, // Hide next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
|
|
// responsive: true
|
|
});
|
|
|
|
// Team Carousel
|
|
$('.team-carousel').owlCarousel({
|
|
autoPlay: false,
|
|
stopOnHover: true,
|
|
items: 3,
|
|
itemsDesktop: [1170, 3],
|
|
itemsDesktopSmall: [1024, 2],
|
|
itemsTabletSmall: [768, 1],
|
|
itemsMobile: [480, 1],
|
|
pagination: false, // Hide pagination buttons
|
|
navigation: false, // Hide next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
|
|
});
|
|
|
|
// Client Carousel
|
|
$('.client-carousel').owlCarousel({
|
|
autoPlay: 2500,
|
|
stopOnHover: true,
|
|
items: 5,
|
|
itemsDesktop: [1170, 4],
|
|
itemsDesktopSmall: [1024, 3],
|
|
itemsTabletSmall: [768, 2],
|
|
itemsMobile: [480, 1],
|
|
pagination: false, // hide pagination buttons
|
|
navigation: false, // hide next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
|
|
});
|
|
|
|
// Content Slider
|
|
$('.content-carousel').owlCarousel({
|
|
autoPlay: true,
|
|
autoHeight: true,
|
|
stopOnHover: true,
|
|
singleItem: true,
|
|
slideSpeed: 500,
|
|
pagination: false, // Hide pagination buttons
|
|
navigation: true, // Show next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
|
|
responsive: true
|
|
});
|
|
|
|
// Item-5 Carousel
|
|
$('.item5-carousel').owlCarousel({
|
|
autoPlay: 2500,
|
|
stopOnHover: true,
|
|
items: 5,
|
|
itemsDesktop: [1170, 3],
|
|
itemsDesktopSmall: [1024, 2],
|
|
itemsTabletSmall: [768, 1],
|
|
itemsMobile: [480, 1],
|
|
pagination: true, // Show pagination buttons
|
|
navigation: true, // Show next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
|
|
});
|
|
|
|
// Item-4 Carousel
|
|
$('.item4-carousel').owlCarousel({
|
|
autoPlay: 2500,
|
|
stopOnHover: true,
|
|
items: 4,
|
|
itemsDesktop: [1170, 3],
|
|
itemsDesktopSmall: [1024, 2],
|
|
itemsTabletSmall: [768, 1],
|
|
itemsMobile: [480, 1],
|
|
pagination: false, // Hide pagination buttons
|
|
navigation: true, // Show next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
|
|
});
|
|
|
|
// Item-3 Carousel
|
|
$('.item3-carousel').owlCarousel({
|
|
autoPlay: false,
|
|
stopOnHover: true,
|
|
items: 3,
|
|
itemsDesktop: [1170, 3],
|
|
itemsDesktopSmall: [1024, 2],
|
|
itemsTabletSmall: [768, 1],
|
|
itemsMobile: [480, 1],
|
|
pagination: true, // show pagination buttons
|
|
navigation: true, // Show next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"]
|
|
});
|
|
|
|
// Item-1 Carousel
|
|
$('.item1-carousel').owlCarousel({
|
|
autoPlay: false,
|
|
autoHeight: true,
|
|
stopOnHover: true,
|
|
singleItem: true,
|
|
slideSpeed: 350,
|
|
pagination: true, // Show pagination buttons
|
|
navigation: true, // Show next and prev buttons
|
|
navigationText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
|
|
responsive: true
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// SLIDER-HERO FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
function sliderHero() {
|
|
|
|
$('.slider-hero').owlCarousel({
|
|
navigation: true, // Show next and prev buttons
|
|
slideSpeed: 700,
|
|
paginationSpeed: 400,
|
|
pagination: true,
|
|
addClassActive: true,
|
|
|
|
touchDrag: true,
|
|
singleItem: true,
|
|
navigationText: false,
|
|
autoPlay: false,
|
|
autoHeight: false,
|
|
|
|
//responsive: true,
|
|
//itemsDesktop: [3000, 1],
|
|
//itemsDesktopSmall: [1440, 1],
|
|
//itemsTablet: [1024, 1],
|
|
//itemsTabletSmall: [600, 1],
|
|
//itemsMobile: [360, 1],
|
|
|
|
beforeMove: beforeMove,
|
|
afterMove: afterMove,
|
|
afterInit: afterInit
|
|
|
|
});
|
|
function beforeMove() {
|
|
$('.slider-hero .overlay-hero .caption-hero').fadeOut(1);
|
|
|
|
}
|
|
function afterMove() {
|
|
$('.slider-hero .owl-item.active ').find('.caption-hero').delay(500).fadeIn(1500);
|
|
BackgroundCheck.refresh();
|
|
|
|
}
|
|
function afterInit() {
|
|
$('.slider-hero .owl-item.active ').find('.caption-hero').delay(500).fadeIn(1500);
|
|
BackgroundCheck.init({
|
|
targets: '.full-intro',
|
|
images: '.owl-carousel .item img',
|
|
|
|
});
|
|
|
|
}
|
|
|
|
$(window).height(function () {
|
|
heroResize();
|
|
function heroResize() {
|
|
var windowHeight = $(window).innerHeight();
|
|
$('.slider-hero, .full-screen-intro').css('height', windowHeight);
|
|
};
|
|
$(window).resize(function () {
|
|
heroResize();
|
|
});
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// PLUGIN MEDIA FUNCTIONS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
function pluginElement() {
|
|
|
|
// Media Player Elements
|
|
videoElement();
|
|
function videoElement() {
|
|
$('.video').mediaelementplayer({
|
|
loop: true,
|
|
enableKeyboard: false,
|
|
iPadUseNativeControls: false,
|
|
pauseOtherPlayers: false,
|
|
iPhoneUseNativeControls: false,
|
|
AndroidUseNativeControls: false,
|
|
enableAutosize: true
|
|
});
|
|
$('.bg-video').mediaelementplayer({
|
|
loop: true,
|
|
enableKeyboard: false,
|
|
iPadUseNativeControls: false,
|
|
pauseOtherPlayers: false,
|
|
iPhoneUseNativeControls: false,
|
|
AndroidUseNativeControls: false,
|
|
enableAutosize: true,
|
|
alwaysShowControls: false,
|
|
});
|
|
|
|
$('.audio').mediaelementplayer({
|
|
audioWidth: '100%',
|
|
pauseOtherPlayers: false,
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// CONTAINER GRID & MESONRY FUNCTIONS (Portfolio, blog, etc) ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
function containerGridMasonry() {
|
|
|
|
// Gria Element
|
|
|
|
// ISOTOPE MASONRY ELEMENT ||--------------
|
|
var $container = $('.container-masonry');
|
|
$container.imagesLoaded(function () {
|
|
$container.isotope({
|
|
itemSelector: '.nf-item',
|
|
layoutMode: 'masonry',
|
|
masonry: {
|
|
columnWidth: 0,
|
|
gutter: 0
|
|
},
|
|
});
|
|
});
|
|
|
|
// bind filter button click
|
|
$('.container-filter').on('click', '.categories', function () {
|
|
var filterValue = $(this).attr('data-filter');
|
|
$container.isotope({ filter: filterValue });
|
|
});
|
|
|
|
// ISOTOPE GRID ELEMENT ||--------------
|
|
var $container2 = $('.container-grid');
|
|
$container2.imagesLoaded(function () {
|
|
$container2.isotope({
|
|
itemSelector: '.nf-item',
|
|
layoutMode: 'fitRows'
|
|
});
|
|
});
|
|
|
|
// bind filter categories click
|
|
$('.container-filter').on('click', '.categories', function () {
|
|
var filterValue = $(this).attr('data-filter');
|
|
$container2.isotope({ filter: filterValue });
|
|
});
|
|
|
|
// change active class on categories
|
|
$('.categories-filter').each(function (i, buttonGroup) {
|
|
var $buttonGroup = $(buttonGroup);
|
|
$buttonGroup.on('click', '.categories', function () {
|
|
$buttonGroup.find('.active').removeClass('active');
|
|
$(this).addClass('active');
|
|
});
|
|
|
|
});
|
|
|
|
|
|
// Masonry Element
|
|
var container = $('.masonry');
|
|
container.masonry({
|
|
// columnWidth: 0,
|
|
itemSelector: '.nf-item'
|
|
});
|
|
|
|
};
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// SCROLL CALLBACK FUNCTION ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
function scrollCallbackEle() {
|
|
//scroll Callback Element
|
|
$('.load-ele-fade').viewportChecker({
|
|
classToAdd: 'visible animated fadeIn',
|
|
offset: 100,
|
|
callbackFunction: function (elem, action) {
|
|
}
|
|
});
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
// SHORTCODE ELEMENTS ||-----------
|
|
// ---------------------------------------------------------------------------------------------------------------------------->
|
|
|
|
shortcodeElements();
|
|
function shortcodeElements() {
|
|
|
|
|
|
// Search Overlay Menu
|
|
$('.search-overlay-menu-btn').on('click', function (eventSearch) {
|
|
$('.search-overlay-menu').addClass('open');
|
|
$('.search-overlay-menu > form > input[type="search"]').focus();
|
|
});
|
|
$('.search-overlay-close').on('click', function (eventSearch) {
|
|
$('.search-overlay-menu').removeClass('open');
|
|
|
|
});
|
|
$('.search-overlay-menu, .search-overlay-menu .search-overlay-close').on('click keyup', function (eventSearch) {
|
|
if (eventSearch.target == this || eventSearch.target.className == 'search-overlay-close' || eventSearch.keyCode == 27) {
|
|
$(this).removeClass('open');
|
|
}
|
|
});
|
|
|
|
|
|
|
|
// Portfolio Lightbox Popup Elements
|
|
lightbox();
|
|
function lightbox() {
|
|
$(".cbox-gallary1").colorbox({
|
|
rel: 'gallary',
|
|
maxWidth: "95%",
|
|
maxHeight: "95%"
|
|
|
|
});
|
|
$(".cbox-iframe").colorbox({
|
|
iframe: true,
|
|
maxWidth: "95%",
|
|
maxHeight: "95%",
|
|
innerWidth: 640,
|
|
innerHeight: 390
|
|
});
|
|
};
|
|
|
|
// Skills Progressbar Elements
|
|
skillsProgressBar();
|
|
function skillsProgressBar() {
|
|
$('.skillbar').each(function () {
|
|
$(this).find('.skillbar-bar').animate({
|
|
width: $(this).attr('data-percent')
|
|
}, 2000);
|
|
});
|
|
};
|
|
|
|
// Tooltip
|
|
$(".tipped").tipper();
|
|
|
|
//Counter
|
|
$('.counter').each(function () {
|
|
var $this = $(this),
|
|
countTo = $this.attr('data-count');
|
|
$({ countNum: $this.text() }).animate({
|
|
countNum: countTo
|
|
},
|
|
{
|
|
duration: 8000,
|
|
easing: 'linear',
|
|
step: function () {
|
|
$this.text(Math.floor(this.countNum));
|
|
},
|
|
complete: function () {
|
|
$this.text(this.countNum);
|
|
//alert('finished');
|
|
}
|
|
});
|
|
});
|
|
|
|
};
|
|
|
|
|
|
// Accordion Function Elements
|
|
accordion();
|
|
function accordion() {
|
|
|
|
$('.accordion-title').click(function (e) {
|
|
|
|
$(this).next().slideToggle('easeOut');
|
|
$(this).toggleClass('active');
|
|
$("accordion-title").toggleClass('active');
|
|
$(".accordion-content").not($(this).next()).slideUp('easeIn');
|
|
$(".accordion-title").not($(this)).removeClass('active');
|
|
|
|
});
|
|
$(".accordion-content").addClass("defualt-hidden");
|
|
|
|
};
|
|
|
|
// Jquery UI Elements
|
|
jqueryUi();
|
|
function jqueryUi() {
|
|
|
|
// Tab Function
|
|
$(function () {
|
|
$(".tabs").tabs();
|
|
});
|
|
|
|
// Price Filter Slider
|
|
$(function () {
|
|
$("#range-slider").slider({
|
|
range: true,
|
|
min: 0,
|
|
max: 500,
|
|
values: [0, 300],
|
|
slide: function (event, ui) {
|
|
$(".price-amount-from").text("$" + ui.values[0]);
|
|
$(".price-amount-to").text("$" + ui.values[1]);
|
|
|
|
}
|
|
});
|
|
$(".price-amount-from").text("$" + $("#range-slider").slider("values", 0));
|
|
$(".price-amount-to").text("$" + $("#range-slider").slider("values", 1));
|
|
});
|
|
};
|
|
|
|
|
|
});
|