//輪播頁碼 不適用loop
function updateIndicator(e){
	let total = e.item.count
	let perPage = e.relatedTarget.settings.slideBy || e.relatedTarget.settings.items
	let totalPages = Math.ceil(total / perPage)

	let lastIndex = e.item.index + e.relatedTarget.settings.items
	let currentPage = Math.ceil(lastIndex / perPage)
	let $nav = $(e.target).closest(".owl-carousel").find(".owl-nav")

	if(currentPage > totalPages) {
		currentPage = totalPages
	}
	if(!$nav.find(".owl-page-indicator").length){
		$('<span class="owl-page-indicator"></span>').insertAfter($nav.find(".owl-prev"))
	}

	$nav.find(".owl-page-indicator").text(currentPage + ' / ' + totalPages)
}
$(function(){
	var _window = $(window);
	var _body = $("body");

	//測試用
	//_body.addClass("theme-reverse")

	/* 回頁首 */
	$('.gotop').on('click',function(){
		$("html,body").animate({scrollTop: 0},300);
	});

	_window.on('scroll', function(event) {
		var scrollTop = _window.scrollTop();
		if(scrollTop>0){
			_body.addClass('is-sticky');
		}else{
			_body.removeClass('is-sticky');
		}
	});

	//判斷menu觸邊
	$(".header-nav.theme-desktop-row .nav-item").hover(function(){
		let _this = $(this)
		let offset = _this.offset()
		let width = _this.outerWidth()
		let screenWidth = $(window).width()

		let leftDistance = offset.left
		let rightDistance = screenWidth - (offset.left + width)

		if(leftDistance < 150){
			_this.addClass("theme-left-edge")
		}else{
			_this.removeClass("theme-left-edge")
		}
		if(rightDistance < 150){
			_this.addClass("theme-right-edge")
		}else{
			_this.removeClass("theme-right-edge")
		}
	})

	//menu開啟
	$(document).on("click", ".header-menu-toggle, .header-nav-closer", function(){
		$("body").toggleClass("menu-open")
	})

	//member-menu
	$(document).on("click", ".func-item.member-item", function(){
		$(this).toggleClass("in-open")
		$(document).on("click.memberItem", function(e){
			if(!$(e.target).closest(".func-item.member-item").length){
				$(".func-item.member-item").removeClass("in-open")
				$(document).off("click.memberItem")
			}
		})
	})

	//子menu
	$(document).on("click", ".subnav-toggle", function(){
		let _this = $(this)
		let parent =  _this.parents(".nav-item")
		parent.toggleClass("in-open")
	})

	//youtube
	$(document).on("click",".video-container", function(){
		let _this = $(this)
		let vid = _this.data("id")

		if(vid){
			let iframe = $('<iframe>', {
				src: 'https://www.youtube.com/embed/' + vid + '?autoplay=1',
				frameborder: 0,
				allow: 'autoplay; encrypted-media',
				allowfullscreen: true,
				width: '100%',
				height: '100%'
			})

			_this.empty().append(iframe)
		}
	})

	//aside展開
	$(document).on("click", ".aside-toggle, .aside-closer", function(){
		$(".article-aside").toggleClass("in-open")
	})

	//列表顯示切換
	$(document).on("click", ".article-control .control-btn", function(){
		let _this = $(this)
		let viewType = _this.data("type")
		let list = $(".article-items-list")
		//移除view-開頭的class
		list.removeClass(function(index, className){
			return (className.match(/\bview-\S+/g) || []).join('')
		})
		list.addClass(viewType)
		$(".article-control .control-btn").removeClass("in-current")
		_this.addClass("in-current")

		var url = new URL(document.URL);
		url.searchParams.set('view',viewType.replace("view-", ""));
		window.location.replace(url);
	})

	//footer進入時隱藏邊線
	if($(".article-aside").length > 0){
		const footerEnter = new IntersectionObserver(function(entries){
			return entries.forEach(function(entry){
				if(entry.isIntersecting){
					$(".aside-deco-line").addClass("theme-bottom")
				}else{
					$(".aside-deco-line").removeClass("theme-bottom")
				}
			})
		},{
			threshold: 0.3
		})
		footerEnter.observe($(".footer-wrapper")[0])
	}
});