$(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);
	for (var i = 0; i < listn; i++) {
		$(".banner li").eq(i).css('z-index', i+1);
		$(".banner .btns").append('<span class="span'+i+' fl"><i></i></span>');
	};
	$(".banner .btns span").eq(0).addclass("cur");
	
	var media = document.getelementbyid("i-ban-video");
	var vidnum = $(".banner li.video").index();
	if (vidnum == 0 && $(window).width() >= 1050) {
		media.play();
	};
	// if ($(window).width() >= 1050) {
	// 	media.play();
	// }

	// 执行效果
	var sw = 0;
	$(".banner li").eq(0).css('left', '0');
	sw = 1;
	$(".banner li").eq(0).addclass('active');
	fullvideo($(".i-ban"), $(".i-ban .video-sign"));


	$(".banner .btns span").on('click', function() {
		sw = $(this).index();
		myshow(sw);
	});
	function myshow(i){
		var media = document.getelementbyid("i-ban-video");
		var vidnum = $(".banner li.video").index();
		if ($(".banner li.video").length > 0) {
			if (i == vidnum && $(window).width() >= 1050) {
				media.play();
			}else{
				media.pause();
			}
		};
		for (var a = i; a < listn; a++) {
			$(".banner li").eq(a).css('opacity', '1');
			$(".banner li").eq(a).stop().animate({left: "100%"},600,"easeinoutquad");
		};
		// $(".banner .btns span").eq(i).addclass("cur").siblings("span").removeclass("cur");
		
		$(".banner li").eq(i).stop().animate({left: '0'},600,"easeinoutquad",function(){
			$(".banner li").stop().removeclass('active');
			$(".banner li").eq(i).stop().addclass('active');
		});
		// var lis = $(".banner li").eq(i).siblings();
		// lis.stop().fadeout(1000);
		if (i == 0) {
			$(".banner .btns span i").stop().attr("style","");
			$(".banner .btns span").eq(i).children('i').stop().animate({width: '100%'}, 8999, "linear");
		}else{
			$(".banner .btns span").eq(i).children('i').stop().animate({width: '100%'}, 8999, "linear");
		}
		for (var a = 0; a < i; a++) {
			// $(".banner li").eq(a).stop().animate({left: -100},1000,"easeinoutquad");
			$(".banner .btns span").eq(a).children('i').stop().width("100%");
		};
	}
	// 滑入停止动画，滑出开始动画
	// $(".banner").hover(function(){
	// 	if(mytime){
	// 	   clearinterval(mytime);
	// 	}
	// },function(){
	// 	clearinterval(mytime);
	// 	mytime = setinterval(function(){
	// 		myshow(sw);
	// 		sw++;
	// 		if(sw == listn){
	// 			sw = 0;
	// 		}
	// 	}, 9000);
	// });
	$(".banner .btns span").eq(0).children('i').stop().animate({width: '100%'}, 9000, "linear");
	//自动开始, 创建定时器
	var mytime = setinterval(function(){
		myshow(sw);
		sw++;
		if(sw == listn){
			sw = 0;
		}
	}, 9000);
}
function fullvideo(box, obj){
	obj.eq(0).stop().fadein(1000)
	function resizebg() {
		obj.removeclass("w-f").removeclass("h-f").css("margin", 0)
		var boxr = $(window).width() / ($(window).height()-100),
			objr = obj.width() / obj.height();
		if( objr < boxr ) {
		    obj.addclass('w-f').css("margin-top", -(obj.height() - ($(window).height()-100)) / 2);
		}else{
		    obj.addclass('h-f').css("margin-left", -(obj.width() - $(window).width()) / 2);
		}
	}
	$(window).resize(resizebg).trigger("resize");
}