// jscript 文件



//幻灯片的类;
function imgpptfilter(contain,show,on,off,time,height){
     this.on = on;
     this.off = off;
     this.state = 0;
     if(time){
        this.time = time;
     }else{
        this.time = 4000;
     }
     if(document.getelementbyid(contain)){
        this.par = document.getelementbyid(contain);
		this.par.style.position = 'relative';
		this.par.style.height = height || '100%';
        this.show = document.getelementbyid(show);
		this.list = this.par.getelementsbytagname('a');
        this.imges = this.par.getelementsbytagname('img');
        this.ol = document.createelement('ol');
        this.ol.style.position = 'absolute';
        //this.ol.style.margin=0;
        //this.ol.style.padding=0;
        this.ol.style.right = '5px';
        this.ol.style.bottom = '5px';
        //this.ol.style.liststyle='none';
        this.li=[];
        for(var i=0;i<this.list.length;i++){
           var num = document.createtextnode(i+1);
           this.li[i] = document.createelement('li');
           this.li[i].setattribute('state',i);
           this.list[i].setattribute('state',i);
           if(i==0){
              this.li[i].classname=this.on;
           }else{
              this.li[i].classname=this.off;
           }
           this.li[i].appendchild(num);
//         this.li[i].style.width=20+'px';
//         this.li[i].style.height=20+'px';
//         this.li[i].style.stylefloat='left';
//         this.li[i].style.cssfloat='left';
//         this.li[i].style.textalign='center';
//         this.li[i].style.marginleft='11px';
//         this.li[i].style.fontsize='12px';
//		   this.li[i].style.opacity='0.6';
//		   this.li[i].style.filter='alpha(opacity=60)'; 
           this.li[i].style.cursor='pointer';
           this.ol.appendchild(this.li[i]);
        }
        this.par.appendchild(this.ol);
        var now=this;
		now.autorun();
        this.timer=setinterval(function(){now.autorun();},now.time);
        this.par.onmouseout=function(){
               //mouseout only to do is set
               now.timer=setinterval(function(){now.autorun();},now.time);
              };
        this.par.onmouseover=function(){
                //mouseover only to do is clear
                clearinterval(now.timer);
              };     
        function hover(){
             now.state=this.getattribute('state');
             now.init(this.getattribute('state'));
        }; 
        for(var i=0;i<this.list.length;i++){
             this.li[i].onmouseover=function(){
                var temp=this;
                //is there difference call with pass a arg?can call this window
                this.timer=settimeout(function(){hover.call(temp)},200);    
            };
            this.li[i].onmouseout=function(){
                cleartimeout(this.timer);
            }
         }
     }else return false;
}
imgpptfilter.prototype.autorun=function(){
   this.state++;
   if(this.state>=this.list.length){
        this.state=0;
   };
   //if put init in timer the should be bugs
   this.init(this.state);
}
imgpptfilter.prototype.init=function(arg){ 

for(var i=0;i<this.list.length;i++){
       if(i==this.state){
          this.li[i].classname=this.on;
          var now=this;
          this.imges[i].style.opacity='0.15';
          this.imges[i].style.filter='alpha(opacity=15)'; 
          this.list[i].style.display='block';
          this.setcut=setinterval(function(){now.cut(now.state);},50);
		  this.show.innerhtml=this.list[i].rel;
      }else{
          this.li[i].classname=this.off;
          this.list[i].style.display='none';
          this.imges[i].style.opacity='0.1';
          this.imges[i].style.filter='alpha(opacity=10)'; 
      }
   }
}
imgpptfilter.prototype.cut=function(arg){
if(this.imges[arg]!=null){
     if(this.imges[arg].style.opacity<1)
     {
        this.imges[arg].style.opacity=this.imges[arg].style.opacity*2;
        this.imges[arg].style.filter='alpha(opacity='+this.imges[arg].style.opacity*100+')';
     }else{
        this.imges[arg].style.opacity=1;
        this.imges[arg].style.filter='alpha(opacity='+this.imges[arg].style.opacity*100+')';
        clearinterval(this.setcut);
     }
     }
}