// 过滤模块
function filterTemplateToCols(type) {
	var windowWidth = document.documentElement.clientWidth;
	var pcw = 1196;
	var mw = 827;
	if(type == "max3"){
		if( windowWidth <= mw ) return 1;
		if( windowWidth <= pcw ) return 2;
		return 3;
	}else if(type == "max6"){
		if( windowWidth <= mw ) return 3;
		if( windowWidth <= pcw ) return 4;
		return 6;
	}else{
		if( windowWidth <= mw ) return 1;
		if( windowWidth <= pcw ) return 2;
		return 2;
	}
}

// 获取banner配置
function getBannerConfig(type, parentClass){
	var windowWidth = document.documentElement.clientWidth;
	return {
		noSwiping: windowWidth > 1196 ? true : false,
		slidesPerView: filterTemplateToCols(type), // 每次滚动显示3个slides
		slidesPerGroup: 1, // 每次滚动移动1个slide
		spaceBetween: 20, // 每个slide之间的距离
		navigation: {
			nextEl: parentClass + ' .swiper-button-next',
			prevEl: parentClass + ' .swiper-button-prev',
		}
	};
}
function hoverText(){
	//
	$('.hover_text_tips').on("mouseenter","li",function(){
		// 获取鼠标悬停时元素的坐标
		var offset = $(this).offset();
		var tips = $(this).data("tips");
		var width = parseInt($(this).width());
		var height = parseInt($(this).height()) + 10;
		var maxWidth = width + "px";
		// 输出坐标
		if(tips) {
			$(this).append(`<div class='triangle_template' style="top: ${height}px;width: ${maxWidth}">${tips}</div>`);
		}
	});
	$('.hover_text_tips').on("mouseleave","li",function(){
		$(".triangle_template").remove();
	})
}
function showBgModel(){
	$(".common_bg_template").toggleClass("active");
}
// 
function initMethod(){}
// 公用事件
initMethod.prototype.common = function() {
	if ($('.common_bg_template').length <= 0) {
		$("body").append(`<div class="common_bg_template"></div>`);
	}
	// 搜索事件
	$(".mobile_search").click(function(){
	});
	// 
	if($(".gallery_main").length > 0){
		// banner
		var gallery_main = new Swiper('.gallery_main',{
			preventClicks: false,
			autoplay: false,
		})
		$(".realtion_main .realtion_main_list").hover(function(){
			var index = $(this).index();
			gallery_main.autoplay.stop();
			gallery_main.slideTo(index,1000,false);
			$(this).addClass("active").siblings().removeClass("active");
		},function(){
		})
		window.addEventListener('resize', function() {
			// 当窗口大小变化时，更新Swiper的布局
			gallery_main.update();
		});
	}
	$(".language_select_box p.text").click(function(e){
		e.preventDefault();
		$(".language_select_box").toggleClass("active");
	});
	$(".language_close").click(function(e){
		e.preventDefault();
		$(".language_select_box").removeClass("active");
	});
	// 
	$(".common_bg_template").click(function(){
		showBgModel();
		$(".nav_menu_item").removeClass("active");
		$(".language_select_box").removeClass("active");
		$(".mobile_menu_icon").removeClass("active");
	});
	
	document.addEventListener('click', function(event) {
		let popup = document.getElementById("language_select_box");
		if(document.documentElement.clientWidth > 827){
			// 检查点击事件的目标是否为弹窗及其子元素之外
			if (popup && event.target !== popup && !popup.contains(event.target)) {
				$(".language_select_box").removeClass("active");
			}
		}
	});
	// 显示隐藏菜单
	$(".mobile_menu_icon").click(function(){
		// 如果打开了背景
		if($(".common_bg_template").attr("class").indexOf("active") > -1){
			// 如果不是自己
			if($(this).attr("class").indexOf("active") < 0) return;
			showBgModel();
			$(this).removeClass("active");
			$(".nav_menu_item").removeClass("active");
		}else{
			showBgModel();
			$(this).toggleClass("active");
			$(".nav_menu_item").toggleClass("active");
		}
		
	});
	
	
	// 折叠展开菜单
	$(".nav_menu_item").on("click",".drop_menu_arrow_icon",function(){
		$(this).parent().toggleClass("active").siblings().removeClass("active");
	});
	
	// 动态添加img样式 处理文章页和下载图片问题
	const imgHtmlClass = ["detail_html","article_html"];
	if (!imgHtmlClass.includes($('body').attr("class"))) {
		$("body").before(`<style>img{width:100%;height:100%;}</style>`);
	}
}

// 首页
initMethod.prototype.index = function(){
	this.common();
}

// 游戏分类
initMethod.prototype.gamecate = function(){
	this.common();
	var $title = $(".cate_box .right_box .title_template .title");
	$title.click(function(){
		var top = $(".header_template").height();
		var router = $(".router_template").innerHeight();
		var windowWidth = document.documentElement.clientWidth;
		showBgModel();
		$(this).toggleClass("active");
		$(".cate_box .left_box").toggleClass("fixed");
		$(".cate_box .right_box .title_template").toggleClass("fixed");
		$(".game_cate_html").toggleClass("fixed");
		if(windowWidth <= 827){
			$(".cate_box .left_box").css({"top":(top + router)+"px"});
			$(".cate_box .right_box .title_template").css({"top":(top + router)+"px"});
		}
	});
	// 
	$(".common_bg_template").click(function(){
		$(".cate_box .right_box .title_template .title").removeClass("active");
		$(".cate_box .left_box").removeClass("fixed");
		$(".cate_box .right_box .title_template").removeClass("fixed");
		$(".game_cate_html").removeClass("fixed");
	});
	
}
initMethod.prototype.detail = function(){
	this.common();
}

initMethod.prototype.download = function(){
	this.common();
	var max2 = "max2";
	var zt_banner = new Swiper('#zt_banner', getBannerConfig(max2, ".zt_box"));
	window.addEventListener('resize', function() {
		zt_banner.params.slidesPerView = filterTemplateToCols(max2);
	});
	if($('.sm_content').children().length < 10 ){
		$('.sm_content').addClass("active");
		$(".show_more_sm").hide();
	}
	
	// 说明，其他版本
	$(".show_more_sm").click(function(){
		var className = $(this).prev().attr("class");
		if(className.indexOf("active") > -1) {
			$(this).text($(this).data("more"));
		}else{
			$(this).text($(this).data("less"));
		}
		$(this).prev().toggleClass("active");
	})
	
	var pmjt_swiper = new Swiper('#yl_banner',{
		slidesPerView: 'auto', // 每次滚动移动1个slide
		spaceBetween: 20, // 每个slide之间的距离
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		}
	});
}

initMethod.prototype.version = function(){
	this.common();
	$(".more_version_btn").click(function(){
		var className = $(this).prev().attr("class");
		if(className && className.indexOf("active") > -1) {
			$(this).text($(this).data("more"));
		}else{
			$(this).text($(this).data("less"));
		}
		$(this).prev().toggleClass("active");
	})
}

 var $footer = $(".footer_template");
 $footer.after("<div id='location_ele'></div>");
 initMethod.prototype.footerPosition = function(){
     var screenH = $(window).height();
     var footerT = $("#location_ele").offset().top;
     if(footerT < screenH){
         $footer.addClass("sticky");
     }else{
         $footer.removeClass("sticky");
     }
 }


var commonMethod = new initMethod();

commonMethod.footerPosition();