var BannerCarousel = function (){
		var pageSize = 953;
		var currentX = xui.util.Dom.getRegion('banner-contain').x;
		var currentY = xui.util.Dom.getRegion('banner-contain').y;
				
		var anim = new xui.util.Motion('banner-contain',{ 
			points: { to: [-pageSize, currentY] } 
		},0.5);
		var numberBtns = xui.util.Dom.getElementsByClassName('banner-btn','li');
				var numberBtns2 = xui.util.Dom.getElementsByClassName('btn-ico','a');

		var currentPage = 0 ;
		var prePage = 0 ;//֮ǰһҳ
		var maxPage = 3;
		var st ;
		return{	
			init:function(){
				for(var key in numberBtns){	
					if(xui.env.ua.gecko){
						xui.util.Event.on(numberBtns[key], 'mouseover', function() { 
								var btnIndex = arguments[1];				
								BannerCarousel.toPage(btnIndex);
								window.clearInterval(BannerCarousel.getSt());
						},key,true);	
					}else{
						xui.util.Event.on(numberBtns[key], 'mouseenter', function() { 
								var btnIndex = arguments[1];				
								BannerCarousel.toPage(btnIndex);
								window.clearInterval(st);
						},key,true);	
					}
					xui.util.Event.on(numberBtns[key], 'mouseout', function() { 
								st = window.setInterval(BannerCarousel.toNext,4000);
					},key,true);	
				}
				st= window.setInterval(BannerCarousel.toNext,4000);
			},
			toNext:function(){
				prePage = currentPage;
				currentPage ++;
				currentPage = (currentPage>=maxPage)?0: currentPage;
				BannerCarousel.toPage(currentPage);
			},
			toPre:function(){
				prePage = currentPage;
				currentPage --;
				currentPage = (currentPage <=0)?0: currentPage;
				BannerCarousel.toPage(currentPage);
			},
			toPage:function(page){
				currentPage = page;
				var x = -page*pageSize +currentX;
				xui.util.Dom.removeClass(numberBtns[prePage],'current');
				xui.util.Dom.addClass(numberBtns[currentPage],'current');
				anim.attributes.points.to = [x,currentY];
				anim.animate(); 	
				prePage = currentPage;
			},
			getSt:function(){
				return st;
			}
		}
	}();