// JavaScript Document
var Banneri = 0;
var BannerTime= 3000 ;
var BannerTimer;
var BannerTotal;
var gaintop;
$(function(){
	$("#Banner-bg").append("<div class='box bg-btn'><ul class='btn'></ul></div>");	
	BannerTotal = $("#Banner-bg .pic li").length;
	for(var i = 0; i<BannerTotal;i++){
		$("#Banner-bg .btn").append("<li></li>");
	}
	$("#Banner-bg .btn li").hover(function(){
		BanliShow($(this).index());
	},function(){
		return ;
	})
	BanliShow(Banneri);
	BannerTimer = setTimeout(BanliAuto,BannerTime)
	
});
function BanliAuto(){
	var TemID = Banneri+1;
	TemID = TemID>=(BannerTotal)?0:TemID;	
	BanliShow(TemID);	
	BannerTimer = setTimeout(BanliAuto,BannerTime);
}
function BanliShow(TemID){
	clearTimeout(BannerTimer);
	$("#Banner-bg .pic li").eq(Banneri).css("z-index",2);
	Banneri = TemID;
	$("#Banner-bg .pic li").stop();
	$("#Banner-bg .pic li").eq(Banneri).css("z-index",3);
	$("#Banner-bg .pic li").eq(Banneri).css("opacity",0);	
	$("#Banner-bg .btn li").removeClass('s');
	$("#Banner-bg .btn li").eq(Banneri).addClass('s');
	$("#Banner-bg .pic li").eq(Banneri).animate({opacity: 1}, 800,function(){
		$("#Banner-bg .pic li").each(function(i) {	
			  if( i != Banneri){
				  $("#Banner-bg .pic li").eq(i).css("z-index",1);
				  $("#Banner-bg .pic li").eq(i).css("opacity",0);	
			  }
		  });		
	});	
}