/*-----------------------------------------------------------------------------------

    Theme Name: Buka
    Description: The Multi-Purpose Onepage Template

-----------------------------------------------------------------------------------*/

(function($){

$(function() {

    "use strict";

    var wind = $(window);
	
/* ----------------------------------------------------------------
                [ Navbar ( scrollIt ) ]
-----------------------------------------------------------------*/

	$('.navbar-nav a').each(function(){
		if( $(this).prop("hash") ){
			if( $($(this).prop("hash")).length && !$($(this).prop("hash")).first().is('.elementor-widget') ){
				$($(this).prop("hash")).first().addClass('is-in-menu');
			}
		}
	});
	
	$('.is-in-menu').each(function(){
		
		var $index = $(this).index('.is-in-menu');
		var $id = $(this).attr('id');
		
		$(this).attr('data-scroll-index', $index);
		
		$('.navbar-nav a').each(function(){
			if( $(this).prop("hash").substr(1) == $id ){
				$(this).attr('data-scroll-nav', $index);
			}
		});
	});

    $.scrollIt({
      upKey: 38,                // key code to navigate to the next section
      downKey: 40,              // key code to navigate to the previous section
      easing: 'swing',          // the easing function for animation
      scrollTime: 600,          // how long (in ms) the animation takes
      activeClass: 'active',    // class given to the active nav element
      onPageChange: null,       // function(pageIndex) that is called when page is changed
      topOffset: -80            // offste (in px) for fixed top navigation
    });
	
	// Buttons smooth scroll
	$('a.butn').each(function(){
		var $url = $(this)[0].href;
		if( $url.indexOf('#') > -1 ){
			var $hash = $url.substring($url.indexOf('#'));
			if( $($hash).length && $($hash).is('[data-scroll-index]') ) {
				var $index = $($hash).attr('data-scroll-index');
				$(this).attr('data-scroll-nav' , $index);
			}
		}
	});


/* ----------------------------------------------------------------
                [ Navbar ( Change Background & Logo ) ]
-----------------------------------------------------------------*/

    wind.on("scroll resize load",function () {

        var bodyScroll = wind.scrollTop(),
            navbar = $(".navbar"),
			logo_light = $(".navbar .logo-light"),
			logo_dark = $(".navbar .logo-dark");

        if(bodyScroll > 100){

            navbar.addClass("nav-scroll");
			logo_dark.removeClass('d-none');
			logo_light.addClass('d-none');

        }else{

            navbar.removeClass("nav-scroll");
			logo_dark.addClass('d-none');
			logo_light.removeClass('d-none');
        }
    });


    // close navbar-collapse when a  clicked
    $(".navbar-nav :not(.menu-item-has-children) a").on('click', function () {
        $(".navbar-collapse").removeClass("show");
    });


    // Submenu open close in mobile
    $(".navbar-nav > .menu-item-has-children > a").on('click', function (e) {

        e.preventDefault();
        var $parent = $(this).parent();
        
        if( window.innerWidth < 992 ){
            if( !$parent.hasClass('opened') ){
                $parent.find('.sub-menu').stop().slideDown(200);
                $parent.addClass('opened');
            }
            else{
                $parent.find('.sub-menu').stop().slideUp(200);
                $parent.removeClass('opened');
            }
        }
    });

    $(window).on('resize', function(){
        if( window.innerWidth >= 992 ){
            $('.menu-item-has-children').removeClass('opened');
            $('.menu-item-has-children .sub-menu').removeAttr('style');
        }
    });
    

/* ----------------------------------------------------------------
                [ Progress Bar ]
-----------------------------------------------------------------*/

	wind.on('scroll resize load', function () {
        $(".skill-progress .progres").each(function () {
            var bottom_of_object = 
            $(this).offset().top + $(this).outerHeight();
            var bottom_of_window = 
            $(window).scrollTop() + $(window).height();
            var myVal = $(this).attr('data-value');
            if(bottom_of_window > bottom_of_object) {
                $(this).css({
                  width : myVal
                });
            }
        });
    });

	
/* ----------------------------------------------------------------
                [ Owl-Carousel ]
-----------------------------------------------------------------*/

    // Testimonials owlCarousel
    $('.carousel-single .owl-carousel').owlCarousel({
        items:1,
        loop:true,
        rtl:true,
        margin: 0,
        autoplay:true,
        smartSpeed:500
    });



/* ----------------------------------------------------------------
                [ countUp ]
-----------------------------------------------------------------*/

    $('.numbers .count').countUp({
        delay: 10,
        time: 1500
    });


	/* ----------------------------------------------------------------
                [ particles ]
-----------------------------------------------------------------*/
	
	$('.particles-js').each(function(){
		
		var $id = $(this).attr('id');
		
		if( $(this).hasClass('particles-effect') ){
			
			particlesJS($id, {
				"particles": {
					"number": {
						"value": 50,
						"density": {
							"enable": true,
							"value_area": 800
						}
					},
					"color": {
						"value": "#888"
					},
					"shape": {
						"type": "circle",
						"stroke": {
							"width": 0,
							"color": "#888"
						},
						"polygon": {
							"nb_sides": 5
						},
						"image": {
							"src": "img/github.svg",
							"width": 100,
							"height": 100
						}
					},
					"opacity": {
						"value": 0.8,
						"random": false,
						"anim": {
							"enable": false,
							"speed": 3,
							"opacity_min": 0.1,
							"sync": false
						}
					},
					"size": {
						"value": 5,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 40,
							"size_min": 0.1,
							"sync": false
						}
					},
					"line_linked": {
						"enable": true,
						"distance": 150,
						"color": "#888",
						"opacity": 0.4,
						"width": 1
					},
					"move": {
						"enable": true,
						"speed": 6,
						"direction": "none",
						"random": false,
						"straight": false,
						"out_mode": "out",
						"attract": {
							"enable": false,
							"rotateX": 600,
							"rotateY": 1200
						}
					}
				},
				"interactivity": {
					"detect_on": "canvas",
					"events": {
						"onhover": {
							"enable": true,
							"mode": "repulse"
						},
						"onclick": {
							"enable": true,
							"mode": "push"
						},
						"resize": true
					},
					"modes": {
						"grab": {
							"distance": 400,
							"line_linked": {
								"opacity": 1
							}
						},
						"bubble": {
							"distance": 400,
							"size": 40,
							"duration": 2,
							"opacity": 8,
							"speed": 3
						},
						"repulse": {
							"distance": 200
						},
						"push": {
							"particles_nb": 4
						},
						"remove": {
							"particles_nb": 2
						}
					}
				},
				"retina_detect": true,
				"config_demo": {
					"hide_card": false,
					"background_color": "#b61924",
					"background_image": "",
					"background_position": "50% 50%",
					"background_repeat": "no-repeat",
					"background_size": "cover"
				}
			});
			
		}
		
		else if( $(this).hasClass('snow-effect') ){
			
			particlesJS($id, {
				"particles": {
					"number": {
						"value": 50,
						"density": {
							"enable": true,
							"value_area": 800
						}
					},
					"color": {
						"value": "#fff"
					},
					"shape": {
						"type": "circle",
						"stroke": {
							"width": 0,
							"color": "#000000"
						},
						"polygon": {
							"nb_sides": 5
						},
						"image": {
							"src": "img/github.svg",
							"width": 100,
							"height": 100
						}
					},
					"opacity": {
						"value": 0.5,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 1,
							"opacity_min": 0.1,
							"sync": false
						}
					},
					"size": {
						"value": 10,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 40,
							"size_min": 0.1,
							"sync": false
						}
					},
					"line_linked": {
						"enable": false,
						"distance": 500,
						"color": "#ffffff",
						"opacity": 0.4,
						"width": 2
					},
					"move": {
						"enable": true,
						"speed": 6,
						"direction": "bottom",
						"random": false,
						"straight": false,
						"out_mode": "out",
						"bounce": false,
						"attract": {
							"enable": false,
							"rotateX": 600,
							"rotateY": 1200
						}
					}
				},
				"interactivity": {
					"detect_on": "canvas",
					"events": {
						"onhover": {
							"enable": true,
							"mode": "bubble"
						},
						"onclick": {
							"enable": true,
							"mode": "repulse"
						},
						"resize": true
					},
					"modes": {
						"grab": {
							"distance": 400,
							"line_linked": {
								"opacity": 0.5
							}
						},
						"bubble": {
							"distance": 400,
							"size": 4,
							"duration": 0.3,
							"opacity": 1,
							"speed": 3
						},
						"repulse": {
							"distance": 200,
							"duration": 0.4
						},
						"push": {
							"particles_nb": 4
						},
						"remove": {
							"particles_nb": 2
						}
					}
				},
				"retina_detect": true
			});
			
		}
		
		else if( $(this).hasClass('galaxy-effect') ){
			
			particlesJS($id, {
				"particles": {
					"number": {
						"value": 160,
						"density": {
							"enable": true,
							"value_area": 800
						}
					},
					"color": {
						"value": "#ffffff"
					},
					"shape": {
						"type": "circle",
						"stroke": {
							"width": 0,
							"color": "#000000"
						},
						"polygon": {
							"nb_sides": 5
						},
						"image": {
							"src": "img/github.svg",
							"width": 100,
							"height": 100
						}
					},
					"opacity": {
						"value": 1,
						"random": true,
						"anim": {
							"enable": true,
							"speed": 1,
							"opacity_min": 0,
							"sync": false
						}
					},
					"size": {
						"value": 3,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 4,
							"size_min": 0.3,
							"sync": false
						}
					},
					"line_linked": {
						"enable": false,
						"distance": 150,
						"color": "#ffffff",
						"opacity": 0.4,
						"width": 1
					},
					"move": {
						"enable": true,
						"speed": 1,
						"direction": "none",
						"random": true,
						"straight": false,
						"out_mode": "out",
						"bounce": false,
						"attract": {
							"enable": false,
							"rotateX": 600,
							"rotateY": 600
						}
					}
				},
				"interactivity": {
					"detect_on": "canvas",
					"events": {
						"onhover": {
							"enable": true,
							"mode": "bubble"
						},
						"onclick": {
							"enable": true,
							"mode": "repulse"
						},
						"resize": true
					},
					"modes": {
						"grab": {
							"distance": 400,
							"line_linked": {
								"opacity": 1
							}
						},
						"bubble": {
							"distance": 250,
							"size": 0,
							"duration": 2,
							"opacity": 0,
							"speed": 3
						},
						"repulse": {
							"distance": 400,
							"duration": 0.4
						},
						"push": {
							"particles_nb": 4
						},
						"remove": {
							"particles_nb": 2
						}
					}
				},
				"retina_detect": true
			});
			
		}
		
		else if( $(this).hasClass('bubble-effect') ){
			
			particlesJS($id, {
				"particles": {
					"number": {
						"value": 6,
						"density": {
							"enable": true,
							"value_area": 800
						}
					},
					"color": {
						"value": "#fff"
					},
					"shape": {
						"type": "circle",
						"stroke": {
							"width": 0,
							"color": "#000"
						},
						"polygon": {
							"nb_sides": 6
						},
						"image": {
							"src": "img/github.svg",
							"width": 100,
							"height": 100
						}
					},
					"opacity": {
						"value": 0.05,
						"random": true,
						"anim": {
							"enable": false,
							"speed": 1,
							"opacity_min": 0.1,
							"sync": false
						}
					},
					"size": {
						"value": 160,
						"random": false,
						"anim": {
							"enable": true,
							"speed": 10,
							"size_min": 40,
							"sync": false
						}
					},
					"line_linked": {
						"enable": false,
						"distance": 200,
						"color": "#ffffff",
						"opacity": 1,
						"width": 2
					},
					"move": {
						"enable": true,
						"speed": 8,
						"direction": "none",
						"random": false,
						"straight": false,
						"out_mode": "out",
						"bounce": false,
						"attract": {
							"enable": false,
							"rotateX": 600,
							"rotateY": 1200
						}
					}
				},
				"interactivity": {
					"detect_on": "canvas",
					"events": {
						"onhover": {
							"enable": false,
							"mode": "grab"
						},
						"onclick": {
							"enable": false,
							"mode": "push"
						},
						"resize": true
					},
					"modes": {
						"grab": {
							"distance": 400,
							"line_linked": {
								"opacity": 1
							}
						},
						"bubble": {
							"distance": 400,
							"size": 40,
							"duration": 2,
							"opacity": 8,
							"speed": 3
						},
						"repulse": {
							"distance": 200,
							"duration": 0.4
						},
						"push": {
							"particles_nb": 4
						},
						"remove": {
							"particles_nb": 2
						}
					}
				},
				"retina_detect": true
			});
			
		}
		
	});

});


// === window When Loading === //

$(window).on("load",function (){

    var wind = $(window);

/* ----------------------------------------------------------------
                [ Preloader ]
-----------------------------------------------------------------*/    

    $(".loading").addClass("loading-end").fadeOut(1000);


/* ----------------------------------------------------------------
                [ stellar ( Parallax ) ]
-----------------------------------------------------------------*/

	wind.stellar({ horizontalScrolling: false });


/* ----------------------------------------------------------------
                [ isotope Portfolio ( Masonery Style ) ]
-----------------------------------------------------------------*/
	
	$('.works').each(function(){

		var initialFilter = $(this).find('.filtering span.active').attr('data-filter');
		
		$(this).find('.gallery').isotope({
			itemSelector: '.items',
			filter: initialFilter,
			isOriginLeft: false
		});

		var $gallery = $(this).find('.gallery').isotope({
			filter: initialFilter,
			isOriginLeft: false
		});

		// filter items on button click
		$(this).find('.filtering').on( 'click', 'span', function() {

			var filterValue = $(this).attr('data-filter');

			$gallery.isotope({
				filter: filterValue,
				isOriginLeft: false
			});

			$(this).addClass('active').siblings().removeClass('active');

		});
	});
    

/* ----------------------------------------------------------------
                [ validator ]
-----------------------------------------------------------------*/

	$.fn.validator.Constructor.FOCUS_OFFSET = $('nav.navbar').height() + 30;

	$('.contact-form .wpcf7-validates-as-required').attr('required', 'required');
	
    $('.contact-form').validator();
    $('#comment-form').validator();

});


// submenu position
function submenuPosition() {

    var $submenu = $(".navbar-nav .sub-menu");

    $submenu.each(function(){

        $(this).removeClass('submenu-other-side');

        if( window.innerWidth >= 992 ){

            var $offset = $(this).offset().left;

            if( $offset < 5 ){
                $(this).addClass('submenu-other-side');
            }
        }

    });
}

$(submenuPosition);
$(window).on('load resize', submenuPosition);


})(jQuery);