var getbyclass = function(op, oc){	
	typeof op=='object'?op:byid(op);	
	var arrs=op.getelementsbytagname('*');var i=0;var garrs=[];	
	for(i=0;i<arrs.length;i++){if(arrs[i].classname==oc){garrs.push(arrs[i]);}}	
	return garrs;
};
var byid = function (id) {
	return "string" == typeof id ? document.getelementbyid(id) : id;
};
var bytag = function(tag,obj){
	return (typeof obj=='object'?obj:byid(obj)).getelementsbytagname(tag);
};
var getstyle = function(obj,attr){
	if(obj.currentstyle){
		return obj.currentstyle[attr];
	}else{
		return getcomputedstyle(obj, false)[attr];
	}
};
var class = {
	create: function() {
		return function() {this.initialize.apply(this, arguments); }
	}
};
var tfocus = class.create();
tfocus.prototype = {
	initialize: function(tag,json) {		
	    var _this = this;
		this.inow = 0;	
		this.style = json.changestyle;
		this.atimer = null;		
		this.tfocus = byid(tag);
		this.opics = getbyclass(this.tfocus,'pics')[0];		
		this.opiclis = 	bytag('li',bytag('ul',this.tfocus)[0]);			
		this.obtns = getbyclass(this.tfocus,'btns')[0];	
		this.obtnlis = bytag('li',getbyclass(this.tfocus,'btns')[0]);
		//this.otext = getbyclass(this.tfocus,'tfocustext')[0];
		//this.otextlis = bytag('li',this.otext);
		this.prevbtn = getbyclass(this.tfocus,'tfocus-nextbtn')[0];
		this.nextbtn = getbyclass(this.tfocus,'tfocus-prevbtn')[0];
		if(this.style=='opac'){
			for(var i=0;i<this.opiclis.length;i++){
		     this.opiclis[i].style.position = 'absolute';
			 this.opiclis[i].style.filter = 'alpha(opacity=0)';
			 this.opiclis[i].style.opacity = 0;
	      }
		  this.opiclis[0].style.filter = 'alpha(opacity=100)';
		  this.opiclis[0].style.opacity = 1;		 
		};		
		this.domove();			
		if(json.timer&&json.timer!=='undefind'){					
			this.timer = json.timer;
			this.autoplay();
			
		}
		this.tfocus.onmouseover = function(){					  	  
			  clearinterval(_this.atimer);		  
		}
		this.tfocus.onmouseout = function(){			
		  if(json.timer){_this.autoplay();}
		}				
	},
	domove: function(){
	  var _this = this;
	  clearinterval(_this.atimer);	
	  //this.otextlis[0].classname = 'current';
	  for(var i=0;i<this.obtnlis.length;i++)
	   {
		  this.obtnlis[i].sindex = i;
		  this.obtnlis[i].onclick = function(){			 
			_this.setpic(this.sindex);	
			//_this.settext(this.sindex);
			_this.setbtn(this.sindex); 
		  }
	   };
	   this.prevbtn.onclick = function(){
		  if(_this.inow<_this.obtnlis.length-1){		  
		   _this.inow++;		   
		  }else{
			 _this.inow = 0;
		  }			  	 
		   _this.setpic(_this.inow);
		  // _this.settext(_this.inow);
		   _this.setbtn(_this.inow); 		  
	   };
	    this.nextbtn.onclick = function(){
		 if(_this.inow<=0){		  
		   _this.inow=_this.obtnlis.length-1;			  
		  }else{
			 _this.inow--;
		  }			  	 
		   _this.setpic(_this.inow);
		   //_this.settext(_this.inow);
		   _this.setbtn(_this.inow); 
	   };	
	},
	setbtn: function(inum){		
	  for(var i=0;i<this.obtnlis.length;i++){
		this.obtnlis[i].classname = '';  
	  }
	    this.obtnlis[inum].classname = 'current';			
		if(inum==0){					
	      this.startmove(this.obtns,{top:0});
	    }else if(inum>=this.obtnlis.length){
		  this.startmove(this.obtns,{top:-(this.obtnlis.length-4)*(parseint(getstyle(this.obtnlis[0],'height')))});
	    }else{			 	
		  this.startmove(this.obtns,{top:-(inum-1)*(parseint(getstyle(this.obtnlis[0],'height')))}); 		 
	    }
		
	},
	//settext:function(inum){
	//	//alert(this.otextlis.length);
	//  for(var i=0;i<this.otextlis.length;i++){
	//	  this.otextlis[i].classname = 'normal';
	//  }
	//  this.otextlis[inum].classname = 'current';
	//},
	setpic:function(inum){	
	  if(this.style=='opac'){
		  for(var i=0;i<this.opiclis.length;i++){
		    this.startmove(this.opiclis[i],{opacity:0});  
	      }		 
		  this.startmove(this.opiclis[inum],{opacity:100}); 
	  }else if(this.style=='up'){
		 this.startmove(bytag('div',this.opics)[0],{top:-inum*parseint(getstyle(bytag('li',this.opics)[0],'height'))}); 
	  }else{
		 this.startmove(bytag('div',this.opics)[0],{top:-inum*parseint(getstyle(bytag('li',this.opics)[0],'height'))});  
	  } 
	  
	},
	autoplay:function(){
		var _this = this;			
		if(this.atimer){
		  clearinterval(this.atimer);	
		}
	    this.atimer = setinterval(function(){		  						   
			  if(_this.inow<_this.opiclis.length-1){
				 _this.inow++; 
			  }else{
				 _this.inow=0; 
			  }
			  _this.setpic(_this.inow);
			 // _this.settext(_this.inow);
			  _this.setbtn(_this.inow); 			  
		},_this.timer);			
	},		
	startmove:function(obj, json, fn)
    {		
	clearinterval(obj.timer);
	obj.timer=setinterval(function (){		
		var bstop=true;		
		for(var attr in json)
		{			
			var icur=0;			
			if(attr=='opacity')
			{
				icur=parseint(parsefloat(getstyle(obj, attr))*100);
			}
			else
			{
			  icur=parseint(getstyle(obj, attr));				
			}			
			var ispeed=(json[attr]-icur)/8;
			ispeed=ispeed>0?math.ceil(ispeed):math.floor(ispeed);			
			if(icur!=json[attr])
			{
				bstop=false;
			}			
			if(attr=='opacity')
			{
				obj.style.filter='alpha(opacity:'+(icur+ispeed)+')';
				obj.style.opacity=(icur+ispeed)/100;
			}
			else
			{
				obj.style[attr]=icur+ispeed+'px';
			}
		}		
		if(bstop)
		{
			clearinterval(obj.timer);
			
			if(fn)
			{
				fn();
			}
		}
	}, 30)
}
};