/* Custom JS File */
(function($) {

	"use strict";

	jQuery(document).ready(function() {

    	// Slider JS
    	$('.modern-slider').slick({
            slidesToShow: 1,
    		slidesToScroll: 1,
    		autoplay: false,
			autoplaySpeed: 5000,
			dots: false,
			fade: true,
			prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows: true,
			dots: false,
	      	responsive: [
				{
				  breakpoint: 767,
				  settings: {
				    arrows: false,
				  }
				},
				{
				  breakpoint: 992,
				  settings: {
				    arrows: false,
				  }
				}
			]
    	});

    	// Treding Slider JS
    	$('.trending-news-slider').slick({
            slidesToShow: 1,
    		slidesToScroll: 1,
    		autoplay: true,
			autoplaySpeed: 5000,
			dots: false,
			prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows: true,
    	});

    	// grid Post Slider JS
    	$('.grid__slider__carousel').slick({
            slidesToShow: 4,
    		slidesToScroll: 1,
    		autoplay: false,
			autoplaySpeed: 1000,
			dots: false,
			prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows:true,
			responsive: [
				{
			      breakpoint: 991,
			      settings: {
			        slidesToShow: 2,
			        slidesToScroll: 1,
			      }
			    },
				{
			      breakpoint: 767,
			      settings: {
			        slidesToShow: 2,
			        slidesToScroll: 1,
			      }
			    },
			    {
			      breakpoint: 480,
			      settings: {
			        slidesToShow: 1,
			        slidesToScroll: 1,
			      }
			    }
			]
    	});

    	// Card Post Slider JS
		  $('.marquee-slide').marquee({
		    //duration in milliseconds of the marquee
            speed: 50000,
            //gap in pixels between the tickers
            gap: 0,
            //time in milliseconds before the marquee will start animating
            delayBeforeStart: 0,
            //'left' or 'right'
            //direction: 'left',
            //true or false - should the marquee be duplicated to show an effect of continues flow
            duplicated: true,
            pauseOnHover: true,
            startVisible: true
		});

    	// Treding Slider JS
    	$('#primary .fetured__post__carousel').slick({
            slidesToShow: 3,
    		slidesToScroll: 3,
    		autoplay: true,
    		infinite: true,
			autoplaySpeed: 1000,
			dots: false,
			prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows: true,
			responsive: [
				{
			      breakpoint: 991,
			      settings: {
			        slidesToShow: 1,
			        slidesToScroll: 1,
			      }
			    },
			    {
			      breakpoint: 480,
			      settings: {
			        slidesToShow: 1,
			        slidesToScroll: 1,
			      }
			    }
			]
    	});
    	$('#secondary .fetured__post__carousel, .footer-wrap .fetured__post__carousel, .slider-below-widget-wrapper .fetured__post__carousel').slick({
            slidesToShow: 1,
    		slidesToScroll: 1,
    		prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows: true,
    	});

        // Boxes Section
	    $('.news__highlight').slick({
	        dots: false,
	        autoplay:true,
	        infinite: true,
	        speed: 500,
	        slidesToShow: 2,
	        slidesToScroll: 1,
	        arrows: true,
	        prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
			arrows: true,
	        responsive: [
				{
				  breakpoint: 767,
				  settings: {
				    slidesToShow: 1,
	        		slidesToScroll: 1,
				  }
				},
				{
				  breakpoint: 480,
				  settings: {
				    slidesToShow: 1,
	        		slidesToScroll: 1,
	        		arrows:false,
	        		dots:true
				  }
				}
			]
	    });
		// Initialize gototop for carousel
		if ( $('#toTop').length > 0 ) {
		    // Hide the toTop button when the page loads.
		    $("#toTop").css("display", "none");

		      // This function runs every time the user scrolls the page.
		      $(window).scroll(function(){
		        // Check weather the user has scrolled down (if "scrollTop()"" is more than 0)
		        if($(window).scrollTop() > 0){
		          // If it's more than or equal to 0, show the toTop button.
		          $("#toTop").fadeIn("slow");
		      }
		      else {
		          // If it's less than 0 (at the top), hide the toTop button.
		          $("#toTop").fadeOut("slow");
		      }
		  	});

			// When the user clicks the toTop button, we want the page to scroll to the top.
			jQuery("#toTop").click(function(event){

				// Disable the default behaviour when a user clicks an empty anchor link.
				// (The page jumps to the top instead of // animating)
				event.preventDefault();
				// Animate the scrolling motion.
				jQuery("html, body").animate({
					scrollTop:0
				},"slow");
			});
	  	}		

        //slider widget
	     $('.post-slider-section').slick({
	         dots: false,
	         prevArrow:
			'<button type="button" class="slick-prev"><span class="fa fa-angle-left"></span></button>',
			nextArrow:
			'<button type="button" class="slick-next"><span class="fa fa-angle-right"></span></button>',
	    });

	
		$('#tab_first li').click(function(){
			var tab_id = $(this).attr('data-tab');

			$('#tab_first li').removeClass('current');
			$('.tab-block').removeClass('current');

			$(this).addClass('current');
			$("#"+tab_id).addClass('current');
		})

		$('#tab_second li').click(function(){
			var tab_id = $(this).attr('data-tab');

			$('#tab_second li').removeClass('current');
			$('.tab-block').removeClass('current');

			$(this).addClass('current');
			$("#"+tab_id).addClass('current');
		})

 	}); 
	//Loading
 	$(window).on('load', function(){
        setTimeout(()=>{
            $('.preloader').fadeOut()
        }, 250)
    })	
})(jQuery);