function isTouchDevice() {
	try {
		//We try to create touch event. It would fail for desktops and throw an error.
		document.createEvent("TouchEvent");
		return true;
	} catch (e) {
		return false;
	}
}

(function($){
    (isTouchDevice()) ? $('html').addClass('touchdevice') : $('html').addClass('nottouchdevice');

    $('#topbar__openmenu').on('click', function() {
        $('body').addClass('menuopened');
    });
    $('#bgnavmobile, #navmobile__close').on('click', function() {
        $('body').removeClass('menuopened');
    });

    /*if($('.hasSlick').length > 0) {
        $('.hasSlick').slick({
            dots: true,
            arrows: false,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 5000,
            pauseOnHover: false,
            fade: true
        });
    }*/

    $('.hasSlick').each(function() {
        $(this).slick({
            dots: false,
            arrows: true,
            infinite: true,
            speed: 300,
            slidesToShow: 1,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 5000,
            pauseOnHover: false,
            fade: true,
            prevArrow: '<div class="custom_arrow custom_arrow--prev"><div></div></div>',
            nextArrow: '<div class="custom_arrow custom_arrow--next"><div></div></div>'
        });
    });

    $(window).on('scroll', function() {
        ($(document).scrollTop() > 100) ? $('body').addClass('scrolledbody') : $('body').removeClass('scrolledbody');
    });

    Fancybox.bind('.chambres__diapo__img', {
        // Your custom options for a specific gallery
        Thumbs: false,
        Toolbar: {
            display: {
              left: ["infobar"],
              middle: [],
              right: ["close"],
            },
        },
        Carousel: {
            Navigation: {
                prevTpl: '<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"></path></svg></div>',
                nextTpl: '<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"></path></svg></div>'
            }
        },
        tpl: {
            main: `<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1">
  <div class="fancybox__backdrop fancybox__backdrop__chambres"></div>
  <div class="fancybox__carousel fancybox__carousel__chambres"></div>
  <div class="fancybox__footer"></div>
</div>`
        },
        idle: false
    });

 })(jQuery);