jQuery.fn.LoadImage=function(scaling,obj){
	var n = obj.length;
	return this.each(function(){
		var $t = $(this);
		var src = $(this).attr("data-img");
		var img = new Image();
		img.src = src;
		//澶勭悊ff涓嬩細鑷姩璇诲彇缂撳瓨鍥剧墖
		if(img.complete || img.width){
			n -- ;
			if(n == 0){
				banner();
			}
		    return;
		}
		$(img).load(function(){
			$t.attr("style","background:url("+src+") no-repeat center");
			n -- ;
			if(n == 0){
				banner();
			}
		});
	});
}
function banner(){
	//鍒濆鍖朾anner鏍峰紡
	$(".banner").css("background","none");
	var listN = $(".banner > ul > li").length;
	$(".banner > ul > li").eq(0).fadeIn(1000);
	$(".banner > ul > li").eq(0).addClass("active")
	for(i=0;i<listN;i++){
		$(".banner .btn").append('<span class="span'+i+' fl"></span>');
	}
	$(".banner .btn").css("margin-left",-$(".btn").width()/2);
	$(".banner .btn span").eq(0).addClass("on");
    var video=document.getElementById("video-3");
    
	//鎵ц鏁堟灉
	var sw = 0;
	myShow(sw);
	$(".banner .btn span").mouseover(function(){
		sw = $(".banner .btn span").index(this);
		myShow(sw);
	});
	$(window).resize(function() {
		myShow(sw);
	});
	function myShow(i){
		$(".banner .btn span").eq(i).addClass("on").siblings("span").removeClass("on");
		$(".banner > ul > li").eq(i).stop(true,true).fadeIn(1000).siblings().stop(true,true).fadeOut(1000);
		$(".banner > ul > li").eq(i).stop(true,true).addClass("active").siblings().stop(true,true).removeClass("active");
		var width=$(document).innerWidth();
		if(width>= 768 && $(".banner > ul > li").eq(0).hasClass("active")){
			video.play(); 
		}else{
			video.pause(); 
			video.currentTime = 0;
		}

	}
	//婊戝叆鍋滄鍔ㄧ敾锛屾粦鍑哄紑濮嬪姩鐢
	$(".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);
}
var os = function() {
	var ua = navigator.userAgent,
		isWindowsPhone = /(?:Windows Phone)/.test(ua),
		isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
		isAndroid = /(?:Android)/.test(ua),
		isFireFox = /(?:Firefox)/.test(ua),
		isChrome = /(?:Chrome|CriOS)/.test(ua),
		isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
		isPhone = /(?:iPhone)/.test(ua) && !isTablet,
		isPc = !isPhone && !isAndroid && !isSymbian;
	return {
		isTablet: isTablet,
		isPhone: isPhone,
		isAndroid: isAndroid,
		isPc: isPc
	};
}();
$(function(){
	// $(".banner > ul > li").LoadImage(true,$(".banner > ul > li"));
})