/**
 * 
 *
 * This file contains all template JS functions
 *
 * @package Church 
--------------------------------------------------------------
                   Contents
--------------------------------------------------------------

 * 01 - Navbar Fixed Top
 * 02 - Owl Carousel
          - Home Slider    
          - Who We Are Slider 
          - Pastor Slider    
          - Quote Slider
          - Supporter Slider
          - Event Slider           
          - Event Two Slider
          - Testimonial Slider
          - About Slider
          - Speaker Slider
          - Priest Two Slider
          - Ministry Slider
          - Blog Slider
          - Trending Sermons Slider 
 * 03 - Video Play  
 * 04 - Smooth Scroll
 * 05 - Mailchimp Form
 * 06 - Popup Dialog
 * 07 - Navigation
 * 08 - Event Countdown 
 * 09 - Gallery Filter
 * 10 - Price Slider / Filter
 * 11 - Search
 * 12 - Video Popup 
 * 13 - Audio Popup 
 * 14 - Preloader

--------------------------------------------------------------*/
(function($) {
  "use strict";

  var $window = $( window )
  var navfix = $( '.navbar-fixed-top' )
  var videoitem = $( '.video-item' )
  var cmgcountdown = $( '.coming-countdown' )
  var fltrimages = $( '.filter-images' )
  var videos = $( '.videos' )
  var images = $( '.images' )
  var fltrvideos = $( '.filter-videos' )
  
  var central = $('.central')
  var elguarco = $('.elguarco')
  var ujarras = $('.ujarras')
  var irazu = $('.irazu')
  
  var fltrcentral = $( '.filter-central' )
  var fltrelguarco = $( '.filter-elguarco' )
  var fltrujarras = $( '.filter-ujarras' )
  var fltrirazu = $( '.filter-irazu' )
  
  var fltrdtl = $( '.filter-dtl li a' )
  var fltrall = $( '.filter-all' )
  var amount = $( '#amount' )
  var sliderrange = $( '#slider-range' )
  var search = $( '.search' )
  var mplayer = $( '.mPlayer' )
  var mplayerdiv = $( '.mPlayer DIV' )

// Navbar Fixed Top
    $window.scroll(function() {
      if ($(".nav-bar").offset().top > 50) {
        navfix.addClass("top-nav-collapse");
      } else {
        navfix.removeClass("top-nav-collapse");
      }
    }); 

// Owl Carousel 
  // Home Slider    
    $("#home-slider").owlCarousel({
      loop: true,
      items: 1,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: true,
      touchDrag: true,
      mouseDrag: true,
      margin: 0,
      autoplay: true,
      slideSpeed: 600,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
        },
        600: {
            items: 1,
            nav: false,
            dots: false,
        },
        768: {
            items: 1,
            nav: false,
        },
        1100: {
            items: 1,
            nav: false,
        }
      }
    });
  
  // Who We Are Slider   
    $('#who-slider').on('initialized.owl.carousel changed.owl.carousel', function(e) {
      if (!e.namespace) return
      var carousel = e.relatedTarget
      $('#who-count').text(carousel.relative(carousel.current()) + 1 + '/' + carousel.items().length)
      }).owlCarousel({
      loop: true,
      items: 1,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,     
      autoHeight: true,
      touchDrag: true,
      mouseDrag: true,
      autoplay: true,
      slideSpeed: 3000,
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
        },
        600: {
            items: 1,
            nav: false,
            dots: false,
        },
        768: {
            items: 1,
            nav: false,
        },
        1100: {
            items: 1,
            nav: false,
        }
      }
    });    

  // Pastor Slider 
      $("#pastor-slider").owlCarousel({
      loop: true,
      items: 1,
      dots: true,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: true,
      touchDrag: true,
      mouseDrag: true,
      autoplay: true,
      slideSpeed: 600,
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: true,
        },
        600: {
            items: 1,
            nav: false,
            dots: true,
        },
        768: {
            items: 1,
            nav: false,
        },
        1100: {
            items: 1,
            nav: false,
        }
      }
    }); 
  // Quote Slider 
    $("#quote-slider").owlCarousel({
      loop: true,
      items: 1,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: true,
      touchDrag: true,
      mouseDrag: true,
      autoplay: true,
      slideSpeed: 600,
      responsive: {
        0: {
            items: 1       
        },
        600: {
            items: 1
        },
        768: {
            items: 1
        },
        1100: {
            items: 1
        }
      }
    });  

  // Supporter Slider    
    $("#supporter-slider").owlCarousel({
      loop: true,
      items: 4,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 30,
      autoplay: true,
      slideSpeed: 300,
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
        },
        600: {
            items: 2,
            nav: false,
            dots: false,
        },
        768: {
            items: 2,
            nav: false,
        },
        992: {
            items: 3,
            nav: false,
        },
        1100: {
            items: 4,
            nav: false,
        }
      }
    });

  // Event Slider 
    $("#event-slider").owlCarousel({
      loop: true,
      items: 3,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 30,
      autoplay: true,
      slideSpeed: 300,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
        },
        600: {
            items: 1,
            nav: false,
            dots: false,
        },
        768: {
            items: 2,
            nav: true,
        },
        1100: {
            items: 3,
            nav: true,
        }
      }
    });

  // Event Two Slider 
    $("#event-slider-two").owlCarousel({
      loop: true,
      items: 1,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false
        },
        600: {
            items: 1,
            nav: false
        },
        768: {
            items: 1,
            nav: true
        },
        1100: {
            items: 1,
            nav: true
        }
      }
    });

  // Testimonial Slider 
    $("#testimonial-slider").owlCarousel({
      loop: true,
      items: 3,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 2000,
      autoHeight: true,
      touchDrag: true,      
      margin: 30,
      mouseDrag: true,
      autoplay: true,
      slideSpeed: 600,
      responsive: {
        0: {
            items: 1
        },
        600: {
            items: 2
        },
        768: {
            items: 2
        },
        1100: {
            items: 3
        }
      }
    }); 

    // About Slider 
    $("#abt-slider").owlCarousel({
      loop: true,
      items: 4,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 30,
      autoplay: true,
      stopOnHover:true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 2,
            nav: false,
            dots: false
        },
        600: {
            items: 2,
            nav: false,
            dots: false
        },
        768: {
            items: 3,
            nav: true
        },
        1100: {
            items: 4,
            nav: true
        }
      }
    });

  // Speaker Slider 
    $("#speaker-slider").owlCarousel({
      loop: true,
      items: 5,
      dots: false,
      nav: false,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 11,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1
        },
        600: {
            items: 2
        },
        768: {
            items: 3
        },
        1100: {
            items: 5
        }
      }
    });

  // Priest Two Slider 
    $("#priest-slider-two").owlCarousel({
      loop: true,
      items: 3,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 30,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false
        },
        600: {
            items: 2,
            nav: false,
            dots: false
        },
        768: {
            items: 3,
            nav: true
        },
        1100: {
            items: 3,
            nav: true
        }
      }
    });

  // Ministry Slider 
    $("#ministry-slider").owlCarousel({
      loop: true,
      items: 2,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 400,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
            slideBy: 1
        },
        600: {
            items: 1,
            nav: false,
            dots: false
        },
        768: {
            items: 2,
            nav: true,
            margin: 50,
            slideBy: 2
        },
        1100: {
            items: 2,
            nav: true,
            slideBy: 2
        }
      }
    });
    
  // Blog Slider 
    $("#blog-slider").owlCarousel({
      loop: true,
      items: 2,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 200,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false,
            slideBy: 1
        },
        600: {
            items: 1,
            nav: false,
            dots: false
        },
        768: {
            items: 2,
            nav: true,
            margin: 50,
            slideBy: 2
        },
        1100: {
            items: 2,
            nav: true,
            slideBy: 2
        }
      }
    });
    
    // Trending Sermons Slider 
    $("#trending-sermons-slider").owlCarousel({
      loop: true,
      items: 2,
      dots: false,
      nav: true,
      autoplayTimeout: 5000,
      smartSpeed: 300,
      autoHeight: false,
      touchDrag: true,
      mouseDrag: true,
      margin: 30,
      autoplay: true,
      navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
      responsive: {
        0: {
            items: 1,
            nav: false,
            dots: false
        },
        600: {
            items: 1,
            nav: false,
            dots: false
        },
        787: {
            items: 1,
            nav: true
        },
        1100: {
            items: 2,
            nav: true
        }
      }
    });

//Video Play     
  $('.btn-video-play').on('click',function() {
    videoitem + $('.video-preview').append(video_url);
    $(this).hide();
  });     
  $('.btn-video-play-two').on('click',function() {
    videoitem + $('.video-preview-two').append(video_url);
    $(this).hide();
  }); 

// Smooth Scroll
  smoothScroll.init();
    
// Mailchimp Form
  $('#subscribe-form').ajaxChimp({      
      url: 'http://blahblah.us1.list-manage.com/subscribe/post?u=5afsdhfuhdsiufdba6f8802&id=4djhfdsh99f'
  });

// Popup Dialog
  $(function() {
    $('.portfolio-popup2').magnificPopup({
      delegate: '.portfolio-img a',
      type: 'image',    
      tLoading: 'Loading image #%curr%...',
      mainClass: 'mfp-img-mobile',    
      gallery: {
        enabled: true,
        navigateByImgClick: true,
        preload: [0,1] 
      },
      image: {
        tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
        titleSrc: function(item) {
          return item.el.attr('title') + '<small>by Church</small>';
        }
      }
    });
  });

// Navigation 
  $("#cssmenu").menumaker({
    title: "Menu",
    format: "multitoggle"
  });

// Event Countdown 
  if(cmgcountdown.length){ 

    (cmgcountdown).each(function() {

    var $this = $(this), finalDate = $(this).data('countdown');
    $this.countdown(finalDate, function(event) {
      var $this = $(this).html(event.strftime('' + '<div class="counter-col"><span class="count-dtl count-days">%D </span></div> ' + '<div class="counter-col"><span class="count-dtl count-hours">%H</span></div>  ' + '<div class="counter-col"><span class="count-dtl count-minutes">%M</span></div>  ' + '<div class="counter-col"><span class="count-dtl count-seconds">%S</span></div>'));
    });
   });
  }

// Gallery Filter
  $(function(){
    fltrimages.on("click",function(){
      videos.fadeOut(400);
      images.fadeIn(400);        
      $(".filter-dtl li a").removeClass("active");
      fltrimages.addClass("active");
    });
    fltrvideos.on("click",function(){
      images.fadeOut(400);
      videos.fadeIn(400);
      fltrdtl.removeClass("active");
      fltrvideos.addClass("active");
    });
	
	fltrirazu.on("click",function(){
	  central.fadeOut(400);
	  elguarco.fadeOut(400);
	  ujarras.fadeOut(400);
	  
      irazu.fadeIn(400);
	  
      fltrdtl.removeClass("active");
      fltrvideos.addClass("active");
    });
	
	fltrujarras.on("click",function(){
	  central.fadeOut(400);
	  elguarco.fadeOut(400);
	  irazu.fadeOut(400);
	  
      ujarras.fadeIn(400);
	  
      fltrdtl.removeClass("active");
      fltrvideos.addClass("active");
    });
	
	fltrelguarco.on("click",function(){
	  central.fadeOut(400);
	  ujarras.fadeOut(400);
	  irazu.fadeOut(400);
	  
      elguarco.fadeIn(400);
	  
      fltrdtl.removeClass("active");
      fltrvideos.addClass("active");
    });
	
	fltrcentral.on("click",function(){
	  elguarco.fadeOut(400);
	  ujarras.fadeOut(400);
	  irazu.fadeOut(400);
	  
      central.fadeIn(400);
	  
      fltrdtl.removeClass("active");
      fltrvideos.addClass("active");
    });
	
	
	
    fltrall.on("click",function(){
		
	  elguarco.fadeIn(400);
	  ujarras.fadeIn(400);
	  irazu.fadeIn(400);
      central.fadeIn(400);
		
      images.fadeIn(400);
      videos.fadeIn(400);
      fltrdtl.removeClass("active");
      fltrall.addClass("active");
    });   
  });

// Price Slider / Filter
  sliderrange.slider({
    range: true,
    min: 0,
    max: 1000,
    values: [ 0, 450 ],
    slide: function( event, ui ) {
      amount.val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
    }
  });
  amount.val( "$" + sliderrange.slider( "values", 0 ) +
      " - $" + sliderrange.slider( "values", 1 ) );

// Search
  $('.search-icon').on('click', function (e) {
    e.preventDefault();
    search.addClass('active');
  });

  $('.search-close').on('click', function (e) {
    e.preventDefault();
    search.removeClass('active');
  });

// Video & Audio Popup 
  $(function() {
    $('.popup-video, .popup-audio').magnificPopup({
      disableOn: 700,
      type: 'iframe',
      mainClass: 'mfp-fade',
      removalDelay: 160,
      preloader: false,
      fixedContentPos: false
    });
  });

// Preloader   
  $window.on('load', function(){ 
    $('.status').fadeOut();
    $('.preloader').delay(350).fadeOut('slow'); 
  });

})(jQuery);