$('a[href^="#"]').click(function(){
    //スクロールのスピード
    var speed = 500;
    //リンク元を取得
    var href= $(this).attr("href");
    //リンク先を取得
    var target = $(href == "#" || href == "" ? 'html' : href);
    //リンク先までの距離を取得
    var position = target.offset().top;
    //スムーススクロール
    $("html, body").animate({scrollTop:position}, speed, "swing");
    return false;
});
window.addEventListener("scroll", function () {
    var header = document.querySelector("header");
    header.classList.toggle("scroll", window.scrollY > 70);
});

$(function() {
    $('#lightgallery').lightGallery({
        thumbnail:true
    });

    $('.hero-slick').slick({
        autoplay: true,
        autoplaySpeed: 2500,
        speed: 800,
        dots: false,
        arrows: true,
        centerMode: true,
        variableWidth: true,
        centerPadding: '25%',
        responsive: [{
            breakpoint: 1000,
            settings: {
                variableWidth: false,
                centerPadding: '5%',
            }
        }]
    });

    // 車両ギャラリー
    $('.dtlGallery-slick').slick({
        autoplay: true,
        autoplaySpeed: 2500,
        dots: false,
        arrows: true,
        infinite: true,
        speed: 300,
        centerMode: true,
        variableWidth: true,
        slidesToShow: 3
    });

    // 人気動画
    $('.popVideo-slick').slick({
        autoplay: true,
        autoplaySpeed: 2500,
        dots: false,
        arrows: true,
        infinite: true,
        speed: 300,
        centerMode: true,
        variableWidth: true,
        slidesToShow: 3
    });

    // 車両画像スライド
    var slider = "#dtlCar-list";
    var thumbnailItem = "#dtlCar-thumb .thumbnail-item";

    $(thumbnailItem).each(function(){
        var index = $(thumbnailItem).index(this);
        $(this).attr("data-index",index);
    });

    $(slider).on('init',function(slick){
        var index = $(".slide-item.slick-slide.slick-current").attr("data-slick-index");
        $(thumbnailItem+'[data-index="'+index+'"]').addClass("thumbnail-current");
    });

    $(slider).slick({
        autoplay: true,
        arrows: false,
        fade: true,
        infinite: false
    });

    $(thumbnailItem).on('click',function(){
        var index = $(this).attr("data-index");
        $(slider).slick("slickGoTo",index,false);
    });

    $(slider).on('beforeChange',function(event,slick, currentSlide,nextSlide){
        $(thumbnailItem).each(function(){
            $(this).removeClass("thumbnail-current");
        });
        $(thumbnailItem+'[data-index="'+nextSlide+'"]').addClass("thumbnail-current");
    });
});