var strhtml = window.location.pathname;
var strhtmlname=strhtml.substring(strhtml.lastindexof("/")+1);
var strhtmlnamew=strhtmlname.indexof('.html');
var strhtmlnamey= strhtmlname.substring(0,strhtmlnamew)
	
console.log(strhtmlnamey);

	$(document).ready(function(){
		$(".navmenu .normal_li").eq(0).removeclass("active");
		$(".ygyd").parent().parent().addclass("active");
		});

var picmidmidul = $(".picmidmid ul");
var newsdetailhtml='';
$(".newsdetaildata img").each(function(index, item){
	newsdetailhtml += '<li><a href="javascript:void(0);"><img text="' + item.title + '" src="' + item.src + '" title="' + $(item).attr('title')  +'"';
	if(item.bigimg){
		newsdetailhtml += 'bigimg="'+ item.bigimg+ '"/>';
		}
		else { 
		newsdetailhtml += 'bigimg="'+ item.src+ '"/>';
		 }
	newsdetailhtml += '</a></li>';//console.log(item.title);
	})
picmidmidul.html(newsdetailhtml);	
//console.log(newsdetailhtml);

$(function() {
	function getimgname(){
                /* 原版使用图片src路径末文件名作为展示名的代码
                 * date: 2024-01-27
		var target = $('#pic1').attr('src').split('/');
		$(".picshowtxt_right").text(target[target.length - 1].split('.')[0]);
                 */
                // 现修改为使用title作为展示名
                var titlecontent = $('#pic1').attr('title');
                console.log("titlecontent ", titlecontent )
                if(titlecontent &&  titlecontent.trim() != "" && titlecontent != "undefined") { // 有title
                    $(".picshowtxt_right").text(titlecontent.trim());
                    console.log("in")
                } else {
                    var target = $('#pic1').attr('src').split('/');
		    $(".picshowtxt_right").text(target[target.length - 1].split('.')[0]);
                    console.log("no in")
                }
	};
	$(".piclistshow li").hover(function() {
		$(this).css("background", "#fafafa")
	},
	function() {
		$(this).css("background", "white")
	});
	$(".piclistshow li").last().css("border-bottom", "none");
	$(".piclistshow li").each(function() {
		var curindex = $(this).index(".piclistshow li") + 1;
		if (curindex % 4 == 0) {
			$(this).css({
				"border-right": "none",
				"width": "251px"
			})
		}
	});
	$(document).keydown(function(event) {
		var key = event.keycode;
		var firstdisplay = $(".firsttop").css("display");
		var enddisplay = $(".endtop").css("display");
		if (firstdisplay == "none" && enddisplay == "none") {
			if (key == 37) {
				preclick()
			} else {
				if (key == 39) {
					nextclick()
				}
			}
		} else {
			if (key == 27) {
				$(".firsttop").css("display", "none");
				$(".bodymodal").css("display", "none");
				$(".endtop").css("display", "none")
			}
		}
	});

	var firstpic = $(".picmidmid ul li").first().find("img");
	var firstsrc = firstpic.attr("bigimg");
	var firsttxt = firstpic.attr("text");
        var firsttitle = firstpic.attr("title");
	$("#pic1").attr("src", firstsrc);
	$("#pic1").attr("title", firsttitle);
	firstpic.addclass("selectpic");
	//$(".picshowtxt_right").text(firsttxt);
	getimgname();
	$("#prearrow").hover(function() {
		$("#prearrow_a").css("display", "block")
	},
	function() {
		$("#prearrow_a").css("display", "block")
	});
	$("#nextarrow").hover(function() {
		$("#nextarrow_a").css("display", "block")
	},
	function() {
		$("#nextarrow_a").css("display", "block")
	});
	var getli = $(".picmidmid ul li");
	$(".picshowtxt_left i").text(getli.length);
	function nextclick() {
		var currrentindex = parsefloat($("#pic1").attr("curindex"));
		var length = getli.length;
		if (currrentindex != (length - 1)) {console.log("1:",currrentindex)
			var curli = getli.eq(currrentindex);
			if (currrentindex > 6) {
				getli.eq(currrentindex - 7).css("display", "none");
				getli.eq(currrentindex + 4).css("display", "block")
			}
			var curnextli = getli.eq(currrentindex + 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
                        var curnexttitle = curnextli.find("img").attr("title");
			curli.find("img").removeclass("selectpic");
			curnextli.find("img").addclass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			$("#pic1").attr("curindex", currrentindex + 1);
			$("#pic1").attr("title", curnexttitle);
			//$(".picshowtxt_right").text(curnexttxt);
			getimgname();
			$(".picshowtxt_left span").text(currrentindex + 2)
		} else {
			console.log("2:",currrentindex)
			$(".bodymodal").css("display", "block");
			$(".endtop").css("display", "block")
		}
	}
	$("#nextarrow_b").click(function() {
		nextclick()
	});
	$("#nextarrow").click(function() {
		nextclick()
	});
	function preclick() {
		var currrentindex = parsefloat($("#pic1").attr("curindex"));
		console.log(currrentindex)
		if (currrentindex != 0) {
			var curli = getli.eq(currrentindex);
			var length = getli.length;
			if (currrentindex <= (length - 8)) {
				//getli.eq(currrentindex + 3).css("display", "none");
				getli.eq(currrentindex - 1).css("display", "block")
			}
			var curnextli = getli.eq(currrentindex - 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
                        var curnexttitle = curnextli.find("img").attr("title");
			curli.find("img").removeclass("selectpic");
			curnextli.find("img").addclass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			//$(".picshowtxt_right").text(curnexttxt);
			getimgname();
			$("#pic1").attr("curindex", currrentindex - 1);
			$("#pic1").attr("title", curnexttitle);
			$(".picshowtxt_left span").text(currrentindex)
		} else {
			$(".bodymodal").css("display", "block");
			$(".firsttop").css("display", "block")
		}
	}
	$("#prearrow_b").click(function() {
		preclick()
	});
	$("#prearrow").click(function() {
		preclick()
	});
	getli.click(function() {
		var currentliindex = $(this).index(".picmidmid ul li");
		$(".picmidmid ul li img[class='selectpic']").removeclass("selectpic");
		var currentli = getli.eq(currentliindex);
		currentli.find("img").addclass("selectpic");
		var bigimgsrc = currentli.find("img").attr("bigimg");
		var curnexttxt = currentli.find("img").attr("text");
                var curnexttitle = currentli.find("img").attr("title");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", currentliindex);
		$("#pic1").attr("title", curnexttitle);
		//$(".picshowtxt_right").text(curnexttxt);
		getimgname();
		$(".picshowtxt_left span").text(currentliindex + 1)
	});
	$(".piclistshow li").click(function() {
		var curli = $(this).index(".piclistshow li");
		//showgaoqing();
		$(".picmidmid ul li img[class='selectpic']").removeclass("selectpic");
		var currentli = getli.eq(curli);
		currentli.find("img").addclass("selectpic");
		var bigimgsrc = currentli.find("img").attr("bigimg");
		var curnexttxt = currentli.find("img").attr("text");
                var curnexttitle = currentli.find("img").attr("title");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", curli);
		$("#pic1").attr("title", curnexttitle);
		//$(".picshowtxt_right").text(curnexttxt);
		getimgname();
		$(".picshowtxt_left span").text(curli + 1);
		$(".picmidmid li").css("display", "block");
		if (curli >= 5) {
			var cha = curli - 5;
			for (var i = 0; i <= cha; i++) {
				getli.eq(i).css("display", "none")
			}
		}
	});
	setblock();
	function setblock() {
		var left = $(window).width() / 2 - 300;
		$(".firsttop").css("left", left);
		$(".endtop").css("left", left)
	}
	$(window).resize(function() {
		setblock()
	});
	$(".closebtn1").click(function() {
		$(".firsttop").css("display", "none");
		$(".bodymodal").css("display", "none")
	});
	$(".closebtn2").click(function() {
		$(".endtop").css("display", "none");
		$(".bodymodal").css("display", "none")
	});
	$(".replaybtn1").click(function() {
		$(".firsttop").css("display", "none");
		$(".bodymodal").css("display", "none")
	});
	$(".replaybtn2").click(function() {
		$(".endtop").css("display", "none");
		$(".bodymodal").css("display", "none");
		$(".picmidmid ul li").css("display", "block");
		$(".picmidmid ul li img[class='selectpic']").removeclass("selectpic");
		$(".picmidmid ul li").eq(0).find("img").addclass("selectpic");
		var bigimgsrc = $(".picmidmid ul li").eq(0).find("img").attr("bigimg");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", 0);
		console.log("fd");
		$(".picshowtxt_left span").text('1')
	});
	$(".list").click(function() {
		$(".picshow").css("display", "none");
		$(".piclistshow").css("display", "block");
		$(".source_right").css("display", "none");
		$(".source_right1").css("display", "block")
	});
	/*$(".gaoqing").click(function() {
		showgaoqing();
	});
	function showgaoqing() {
		$(".picshow").css("display", "block");
		$(".piclistshow").css("display", "none");
		$(".source_right").css("display", "block");
		$(".source_right1").css("display", "none")
	}*/
	$(".rank ul").first().css("display", "block");
	$(".ranknext").click(function() {
		var showindex = $(this).attr("show");
		var show = parseint(showindex) + 1;
		var length = $(".rank ul").length;
		if (show < length) {
			$(".rank ul").eq(showindex).css("display", "none");
			$(".rank ul").eq(show).css("display", "block");
			$(this).attr("show", show);
			$(".rank ul").eq(show).find("img").lazyload()
		} else {
			$(".rank ul").css("display", "none");
			$(".rank ul").first().css("display", "block");
			$(this).attr("show", 0);
			$(".rank ul").first().find("img").lazyload()
		}
	});
	$(".tuijian").click(function() {
		var showindex = $(this).attr("show");
		var show = parseint(showindex) + 1;
		var length = $(".rank1 ul").length;
		if (show < length) {
			$(".rank1 ul").eq(showindex).css("display", "none");
			$(".rank1 ul").eq(show).css("display", "block");
			$(this).attr("show", show)
		} else {
			$(".rank1 ul").css("display", "none");
			$(".rank1 ul").first().css("display", "block");
			$(this).attr("show", 0)
		}
	});
});