$(function(){
	var n = $(".banner li").length
	$(".banner li").each(function(){
		var _this = $(this),
			src = _this.attr("data-img"),
			img = new Image();
		img.src = src;
		//澶勭悊ff涓嬩細鑷姩璇诲彇缂撳瓨鍥剧墖
		if(img.complete || img.width){
			_this.find("img").attr("src",src);
			n -- ;
			if(n == 0){
				banner();
			}
		    return;
		}
		$(img).load(function(){
			_this.find("img").attr("src",src);
			n -- ;
			if(n == 0){
				banner();
			}
		});
	})
})
function banner(){
	//鍒濆鍖朾anner鏍峰紡
	var listN = $(".banner li").length;
	$(".loader").stop().fadeOut(1000);
	$(".banner li").eq(0).addClass("int").animate({"opacity":"1"},1000);
	$(".banner li").eq(0).find('h2').stop(true,true).animate({top:0},1000);
	$(".banner li").eq(0).find('h3').stop(true,true).animate({top:0},1000);
	$(".banner li").eq(0).find('p').stop(true,true).animate({top:0},1000);
	$(".banner li").eq(0).find('.more-box').stop(true,true).animate({top:0},1000);
	for (var i = 0; i < listN; i++) {
		$(".banner .btns").append('<span class="span'+i+' fl"></span>');
	};
	$(".banner .btns").css("margin-left",-$(".btns").width()/2);
	$(".banner .btns span").eq(0).addClass("cur");
	

	// 鎵ц鏁堟灉
	var sw = 1;
	$(".banner .btns span").mouseover(function(){
		sw = $(this).index();
		myShow(sw);
	});
	function myShow(i){
		$(".banner .btns span").eq(i).addClass("cur").siblings("span").removeClass("cur");
		$(".banner li").eq(i).stop(true,true).addClass("int").animate({"opacity":"1"},1000).siblings().stop(true,true).removeClass("int").animate({"opacity":"0"},1000);
		$(".banner li").eq(i).find('h2').stop(true,true).animate({top:0},1000);
		$(".banner li").eq(i).siblings().find('h2').stop(true,true).animate({top:-81},0);
		$(".banner li").eq(i).find('h3').stop(true,true).animate({top:0},1000);
		$(".banner li").eq(i).siblings().find('h3').stop(true,true).animate({top:-88},0);
		$(".banner li").eq(i).find('p').stop(true,true).animate({top:0},1000);
		$(".banner li").eq(i).siblings().find('p').stop(true,true).animate({top:-40},0);
		$(".banner li").eq(i).find('.more-box').stop(true,true).animate({top:0},1000);
		$(".banner li").eq(i).siblings().find('.more-box').stop(true,true).animate({top:44},0);
	}
	// 婊戝叆鍋滄鍔ㄧ敾锛屾粦鍑哄紑濮嬪姩鐢
	$(".banner").hover(function(){
		if(myTime){
		   clearInterval(myTime);
		}
	},function(){
		clearInterval(myTime);
		myTime = setInterval(function(){
			myShow(sw);
			sw++;
			if(sw == listN){sw = 0;}
		}, 4000);
	});
	// 鑷姩寮€濮? 鍒涘缓瀹氭椂鍣
	var myTime = setInterval(function(){
		myShow(sw);
		sw++;
		if(sw == listN){sw = 0;}
	}, 4000);
}