$(document).ready(function(){

    // $('.eventPic').hover(function(){
    //   let overview = '#' + $(this).attr('id') + 'overview';
    //   var sectionPosition = $('#eventCalendarSection').offset();

  
    //   $(document).bind('mousemove', function(e){
    //     $(overview).css({
    //       left:  e.pageX + 780,
    //       top:   20,
    //     });
    //   });
    //   $(overview).show();
      
    // }, function() {
    //   let overview = '#' + $(this).attr('id') + 'overview';
    //     $(overview).hide();
    //     $(document).unbind('mousemove');
    // });

    $('#upcomingEvents').slick(getSliderSettings());
    $('#allBlogsccc').slick(getblogSliderSettings());

    function getSliderSettings(){
        return {
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            prevArrow:"<button type='button' class='slick-prev pull-left eventSliderButton' ><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
            nextArrow:"<button type='button' class='slick-next pull-right eventSliderButton'><i class='fa fa-angle-right' aria-hidden='true'></i></button>",
            responsive: [
                {
                    breakpoint: 1000,
                    settings: {
                        slidesToShow: 2,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                    }
                }
            ]
        }
    }
    function getblogSliderSettings(){
        return {
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            prevArrow:"<button type='button' class='slick-prev pull-left blogSliderButtonleft' ><i class='fa fa-angle-left' aria-hidden='true'></i></button>",
            nextArrow:"<button type='button' class='slick-next pull-right blogSliderButtonright'><i class='fa fa-angle-right' aria-hidden='true'></i></button>",
            responsive: [
                {
                    breakpoint: 1000,
                    settings: {
                        slidesToShow: 2,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                    }
                }
            ]
        }
    }

});