$(function(){
	const owlObj = {
		dots: false,
		nav: true,
		navText: ['', ''],
		responsive: {
			0: {
				margin: 20,
				items: 2,
			},
			576: {
				margin: 20,
				items: 3,
			},
			768: {
				margin: 20,
				items: 4,
			},
			1200: {
				margin: 30,
				items: 4,
			},
		},
	}

	$('.article-slide').owlCarousel(owlObj)

	let asideStep = ''
	$(window).on('resize', function(e) {
		e.preventDefault()

		if($(this).width() >= 992 && asideStep !== 'desktop') {
			asideStep = 'desktop'

			$('.article-list').each(function(i, ele) {
				if($(ele).data('owl.carousel')) {
					$(ele).data('owl.carousel').destroy()
				}
			})
		} else if($(this).width() < 992 && asideStep !== 'mobile') {
			asideStep = 'mobile'

			$('.article-list').owlCarousel(owlObj)
		}
	}).trigger('resize')
	
	let smallAd = $('.adpic-list')
	function smallAdCarousel(carousel){
		if($(window).width() < 992){
			carousel.owlCarousel({
				dots: true,
				nav: false,
				navText: ['', ''],
				items: 1
			})
		}else{
			carousel.trigger('destroy.owl.carousel')
		}
	}
	if(smallAd.find('.item').length > 1){
		smallAdCarousel(smallAd)
		$(window).on('resize', function(){
			smallAdCarousel(smallAd)
		})
	}
})