(function (){
	
	var banner = $("._banner");
	var spend = banner.attr('spend');
	var velocity = banner.attr('velocity');
	velocity = Number(velocity);
	var bott = banner.attr('bott');
	var yanse = banner.attr('yanse');
	var size = banner.attr('size').split(",");
	var bannerv = $("._banners");
	var _bt = $("._bt");
	var _bts = _bt.children('img');
	banner.append("<span></span>");
	bannerv.append("<img />");
	var bannervs = $("._banners img");
	var spans = $("._banner span");
	for(var i = 0 ; i < bannervs.length - 1 ; i++ ){
		spans.append("<em></em>");
	}
	var spanse = spans.children('em');
	var ss = Number(size[0]) + Number(size[1]);
	banner.css({"width":"100%","overflow":"hidden","position":"relative"});
	spans.css({"display":"block","height":size[0] + "px","overflow":"hidden","position":"absolute","left":"0","right":"0","bottom":bott,"margin":"auto","width":spanse.length * ss + "px"});
	spanse.css({"dispaly":"block","height":"100%","background":"#fff","float":"left","border-radius":"50%","width":size[0] + "px","margin-right": size[1] + "px","cursor":"pointer"});
	spanse.eq(0).css("background",yanse);
	bannerv.css({"position":"absolute","width": + bannervs.length * 100 + "%","overflow":"hidden"});
	bannervs.css({"float":"left","width": + 100 / bannervs.length + "%","display":"block"});
	_bt.css({"position":"absolute","height":"0","top":"0","bottom":"0","left":"0","right":"0","width":"95%","margin":"auto","cursor":"pointer"});
	_bts.eq(1).css("float","right");
	bannervs.eq(bannervs.length - 1).attr('src',bannervs.eq(0).attr('src'));
	var timer;
	function bb() {
		timer = setInterval( function () {
			if( banner.height() ){
				clearInterval(timer);
			}
			banner.height(bannerv.height());
		},50);
	}
	bb();
	i = 1;
	function roll() {
		if(bannerv.is("animated"))return true;
		if( i > bannervs.length - 1 ){
			i = 1;
			bannerv.animate({left:'0'},0);
		}else if( i <= -1 ){
			i = bannervs.length - 2;
			bannerv.animate({left:'-' + ( bannervs.length - 1 ) * 100 + '%'},0);
		}
		if( i == bannervs.length - 1 ){
			spanse.eq(0).css("background",yanse).siblings().css("background","#fff");
		}else{
			spanse.eq(i).css("background",yanse).siblings().css("background","#fff");
		}
		bannerv.animate({left:'-' + 100 * i + '%'},velocity);
		i++;
	}
	var timers = setInterval(roll,spend);
	_bts.click( function () {
		if( $( this ).index() ){
			roll();
		}else{
			i -= 2;
			roll();
		}
	} );
	spanse.click( function () {
		i = $( this ).index();
		roll();
	} );
	function ff() {
		if( window.innerWidth <= 960 ){
			_bt.hide();
			banner.unbind();
		}else{
			_bt.show();
			banner.hover( function () {
				_bt.fadeTo(velocity * .8,1);
				clearInterval(timers);
			} , function () {
				_bt.fadeTo(velocity * .8,.7);
				clearInterval(timers);
				timers = setInterval(roll,spend);
			});
		}
	}
	ff();
	window.onresize = function () {
		ff();
		bb();
	};


})();