// jquery.fn.loadimage=function(scaling,obj){
// 	var n = obj.length;
// 	return this.each(function(){
// 		var $t = $(this);
// 		var src = $(this).find("img").attr("src");
// 		var img = new image();
// 		img.src = src;
// 		//处理ff下会自动读取缓存图片
// 		if(img.complete || img.width){
// 			n -- ;
// 			if(n == 0){
// 				banner();
// 			}
// 		    return;
// 		}
// 		$(img).load(function(){
// 			$t.find("img").attr("src",src);
// 			n -- ;
// 			if(n == 0){
// 				banner();
// 			}
// 		});
// 	});
// }
function banner(){
	//初始化banner样式
	$(".banner").css("background","none");

	var listn = $(".banner > ul > li").length;
	$(".banner > ul > li").eq(0).fadein(300);

	for(i=0;i<listn;i++){
		$(".btnbox").append('<span class="span'+i+' png"></span>');
	}
	$(".btnbox").css("margin-left",-$(".btnbox").width()/2);
	$(".banner .btnbox span").eq(0).addclass("on");

	//执行效果
	var sw = 1;
	$(".banner .btnbox span").mouseover(function(){
		sw = $(".btnbox span").index(this);
		myshow(sw);
	});
	function myshow(i){
		$(".banner .btnbox span").eq(i).addclass("on").siblings("span").removeclass("on");
		$(".banner > ul > li").eq(i).stop().fadein(300).siblings().stop().fadeout(300);
	}

	$(".banner-btnbox .up").click(function(){
        var n=$(".btnbox span.on").index();
        if ( n == 0){
            n = $(".btnbox span").length-1
        }else{
            n--
        }
        myshow(n)
    });

    $(".banner-btnbox .down").click(function(){
        var n=$(".btnbox span.on").index();
        if (n == $(".btnbox span").length-1) {
            n =0
        }else{
            n++
        };
        myshow(n)
    });
	//滑入停止动画，滑出开始动画
	$(".banner").hover(function(){
		if(mytime){
		   clearinterval(mytime);
		}
	},function(){
		clearinterval(mytime);
		mytime = setinterval(function(){
		  myshow(sw);
		  sw++;
		  if(sw==listn){sw=0;}
		} , 3000);
	});
	//自动开始
	var mytime = setinterval(function(){
	   myshow(sw);
	   sw++;
	   if(sw==listn){sw=0;}
	} , 3000);
}

$(function(){
	banner()
	// $(".banner > ul > li").loadimage(true,$(".banner > ul > li"));
})