var alzpic={	
	time:5000,
	step:100,
	bigimg:getId("bigimg"),
	smallimg:getId("smallimg"),
	smallimgli:G("#smallimg li"),
	imgW:G("#bigimg img")[0].clientWidth,
	old:0,
	now:0,
	autofun:null,
	gotofun:null,
	def:function(){
		this.show(0);
		this.smallimg.onmouseover=function(e){
			clearInterval(alzpic.autofun);
			alzpic.smallimg.onmouseout=function(){alzpic.autofun=setInterval(auto,alzpic.time);}
			var obj=getObj(e,"LI");
			if(obj){
				var n=obj.id.replace("l","");
				if(alzpic.old==n)return;
				alzpic.show(n);
			}
		}
		function auto(){
			alzpic.now++;
			if(alzpic.now>=alzpic.smallimgli.length){alzpic.now=0;}			
			alzpic.show(alzpic.now);
		}
		this.autofun=setInterval(auto,this.time);
	},
	show:function(n){
		clearInterval(alzpic.gotofun);
		alzpic.now=n;
		for(var i=0;i<this.smallimgli.length;i++){
			var cN=n==i?"on":"";
			this.smallimgli[i].className=cN;
		}
		
		function goto(){
			if(n>alzpic.old){
				alzpic.bigimg.scrollLeft+=alzpic.step;
				if(alzpic.bigimg.scrollLeft>=alzpic.imgW*n)
				{
					alzpic.bigimg.scrollLeft=alzpic.imgW*n;
					alzpic.old=n;
					clearInterval(alzpic.gotofun);
				}
			}else{
				alzpic.bigimg.scrollLeft-=alzpic.step;
				if(alzpic.bigimg.scrollLeft<=alzpic.imgW*n){
					alzpic.bigimg.scrollLeft=alzpic.imgW*n;
					alzpic.old=n;
					clearInterval(alzpic.gotofun);
				}
			}
		}
		this.gotofun=setInterval(goto,10);
	}
}