/**
*
* -----------------------------------------------------------------------------
*
* Template : Kaouwa | Construction & Building HTML5 Template
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/

(function($) {
"use strict";

// sticky menu
var header = $('.menu-sticky');
var win = $(window);

win.on('scroll', function() {
var scroll = win.scrollTop();
if (scroll < 200) {
header.removeClass("sticky");
} else {
header.addClass("sticky");
}

$("section").each(function() {
var elementTop = $(this).offset().top - $('#rs-header').outerHeight();
if(scroll >= elementTop) {
$(this).addClass('loaded');
}
});

});


/*-------------------------------------
Slider
-------------------------------------*/
var slidercarousel = $('.slider-carousel');
if(slidercarousel.length){
$(".slider-carousel").owlCarousel({
margin:0,
nav:true,
navText:[
"<i class='glyph-icon flaticon-back'></i>",
"<i class='glyph-icon flaticon-next'></i>"
],
loop:true,
dots: false,
items:1,
autoplay:true,
animateOut: 'fadeOut',
autoplayTimeout:4000,
autoplayHoverPause:true,
responsiveClass:true
});
}

/*-------------------------------------
OwlCarousel
-------------------------------------*/
$('.rs-carousel').each(function() {
var owlCarousel = $(this),
loop = owlCarousel.data('loop'),
items = owlCarousel.data('items'),
margin = owlCarousel.data('margin'),
stagePadding = owlCarousel.data('stage-padding'),
autoplay = owlCarousel.data('autoplay'),
autoplayTimeout = owlCarousel.data('autoplay-timeout'),
smartSpeed = owlCarousel.data('smart-speed'),
dots = owlCarousel.data('dots'),
nav = owlCarousel.data('nav'),
navSpeed = owlCarousel.data('nav-speed'),
xsDevice = owlCarousel.data('mobile-device'),
xsDeviceNav = owlCarousel.data('mobile-device-nav'),
xsDeviceDots = owlCarousel.data('mobile-device-dots'),
smDevice = owlCarousel.data('ipad-device'),
smDeviceNav = owlCarousel.data('ipad-device-nav'),
smDeviceDots = owlCarousel.data('ipad-device-dots'),
smDevice2 = owlCarousel.data('ipad-device2'),
smDeviceNav2 = owlCarousel.data('ipad-device-nav2'),
smDeviceDots2 = owlCarousel.data('ipad-device-dots2'),
mdDevice = owlCarousel.data('md-device'),
mdDeviceNav = owlCarousel.data('md-device-nav'),
mdDeviceDots = owlCarousel.data('md-device-dots');
owlCarousel.owlCarousel({
loop: (loop ? true : false),
items: (items ? items : 4),
lazyLoad: true,
margin: (margin ? margin : 0),
//stagePadding: (stagePadding ? stagePadding : 0),
autoplay: (autoplay ? true : false),
autoplayTimeout: (autoplayTimeout ? autoplayTimeout : 1000),
smartSpeed: (smartSpeed ? smartSpeed : 250),
dots: (dots ? true : false),
nav: (nav ? true : false),
navText: ["<i class='glyph-icon flaticon-back'></i>", "<i class='glyph-icon flaticon-next'></i>"],
navSpeed: (navSpeed ? true : false),
responsiveClass: true,
responsive: {
0: {
items: (xsDevice ? xsDevice : 1),
nav: (xsDeviceNav ? true : false),
dots: (xsDeviceDots ? true : false)
},
767: {
items: (smDevice2 ? smDevice : 2),
nav: (smDeviceNav2 ? true : false),
dots: (smDeviceDots2 ? true : false)
},
768: {
items: (smDevice ? smDevice : 3),
nav: (smDeviceNav ? true : false),
dots: (smDeviceDots ? true : false)
},
992: {
items: (mdDevice ? mdDevice : 4),
nav: (mdDeviceNav ? true : false),
dots: (mdDeviceDots ? true : false)
}
}
});

});

// Skill bar
var skillbar = $('.skillbar');
if(skillbar.length) {
$('.skillbar').skillBars({
from: 0,
speed: 4000,
interval: 100,
decimals: 0,
});
}

// Counter Up
if ($('.rs-counter').length) {
$('.rs-counter').counterUp({
delay: 20,
time: 1500
});
}

//Preloader
$(window).on( 'load', function() {
$(".loading").delay(1500).fadeOut(500);
$("#loading-center").on( 'click', function() {
$("#loading").fadeOut(500);
})

if($(window).width() < 992) {
$('.rs-menu').css('height', '0');
$('.rs-menu').css('opacity', '0');
$('.rs-menu').css('z-index', '-1');
$('.rs-menu-toggle').on( 'click', function(){
$('.rs-menu').css('opacity', '1');
$('.rs-menu').css('z-index', '1');
});
}

})

// Elements Animation
if ($('.wow').length) {
var wow = new WOW(
{
boxClass: 'wow', // animated element css class (default is wow)
animateClass: 'animated', // animation css class (default is animated)
offset: 0, // distance to the element when triggering the animation (default is 0)
mobile: false, // trigger animations on mobile devices (default is true)
live: true // act on asynchronously loaded content (default is true)
}
);
wow.init();
}


// magnificPopup init
var imagepopup = $('.image-popup');
if(imagepopup.length) {
$('.image-popup').magnificPopup({
type: 'image',
callbacks: {
beforeOpen: function() {
this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure animated zoomInDown');
}
},
gallery: {
enabled: true
}
});
}

// scrollTop init
var totop = $('#scrollUp');
if(totop.length){
win.on('scroll', function() {
if (win.scrollTop() > 150) {
totop.fadeIn();
} else {
totop.fadeOut();
}
});
totop.on('click', function() {
$("html,body").animate({
scrollTop: 0
}, 500)
});
}

/*----------------------------
Service-product js active
------------------------------ */

var single_product_img = $('.service-slider-image');
if(single_product_img.length) {
$('.service-slider-image').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.service-slider-nav'
});
}

var single_product_nav = $('.service-slider-nav');
if(single_product_nav.length) {
$('.service-slider-nav').slick({
slidesToShow: 2,
asNavFor: '.service-slider-image',
dots: false,
navText: false,
focusOnSelect: true,
centerMode: false,
vertical: true,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 991,
settings: {
slidesToShow: 1
}
}
]
});
}


/*----------------------------
single-productjs active
------------------------------ */

var single_product_image = $('.single-product-image');
if(single_product_image.length) {
$('.single-product-image').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.single-product-nav'
});
}
var single_product_nav = $('.single-product-nav');
if(single_product_nav.length) {
$('.single-product-nav').slick({
slidesToShow: 4,
asNavFor: '.single-product-image',
dots: false,
focusOnSelect: true,
centerMode:false,
responsive: [
{
breakpoint: 768,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 591,
settings: {
slidesToShow: 2
}
}
]
});
}



// image loaded portfolio init
var gridfilter = $('.grid');
if(gridfilter.length){
$('.grid').imagesLoaded(function() {
$('.gridFilter').on('click', 'button', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({
filter: filterValue
});
});
var $grid = $('.grid').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-item',
}
});
});
}

// project Filter
if ($('.gridFilter button').length) {
var projectfiler = $('.gridFilter button');
if(projectfiler.length){
$('.gridFilter button').on('click', function(event) {
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
}
}

// onepage nav
var navclose = $('#onepage-menu');
if(navclose.length){
$(".nav-menu li").on("click", function () {
if ($(".showhide").is(":visible")) {
$(".showhide").trigger("click");
}
});

if ($.fn.onePageNav) {
$(".nav-menu").onePageNav({
currentClass: "active-menu"
});
}
}

//Videos popup jQuery
var popup = $('.popup-videos');
if(popup.length) {
$('.popup-videos').magnificPopup({
disableOn: 10,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
}


})(jQuery);