//about图库
var gallery = function(id,thumbmargin,auto,speed){
  var a = auto?auto:1;//自动播放，默认自动播放
  this.s = speed?speed:5000;//自动播放速度，默认2000
  var ct = this.ct = document.getelementbyid(id),
      sul = this.sul = ct.getelementsbytagname("ul")[0],
      tul = this.tul = ct.getelementsbytagname("ul")[1],
      sliw = this.sliw = sul.getelementsbytagname("li")[0].offsetwidth;
  this.tli = tul.getelementsbytagname("li");
  var tliw = this.tliw = this.tli[0].offsetwidth + thumbmargin*2,
         l = this.l = this.tli.length;
  this.thumbmargin = thumbmargin;
  this.cur = 0;
  this.prev = document.getelementbyid("prev");
  this.next = document.getelementbyid("next");
  sul.style.width = l*sliw + "px";   
  tul.style.width = l*tliw + "px"; 
  sul.style.left = "0";
  tul.style.left = "0";
  var that = this;
  for(var i=0;i<l;i++){
    (function(arg){
      tul.getelementsbytagname("li")[i].onclick = function(){
        that.move(arg*sliw);
          var j = 0;
          while(j<l){
            if(j==arg){ this.classname = "cur";that.cur = j;}
            else { that.tli[j].classname = ""};
            j++;
          }
        };
      })(i);
    };
    if(a){this.auto()};
  }
  gallery.prototype = {
    auto : function(){
        var that = this;
        var timer = setinterval(function(){
          if(that.cur == that.l-1){
            that.tli[that.cur].classname = "";
            that.tul.style.left = 0;
            that.cur = 0;
            that.tli[that.cur].classname = "cur";
            that.move(0);
          } 
          else {that.nextmove()}
        },this.s)
        this.ct.onmouseover = function(){ clearinterval(timer)};
        this.ct.onmouseout = function(){ that.auto()};
      },
    move : function(f_pos){
        var that = this;
        clearinterval(that.sul.loop);
        this.sul.loop = setinterval(function(){
          var left = -parsefloat(that.sul.style.left);
          if(left == f_pos){
            clearinterval(that.sul.loop)
          } else {
            var step = (left - f_pos)/10;
            step = step>0?math.ceil(step):math.floor(step);
            that.sul.style.left = -left + step + "px";
          }
        },10)
      },
    prevmove : function(){
        if(this.cur == 0){
          this.cur = 0
        } else {
          this.tli[this.cur].classname = "";
          this.cur--;
          if(this.tli[this.cur].offsetleft+parseint(this.tul.style.left)<this.thumbmargin){
            this.button(1);
          }
          this.tli[this.cur].classname = "cur";
          this.move(this.cur*this.sliw);
        }
      },
    nextmove : function(){
        if(this.cur == this.l-1){
          this.cur = this.l-1
        } else {
          this.tli[this.cur].classname = "";
          this.cur++;
          if(this.tli[this.cur].offsetleft+parseint(this.tul.style.left)+this.thumbmargin>this.tul.offsetparent.clientwidth){
            this.button(-1);
          }
          this.tli[this.cur].classname = "cur";
          this.move(this.cur*this.sliw);
        }
      },
    button : function(p){
      this.tul.style.left = parseint(this.tul.style.left) + p*this.tliw + "px";
  }
}
var gg = new gallery("galleryt",3,false,5000);
var gg = new gallery("galleryb",3,false,8000);