$(function() {
	$(".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")
			}
		}
	});
	/*
	本代码由素材家园收集并编辑整理;
	尊重他人劳动成果;
	转载请保留素材家园链接 - www.sucaijiayuan.com
	*/
	var firstpic = $(".picmidmid ul li").first().find("img");
	var firstsrc = firstpic.attr("bigimg");
	var firsttxt = firstpic.attr("text");
	$("#pic1").attr("src", firstsrc);
	firstpic.addClass("selectpic");
	$(".picshowtxt_right").text(firsttxt);
	$("#preArrow").hover(function() {
		$("#preArrow_A").css("display", "block")
	},
	function() {
		$("#preArrow_A").css("display", "none")
	});
	$("#nextArrow").hover(function() {
		$("#nextArrow_A").css("display", "block")
	},
	function() {
		$("#nextArrow_A").css("display", "none")
	});
	var getli = $(".picmidmid ul li");
	function nextclick() {
		var currrentindex = parseFloat($("#pic1").attr("curindex"));
		var length = getli.length;
		if (currrentindex != (length - 1)) {
			var curli = getli.eq(currrentindex);
			if (currrentindex > 3) {
				getli.eq(currrentindex - 4).css("display", "none");
				getli.eq(currrentindex + 1).css("width", '105px').css("display", "block")
			}
			var curnextli = getli.eq(currrentindex + 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
			curli.find("img").removeClass("selectpic");
			curnextli.find("img").addClass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			$("#pic1").attr("curindex", currrentindex + 1);
			$(".picshowtxt_right").text(curnexttxt);
			$(".picshowtxt_left span").text(currrentindex + 2)
		} else {
			$(".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"));
		if (currrentindex != 0) {
			var curli = getli.eq(currrentindex);
			var length = getli.length;
			if (currrentindex <= (length - 5)) {
				getli.eq(currrentindex + 4).css("display", "none");
				getli.eq(currrentindex - 1).css("width", "116px").css("display", "block")
			}
			var curnextli = getli.eq(currrentindex - 1);
			var curnextsrc = curnextli.find("img").attr("bigimg");
			var curnexttxt = curnextli.find("img").attr("text");
			curli.find("img").removeClass("selectpic");
			curnextli.find("img").addClass("selectpic");
			$("#pic1").attr("src", curnextsrc);
			$(".picshowtxt_right").text(curnexttxt);
			$("#pic1").attr("curindex", currrentindex - 1);
			$(".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");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", currentliindex);
		$(".picshowtxt_right").text(curnexttxt);
		$(".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");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", curli);
		$(".picshowtxt_right").text(curnexttxt);
		$(".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");
		$(".detail_picbot_mid ul li img[class='selectpic']").removeClass("selectpic");
		$(".detail_picbot_mid ul li").eq(0).find("img").addClass("selectpic");
		var bigimgsrc = $(".detail_picbot_mid ul li").eq(0).find("img").attr("bigimg");
		$("#pic1").attr("src", bigimgsrc);
		$("#pic1").attr("curindex", 0)
	});
	$(".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)
		}
	});
});