// 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);
     }
     }
}