//定时器返回值
var time=null;
//记录当前位子
var neximg = 0;
//用于获取轮播图图片个数
var imglength = $(".c-banner .banner ul li").length;
//当时动态数据的时候使用,上面那个删除
// var imglength =0;
//设置底部第一个按钮样式
$(".c-banner .jumpbtn ul li[jumpimg="+neximg+"]").css("background-color","black");

//页面加载
$(document).ready(function(){
	// dynamicdata();
	//启动定时器,设置时间为3秒一次
	time =setinterval(intervalimg,8000);
});

//点击上一张
$(".preimg").click(function(){
	//清楚定时器
	clearinterval(time);
	var nowimg = neximg;
	neximg = neximg-1;
	console.log(neximg);
	if(neximg<0){
		neximg=imglength-1;
	}
	//底部按钮样式设置
	$(".c-banner .jumpbtn ul li").css("background-color","white");
	$(".c-banner .jumpbtn ul li[jumpimg="+neximg+"]").css("background-color","black");
	
	//将当前图片试用绝对定位,下一张图片试用相对定位
	$(".c-banner .banner ul img").eq(nowimg).css("position","absolute");
	$(".c-banner .banner ul img").eq(neximg).css("position","relative");
	
	//轮播淡入淡出
	$(".c-banner .banner ul li").eq(neximg).css("display","block");
	$(".c-banner .banner ul li").eq(neximg).stop().animate({"opacity":1},1000);
	$(".c-banner .banner ul li").eq(nowimg).stop().animate({"opacity":0},1000,function(){
		$(".c-banner ul li").eq(nowimg).css("display","none");
	});
	
	//启动定时器,设置时间为3秒一次
	time =setinterval(intervalimg,3000);
})



//点击下一张
$(".neximg").click(function(){
	clearinterval(time);
	intervalimg();
	time =setinterval(intervalimg,3000);
})

//轮播图
function intervalimg(){
	if(neximg<imglength-1){
		neximg++;
	}else{
		neximg=0;
	}
	
	//将当前图片试用绝对定位,下一张图片试用相对定位
	$(".c-banner .banner ul img").eq(neximg-1).css("position","absolute");
	$(".c-banner .banner ul img").eq(neximg).css("position","relative");
	
	$(".c-banner .banner ul li").eq(neximg).css("display","block");
	$(".c-banner .banner ul li").eq(neximg).stop().animate({"opacity":1},1000);
	$(".c-banner .banner ul li").eq(neximg-1).stop().animate({"opacity":0},1000,function(){
		$(".c-banner .banner ul li").eq(neximg-1).css("display","none");
	});
	$(".c-banner .jumpbtn ul li").css("background-color","white");
	$(".c-banner .jumpbtn ul li[jumpimg="+neximg+"]").css("background-color","black");
}

//轮播图底下按钮
//动态数据加载的试用应放在请求成功后执行该代码,否则按钮无法使用
$(".c-banner .jumpbtn ul li").each(function(){
	//为每个按钮定义点击事件
	$(this).click(function(){
		clearinterval(time);
		$(".c-banner .jumpbtn ul li").css("background-color","white");
		jumpimg = $(this).attr("jumpimg");
		if(jumpimg!=neximg){
			var after =$(".c-banner .banner ul li").eq(jumpimg);
			var befor =$(".c-banner .banner ul li").eq(neximg);
			
			//将当前图片试用绝对定位,下一张图片试用相对定位
			$(".c-banner .banner ul img").eq(neximg).css("position","absolute");
			$(".c-banner .banner ul img").eq(jumpimg).css("position","relative");
			
			after.css("display","block");
			after.stop().animate({"opacity":1},1000);
			befor.stop().animate({"opacity":0},1000,function(){
				befor.css("display","none");
			});
			neximg=jumpimg;
		}
		$(this).css("background-color","black");
		time =setinterval(intervalimg,3000);
	});
});