/*
** HOME CENTER MODE SLIDER ***
*/

(function($) {
    jQuery(document).ready(function($){

      $('.home-center-mode-slider').slick({
        dots: true,
        arrows: true,
        infinite: true,
        centerMode: true,
  //      adaptiveHeight: true,
        centerPadding: '30px',
        slidesToShow: 3,
        autoplay: false,
        prevArrow: $('#hp-center-left-arrow'),
        nextArrow: $('#hp-center-right-arrow'),
   		appendDots: '#hp-center-nav',
        customPaging: function(slider, i) {
          return '<div class="slider-icons" aria-hidden="true"></div>';
      },
      responsive: [{
            breakpoint: 768,
            settings: {
              slidesToShow: 1
            }
      
          }]
      });
//$('.home-center-mode-slider').on('breakpoint', function(e){
// moveHomeArrows();
//});
      // createArrows();
    //   moveHomeArrows();
      // $(window).on('reload', createArrows);
//      $(window).on('reload', moveArrows);
//      var resizeTimer;
//      
//      $(window).on('resize', function(e) {
//      
//        clearTimeout(resizeTimer);
//        resizeTimer = setTimeout(moveArrows, 100);
//      
//      });

      // function createArrows() {
      //   var prevArrowLi = document.createElement("LI");
      //   prevArrowLi.classList.add("prev-li");
      //   document.querySelector(".slick-dots").prepend(prevArrowLi);

      //   var nextArrowLi = document.createElement("LI");
      //   nextArrowLi.classList.add("next-li");
      //   document.querySelector(".slick-dots").appendChild(nextArrowLi);
      // }

//      function moveHomeArrows() {
        // var prev = document.querySelector(".slider-nav .prev");
        // document.querySelector(".slider-nav .slick-dots").prepend(prev);
        // var next = document.querySelector(".slider-nav .next");
        // document.querySelector(".slider-nav .slick-dots").appendChild(next);

        // var verticalCaptionPrev = document.querySelector(".vertical-caption-slider-nav .prev");
        // document.querySelector(".vertical-caption-slider-nav .slick-dots").prepend(verticalCaptionPrev);
        // var verticalCaptionNext = document.querySelector(".vertical-caption-slider-nav .next");
        // document.querySelector(".vertical-caption-slider-nav .slick-dots").appendChild(verticalCaptionNext);

//        var centerModePrev = document.querySelector(".home-center-mode-slider-nav .prev");
//        document.querySelector(".home-nav-wrapper2").prepend(centerModePrev);
//        var centerModeNext = document.querySelector(".home-center-mode-slider-nav .next");
//        document.querySelector(".home-nav-wrapper2").appendChild(centerModeNext);
//
//      }

		
		
$('.slickwrapper').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    lazyLoad: 'ondemand',
	arrows:true,
	prevArrow: $('#hp-news-left-arrow'), 
	nextArrow: $('#hp-news-right-arrow'), 
    dots: false,
        customPaging: function(slider, i) {
          return '<div class="slider-icons" aria-hidden="true"></div>';
      },	
        responsive: [{
            breakpoint: 768,
            settings: {
              slidesToShow: 1,
				arrows:true,
				dots:true,
				prevArrow: $('#hp-news-left-arrow'), 
				nextArrow: $('#hp-news-right-arrow'),  
				appendDots: '#hp-news-nav'

            }
      
          }]

});		


      $('.gallery-component').slick({
        autoplay: true,
        autoplaySpeed: 10000,
        speed:800,
        mobileFirst: false,
        slidesToShow: 1,
        slidesToScroll: 1,
        adaptiveHeight: true,
        lazyLoad: 'ondemand',
        responsive: [
          {
            breakpoint: 768,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              autoplay: true
            }
          },
          {
            breakpoint: 1200,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1,
              autoplay: false
            }
          }
        ],
        pauseOnFocus: true,
        dots: true,
        pauseOnDotsHover: false,
        cssEase: 'linear',
        draggable: false,
        prevArrow:  $('#caption-left-arrow'),
        nextArrow:  $('#caption-right-arrow'),
        appendDots:  '#caption-nav', 
        customPaging: function(slider, i) {
            return '<div class="slider-icons" aria-hidden="true"></div>';
        }
      });		
		
//**news and highlights slider**//		
		
$(".news-flipster").flipster({
    start: 0,
    // ['center'|number]
    // Zero based index of the starting item, or use 'center' to start in the middle

	fadeIn: 400,
    // [milliseconds]
    // Speed of the fade in animation after items have been setup

    loop: true,
    // [true|false]
    // Loop around when the start or end is reached

    autoplay: false,
    // [false|milliseconds]
    // If a positive number, Flipster will automatically advance to next item after that number of milliseconds

    style: 'flat',
    // [coverflow|carousel|flat|...]
    // Adds a class (e.g. flipster--coverflow) to the flipster element to switch between display styles
    // Create your own theme in CSS and use this setting to have Flipster add the custom class

    spacing: -0.6,
    // [number]
    // Space between items relative to each item's width. 0 for no spacing, negative values to overlap

    click: true,
    // [true|false]
    // Clicking an item switches to that item

    keyboard: true,
    // [true|false]
    // Enable left/right arrow navigation

    scrollwheel: false,
    // [true|false]
    // Enable mousewheel/trackpad navigation; up/left = previous, down/right = next

    touch: true,
    // [true|false]
    // Enable swipe navigation for touch devices

    nav: 'after',
    // [true|false|'before'|'after']
    // If not false, Flipster will build an unordered list of the items
    // Values true or 'before' will insert the navigation before the items, 'after' will append the navigation after the items

    buttons: true,
    // [true|false|'custom']
    // If true, Flipster will insert Previous / Next buttons with SVG arrows
    // If 'custom', Flipster will not insert the arrows and will instead use the values of `buttonPrev` and `buttonNext`

    buttonPrev: 'Previous',
    // [text|html]
    // Changes the text for the Previous button

    buttonNext: 'Next',
    // [text|html]
    // Changes the text for the Next button

    onItemSwitch: false
    // [function]
    // Callback function when items are switched
    // Arguments received: [currentItem, previousItem]
});
	
    }); //document.ready
    
  })(jQuery);



/*
*** HOME JS ***
*/

// (function($) {
//   jQuery(document).ready(function($){

//     $('.home-gallery-component').slick({
//         centerMode: true,
//         autoplay: false,
//         mobileFirst: true,
//         slidesToShow: 1,
//         //slidesToScroll: 1,
//         infinite: true,
//         adaptiveHeight: true,
//         responsive: [
//         {
//           breakpoint: 768,
//           settings: {
//             slidesToShow: 1,
//           // slidesToScroll: 1,
//             autoplay: false
//           }
//         },
//         {
//           breakpoint: 992,
//           settings: {
//             slidesToShow: 1,
//           // slidesToScroll: 1,
//             autoplay: false
//           }
//         }
//       ],
//         pauseOnFocus: true,
//         dots: false,
//         pauseOnDotsHover: false,
//         cssEase: 'linear',
//         draggable: false,
//         prevArrow: '<span class="prev fa fa-angle-left"></span>',
//         nextArrow: '<span class="next fa fa-angle-right"></span>',
//         customPaging: function(slider, i) {
//             return '<div class="slider-icons" aria-hidden="true"></div>';
//         }
//       });

//       $('.home-gallery-component').slickLightbox({
//         itemSelector: 'a',
//         navigateByKeyboard: true,
//         lazy: true,
//         caption: 'caption',
//         useHistoryApi: 'true',
//         background: 'rgba(0, 0, 0, 1)',
//         slick : function ($e) {

//           $e.find('.slick-lightbox-slick-iframe').each(function () {
//             $(this)
//               .attr('data-src', $(this).attr('src'))
//               .attr('src', '')
//           })

//           function clearIframe (slick, index) {
//             var $iframe = $(slick.$slides.get(index)).find('.slick-lightbox-slick-iframe')
//             if ($iframe.length) {
//               setTimeout(function () {
//                 $iframe.attr('src', '')
//               }, slick.options.speed)
//             }
//           }

//           function loadIframe (slick, index) {
//             var $iframe = $(slick.$slides.get(index)).find('.slick-lightbox-slick-iframe')
//             if ($iframe.length) $iframe.attr('src', $iframe.attr('data-src'))
//           }

//           /**
//            * Return slick instance
//            */
//           return $e.find('.slick-lightbox-slick')
//             .on('init', function (event, slick) {
//               loadIframe(slick, slick.currentSlide)
//             })
//             .on('beforeChange', function (event, slick, currentSlide, nextSlide) {
//               clearIframe(slick, currentSlide)
//               loadIframe(slick, nextSlide)
//             })
//             .slick()
//         }
//       });

//       function homeSlider() {
        
//                     var mySwiper = new Swiper ('.swiper-container', {
//                         // Optional parameters
//                         // effect: 'coverflow',
//                         grabCursor: true,
//                         // centeredSlides: 'true',
//                         // slidesPerView: 3,
//                         // // loop: 'infinite',
//                         // initialSlide: 1,
//                         // spaceBetween: -250,
//                         breakpoints: {
//                           // when window width is <= 320px
//                           320: {
//                             slidesPerView: 1,
//                             spaceBetween: 0,
//                             initialSlide: 0
//                           },
//                           // when window width is <= 480px
//                           480: {
//                             slidesPerView: 1,
//                             spaceBetween: 0
//                           },
//                           // when window width is <= 640px
//                           993: {
//                             slidesPerView: 3,
//                             // spaceBetween: -250,
//                             initialSlide: 1
//                           }
//                         },
//                         keyboard: {
//                             enabled: true,
//                           },
//                         coverflowEffect: {
//                             rotate : 0,
//                             stretch : 100,
//                             slidesPerColumnFill: 'column',
//                             depth: 50,
//                             modifier: 5,
//                             slideShadows : false,
//                             },
//                         pagination: {
//                           el: '.swiper-pagination',
//                         },
                    
//                         // Navigation arrows
//                         navigation: {
//                           nextEl: '.swiper-button-next',
//                           prevEl: '.swiper-button-prev',
//                         },
//                     });
        
//                     function mobileViewUpdate() {
//                         var viewportWidth = $(window).width();
//                         if (viewportWidth <= 992) {
//                             $(".swiper-container").removeClass("swiper-container-coverflow swiper-container-3d");
//                             mySwiper.params.spaceBetween= 0,
//                             mySwiper.params.slidesPerView = 1,
//                             mySwiper.params.initialSlide = 0,
//                             mySwiper.params.centeredSlides = 'false',
//                             mySwiper.params.effect = 'slide',
//                             console.log("mobile slider");
//                         } else if (viewportWidth >= 1200) {
//                             $(".swiper-container").addClass("swiper-container-coverflow swiper-container-3d");
//                             mySwiper.params.slidesPerView = 3,
//                             mySwiper.params.initialSlide = 1,
//                             mySwiper.params.spaceBetween= -250,
//                             mySwiper.params.centeredSlides = 'true',
//                             // mySwiper.params.slidesOffsetBefore = -1000,
//                             // mySwiper.params.slidesOffsetAfter = -1000,
//                             mySwiper.params.effect = 'coverflow'
//                             console.log("desktop slider");
//                         }
//                     }
        
//                     function hideCaption() {
        
//                         // var sliderSlide = $('.swiper-wrapper').find('.swiper-slide');
                
//                         if($('.swiper-slide').hasClass('.swiper-slide-active')) {
//                             // $('p').detach();
//                             console.log("active slide");
//                         }
//                         // } else if ($(sliderSlide).hasClass('.swiper-slide-active')) {
//                         //     // $('p').appendTo( ".slider-slide" );
//                         //     console.log("active slide");
//                         // }
        
//                     }
        
//                     // hideCaption();
                    
//                     $(window).on('load', mobileViewUpdate);
//                     $(window).on('resize', mobileViewUpdate);
        
//                 }
        
//                 homeSlider();
//                 $(window).on( 'load', homeSlider);
//                 $(window).on( 'resize', homeSlider);
// }); //document.ready

// })(jQuery);