$(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 = $('.banner-pic-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)
		})
	}

	// ==========================================================
	//	共用廣告輪播
	// ==========================================================
	$(".detail-common-picbox").each(function(){
		let box = $(this)
		if(box.children().length > 1){
			box.owlCarousel({
				loop : true,
				items : 1,
				nav : false,
				navText : ['',''],
				dots:true,
				animateOut:'fadeOut',
				autoplay:true,
				autoplayTimeout:9500,
				autoplayHoverPause: true,
				autoaplaySpeed: 1000,
			});
		}
	})
})