//campaign slider
if (window.matchMedia( '(min-width: 768px)' ).matches) {
  $('#campaignSlider').slick({
    // variableWidth: true,
    // centerMode: true,
    slidesToShow: 5,
    speed: 700,
    responsive: [{
      breakpoint: 1601,
      settings: {
        slidesToShow: 4
      }
    }, {
      breakpoint: 1501,
      settings: {
        slidesToShow: 3
      }
    }, {
      breakpoint: 1151,
      settings: {
        slidesToShow: 2
      }
    }]
  });
}

$('.campaignList01 a').hover(function() {
  $(this).find('.campaignMore01').show();
}, function() {
  $(this).find('.campaignMore01').hide();
});


//instagram
galleryThumbs = new Swiper('#instaList01', {
  slidesPerColumnFill: 'row',
  slidesPerColumn: 3,
  slidesPerView: 'auto',
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
  freeMode: false
});

SwiperContentCtrl = new Swiper('#instaContentSlider', {
  navigation: {
    prevEl: '.modalPrev',
    nextEl: '.modalNext'
  },
  thumbs: {
    swiper: galleryThumbs
  },
  effect: 'fade',
  fadeEffect: {
    crossFade: true
  }
});

var SwiperContent = new Swiper('.instaSlider01', {
  effect: 'fade',
  fadeEffect: {
    crossFade: true
  },
  pagination: {
    el: '.swiper-pagination',
    type: 'bullets',
    clickable: true
  },
  navigation: {
    prevEl: '.swiper-button-prev',
    nextEl: '.swiper-button-next'
  },
  watchOverflow: true,
  allowTouchMove: false
});

$('.instagramArea01 .instaImg01').hover(function() {
  $(this).children('.caption01').css('opacity', '1');
}, function() {
  $(this).children('.caption01').css('opacity', '0');
});

$('.instagramList01').each(function(i) {
  $(this).find('.instaOpen').attr('data-target','#insta' + (i+1));
});

// $('.modalContent01').each(function(i) {
//   $(this).attr('id','insta' + (i + 1));
//   var instaId = $(this).find('.modalContent01').attr('id');
//   $(this).find('.modalPrev').attr('data-target','#insta' + (i));
//   $(this).find('.modalNext').attr('data-target','#insta' + (i + 2));
// });

$('.instaOpen').on('click', function() {
  posi = $(window).scrollTop();
  $('html').css({
    position: 'fixed',
    top: -1 * posi
  });

  if (window.matchMedia('(max-width: 767px)').matches) {
    setTimeout(function() {
      $('.modalPrev, .modalNext').stop().fadeOut('slow');
    }, 3000);
  } else {
    $('.modalPrev:not(.swiper-button-disabled), .modalNext:not(.swiper-button-disabled)').show();
  }

  $('body').append('<div class="modalOverlay"></div>');
  $('.modalOverlay').fadeIn('slow');

  $('#modal').addClass('on');

  $('.modalClose').off().on('click', function() {
    $('html').attr('style', '').prop({scrollTop: posi});
    $('#modal').removeClass('on');
    $('.modalOverlay').remove();
    if (window.matchMedia('(max-width: 767px)').matches) {
      $('.modalPrev, .modalNext').show();
    } else {
      $('.modalPrev:not(.swiper-button-disabled), .modalNext:not(.swiper-button-disabled)').show();
    }
  });
});