// javascript document
$(function($){
	var _m=3;//单页个数
	var $showpic=$("#bannershow li");
	var $smallpic=$("#bannerroll li");
	var $btonpicl=$("#bannerbtonl");
	var $btonpicr=$("#bannerbtonr");
	var _imglen=$showpic.length;
/*	if(_imglen==0){alert("noimages");return false;}*/
	var lastlen=_imglen%_m==0?_m:_imglen%_m;
	var timer;
	var _n=0;
	var _time=5000;
	var b=(_imglen-lastlen)*($smallpic.width());
	//按钮事件
	$btonpicl.click(function(){
		clearinterval(timer);
		if(_n==0){
			_n=_imglen-1;
			$("#bannerroll").stop(true,true).animate({
						left:'-'+b+'px'
					});	
		}else if(_n%_m==0){
			_n=_n-1;
			$("#bannerroll").stop(true,true).animate({
						left:'+='+_m*$smallpic.width()+'px'
					});	
		}else{
			_n=_n-1;
		}
		showimg(_n);
		timer=setinterval(auto,_time);
	});
	$btonpicr.click(function(){
		clearinterval(timer);
		if(_n==_imglen-1){
			_n=0;
			$("#bannerroll").stop(true,true).animate({
						left:'0px'
					});	
		}else{
			_n=_n+1;
			rolllist(_n-1);	
		}
		showimg(_n);
		timer=setinterval(auto,_time);
	});
	//鼠标事件
	$showpic.hover(function(){
			clearinterval(timer);
		},function(){
			timer=setinterval(auto,_time);
		});
	$smallpic.each(function(e){
			$(this).hover(function(){
					clearinterval(timer)
					showimg(e);
				},function(){
					_n=e;
					timer=setinterval(auto,_time);
					});
		})
	//滚动控制
	var rolllist=function(n){
		if(n==_imglen-1){
			$("#bannerroll").stop(true,true).animate({
						left:'0px'
					});
			}else if((n+1)%_m==0&&n!=0){
				$("#bannerroll").stop(true,true).animate({
						left:'-='+$smallpic.width()*_m +'px'
					});
				}
	}
	//图片轮换
	var showimg= function(n){
		$showpic.stop(true,true).eq(n).fadein(1000).siblings().fadeout(1000);
		$smallpic.eq(n).addclass("up").siblings("li").removeclass("up");
	}
	//auto
	var auto=function(){
				_n++;
				rolllist(_n-1);	
				if(_n==_imglen){_n=0;}
				showimg(_n)
			}
	timer=setinterval(auto,_time);
	showimg(_n);
});

var ulroll= function(id,dir,vt){
	var scrollbox=document.getelementbyid(id);//滚动外层遮挡框架
	if(!scrollbox) return false;
	var oldcontent=scrollbox.getelementsbytagname("ul")[0];//ul index=0;
	if(!oldcontent) return false;
	var domeone=scrollbox.getelementsbytagname("li");// li
	if(!domeone.length) return false;
	var domeonelen = domeone.length;
	var oldlong=0;//旧总长
	var newlong=0;//新总长-外层框架长度
	var newcontent=oldcontent.innerhtml;
	if(dir=="1"){
		for(var i=0;i<domeonelen;i++){
			oldlong+=domeone[i].offsetwidth;
		}
		while(newlong<(scrollbox.offsetwidth)){	
			newcontent+=oldcontent.innerhtml;
			newlong+=oldlong;
			}
	}else if(dir=="2"){
		for(var i=0;i<domeonelen;i++){
			oldlong+=domeone[i].offsetheight;
		}
		while(newlong<(scrollbox.offsetheight)){	
			newcontent+=oldcontent.innerhtml;
			newlong+=oldlong;
			}
	}//判断新ul的总长
	oldcontent.innerhtml=newcontent;//生成新的ul
	var dometwo= scrollbox.getelementsbytagname("li")[domeonelen];//滚动结束位置
	var myroll = function(){
		if(dir=="1"){
			if(scrollbox.scrollleft == dometwo.offsetleft){
				scrollbox.scrollleft=0;
				}else{
					scrollbox.scrollleft++;
				}
			}else if(dir=="2"){
				if(scrollbox.scrolltop >= dometwo.offsettop){
					scrollbox.scrolltop=0;
				}else{
					scrollbox.scrolltop++;
				}
			}
		}//滚动
	var timer = setinterval(myroll,vt);//周期性调用滚动
	scrollbox.onmouseover=function(){clearinterval(timer)}
	scrollbox.onmouseout=function(){timer=setinterval(myroll,vt)}
}// id=最外层遮挡框架id ,滚动方式dir=1，2 分别对应左 上,vt滚动速度；