/*--------------------------------------------------
Project:       Bitstream
Version:        1.0
Author:         Company Name
-----------------------------------------------------

    JS INDEX
    ================================================
    * Scrolling tab menu 
	* Main Home Slider
    * Testimonial slider
	* Project Slider
	* Page Loader
	* Scroll To Top 
	* Counter
    * Google-Map
    ================================================*/
(function(jQuery) {
    "use strict";

    /*====================================
       Scrolling tab menu 
    ======================================*/

    var topMenu = jQuery(".nav#top-menu"),
        topMenuHeight = topMenu.outerHeight() + 100;

    // Bind click handler to menu items
    topMenu.on("click", 'a', function(e) {
        var href = jQuery(this).attr("href"),
            offsetTop = href === "#" ? 0 : $(href).offset().top - topMenuHeight + 80;
        jQuery('html, body').stop().animate({
            scrollTop: offsetTop
        }, 300);
        e.preventDefault();
    });

    // Bind to scroll
    jQuery(window).on("scroll", function() {
        // All list items
        var menuItems = topMenu.find("a");

        // Anchors corresponding to menu items
        var scrollItems = menuItems.map(function() {
            var item = jQuery(jQuery(this).attr("href"));
            if (item.length) {
                return item;
            }
        });

        // Get container scroll position
        var fromTop = jQuery(this).scrollTop() + topMenuHeight;

        // Get id of current scroll item
        var cur = scrollItems.map(function() {
            if (jQuery(this).offset().top < fromTop)
                return this;
        });
        // Get the id of the current element
        cur = cur[cur.length - 1];
        var id = cur && cur.length ? cur[0].id : "";

        var lastId;

        if (lastId !== id) {
            lastId = id;
            // Set remove active class
            menuItems
                .parent().removeClass("active")
                .end().filter("[href='#" + id + "']").parent().addClass("active");
        }
    });

    // on scroll fix navbar

    var windows = jQuery(window);
    var sticky = jQuery('.navbar-default')
    windows.on('scroll', function() {
        var scroll = windows.scrollTop();
        if (scroll < 50) {
            sticky.removeClass('h_stiky');
        } else {
            sticky.addClass('h_stiky');
        }
    });

    /*====================================
       Main Home Slider
    ======================================*/
    jQuery('.home-slider').owlCarousel({

        nav: true,
        loop: true,
        slideSpeed: 300,
        paginationSpeed: 400,
        items: 1,
        itemsDesktop: false,
        itemsDesktopSmall: false,
        itemsTablet: false,
        itemsMobile: false
    });

    /*====================================
       Testimonial Slider
    ======================================*/
    jQuery(".testimonial-slider").owlCarousel({
        nav: true,
        slideSpeed: 300,
        loop: true,
        paginationSpeed: 400,
        items: 1,
        itemsDesktop: false,
        itemsDesktopSmall: false,
        itemsTablet: false,
        itemsMobile: false

    });


    /*====================================
		Project Slider
    ======================================*/
	jQuery(document).ready(function(){
  
        var owl_1 = jQuery('#portfolio-owl-1');
        var owl_2 = jQuery('#portfolio-owl-2');
      
        owl_1.owlCarousel({
            loop:true,
            margin:10,
            nav:false,
            items: 1,
            dots: false
        });
      
        owl_2.owlCarousel({
            margin:10,
            nav: true,
            items: 3,
        	autoplayHoverPause: true,
        	animateOut: 'slideOutUp',
        	animateIn: 'slideInUp'
        });
      
        owl_2.find(".item").click(function(){
            var slide_index = owl_2.find(".item").index(this);
            owl_1.trigger('to.owl.carousel',[slide_index,300]);
        });
      
        // Custom Button
        jQuery('.customNextBtn').click(function() {
            owl_1.trigger('next.owl.carousel',500);
        });

        jQuery('.customPreviousBtn').click(function() {
            owl_1.trigger('prev.owl.carousel',500);
        }); 
    });
	
	
	
    /*====================================
		Project Slider
    ======================================*/
    jQuery('.project-slider').owlCarousel({
        loop: true,
		 items: 5,
        margin: 10,
        nav: true,
        responsive: {
            0: {
                items: 1
            },
			
			580: {
                items: 2
            },

			992: {
                items: 3
            },
			
            1200: {
                items: 4
            },
            1400: {
                items: 5
            }
        }
    })


    /*====================================
		About Slider
    ======================================*/
    jQuery('.about-slider').owlCarousel({
        loop: true,
		 items: 4,
        margin: 30,
        nav: true,
        responsive: {
            0: {
                items: 1
            },
			
			380: {
                items: 2
            },
			580: {
                items: 2
            },

			992: {
                items: 3
            },
			
            1200: {
                items: 4
            },
   
        }
    })

    /*====================================
		Page Loader
    =====================================*/
    jQuery('#page-anim-preloader').delay('10').fadeOut(2000);
    setTimeout(page_anim_remove_preloader, '11000');

    function page_anim_remove_preloader() {
        jQuery('#page-anim-preloader').remove();
    }

    /*====================================
		Scroll To Top 
    =====================================*/
    // Scroll to Top =
    jQuery(window).on("scroll", function() {
        if (jQuery(this).scrollTop() >= 50) {
            jQuery('#return-to-top').fadeIn(200);
        } else {
            jQuery('#return-to-top').fadeOut(200);
        }
    });

    jQuery('#return-to-top').on('click', function() {
        jQuery('body,html').animate({
            scrollTop: 0
        }, 500);
    });

    /*====================================
		Counter
    =====================================*/
    jQuery('.counter-number').each(function() {
        jQuery(this).prop('Counter', 0).animate({
            Counter: jQuery(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function(now) {
                jQuery(this).text(Math.ceil(now));
            }
        });
    });

    jQuery(document).ready(function() {
        jQuery(".navbar-nav").accessibleDropDown();
    });

    jQuery.fn.accessibleDropDown = function () {
      var el = jQuery(this);

      /* Make dropdown menus keyboard accessible */

        jQuery("a", el).focus(function() {
            jQuery(this).parents("li").addClass("force-show");
        }).blur(function() {
            jQuery(this).parents("li").removeClass("force-show");
        });
    }

    /*====================================
        Dropdown Click
    ======================================*/
    jQuery('.menu-item-has-children').on('click', function () {
        jQuery('.menu-item-has-children .sub-menu').toggleClass('current');
    });

})(jQuery);

/*====================================
	Google-Map 
=====================================*/

var iconmap = document.querySelectorAll('#map');
var img_src = jQuery("#map").attr('data-icon');

for (var i in iconmap)
    if (iconmap.hasOwnProperty(i)) {

        function initMap() {
            var map = new google.maps.Map(document.getElementById("map"), {
                zoom: 10,
                center: {
                    lat: 40.7819502,
                    lng: -74.7357194
                }
            });
            var map_icon = img_src;
            var marker = new google.maps.Marker({
                position: map.getCenter(),
                icon: map_icon,
                map: map
            });
        }
    }
	
/*====================================
		slider slik new
    =====================================*/
 try{
 jQuery('.verticle-slide').slick({
   slidesToShow: 1,
   arrows: false,
   asNavFor: '.slider-nav',
   vertical: true,
   autoplay: false,
   centerMode: false,
   verticalSwiping: true
 });

 jQuery('.slider-nav').slick({
   slidesToShow: 3,
   asNavFor: '.verticle-slide',
   vertical: true,
   focusOnSelect: true,
   autoplay: false,
   centerMode: false,
   
    responsive: [
    {
      breakpoint: 991,
      settings: {
        arrows: false,
		vertical: false,
        slidesToShow: 3,
      }
    },
    {
      breakpoint: 676,
      settings: {
		arrows: false,
		vertical: false,
        arrows: true,
        slidesToShow: 2,
      }
    }
  ]
   
 });
} catch (e) {}