$(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")
			}
		}
	});

	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", "90px").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", "90px").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)
		}
	});
	
	
	$.post("/newsimg/bothImages.php",{"name":name,"kind":kind},function(data){
		data = JSON.parse(data);
		front = "https://img.8bo8.com/newsimg/dir/";
		
		
		year = data.pre.date.substr(0,4);
		url =  front + year + "/" + data.pre.kind + "/" + data.pre.name + ".jpg";
		href = "/newsimg/" + year + "/" + data.pre.kind + "/slide_" + data.pre.name + ".htm";
		title = "<span>" + data.pre.title + "</span>";
		
		$(".preimage").attr("src",url);
		$(".prehref").attr("href",href);
		$(".prehref").append(title);
		
		
		year= data.next.date.substr(0,4);
		url =  front + year + "/" + data.next.kind + "/" + data.next.name + ".jpg";
		href = "/newsimg/" + year + "/" + data.next.kind + "/slide_" + data.next.name + ".htm";
		title = "<span>" + data.next.title + "</span>";
		
		$(".nextimage").attr("src",url);
		$(".nexthref").attr("href",href);
		$(".nexthref").append(title);
		
		html='';
		for(i=0; i<3; i++){
			year = data[i].date.substr(0,4);
			url=front + year + "/" + data[i].kind + '/' + data[i].name + '.jpg';
			href='/newsimg/' + year + "/" + data[i].kind +'/slide_'+ data[i].name +'.htm';
			html += '<li><a href="'+ href +'" target="_blank"><img src="'+ url +'" /><span>'+ data[i].title +'</span></a></li>';
		}
		html = '<ul>' + html + '</ul>';
		$(".picthree").html(html);
/*		
		$(".picshowlist_left").css({"width":"168","margin-right":"-65px"});
		$(".picshowlist_left img").css("width",163);
		$(".picshowlist_left span").css("width",159);
		
		$(".picshowlist_right").css({"width":"168","margin-left":"-65px"});
		$(".picshowlist_right img").css("width",163);
		$(".picshowlist_right span").css("width",159);
		
		$(".picfive li").css({"width":"168","margin-right":"19px"});
		$(".picfive img").css("width",163);
		$(".picfive span").css("width",159);
*/	
		
		
	});
	
});