$(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.attr("style","background:url("+src+") no-repeat center");
			n -- ;
			if(n == 0){
				banner();
			}
		    return;
		}
		$(img).load(function(){
			_this.attr("style","background:url("+src+") no-repeat center");
			n -- ;
			if(n == 0){
				banner();
			}
		});
	})
})
function banner(){
	//初始化banner样式
	var listn = $(".banner li").length;
	$(".loader").stop().fadeout(1000);
	$(".banner li").eq(0).fadein(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).fadein(1000).siblings().stop(true,true).fadeout(1000);
	}
	// 滑入停止动画，滑出开始动画
	$(".banner").hover(function(){
		if(mytime){
		   clearinterval(mytime);
		}
	},function(){
		clearinterval(mytime);
		mytime = setinterval(function(){
			myshow(sw);
			sw++;
			if(sw == listn){sw = 0;}
		}, 5000);
	});
	// 自动开始, 创建定时器
	var mytime = setinterval(function(){
		myshow(sw);
		sw++;
		if(sw == listn){sw = 0;}
	}, 5000);
}