document.write('<div class="container" id="idTransformView2">  ');
document.write('    <ul class="slider slider2" id="idSlider2">  ');
document.write('      <li><a href="#"><img src="/images/new/pic7.jpg"/></a></li>');
document.write('      <li><a href="#"><img src="/images/new/pic6.jpg"/></a></li>  ');
//document.write('      <li><a href="#"><img src="/images/new/pic1.gif"/></a></li>  ');
document.write('	  <li><a href="#"><img src="/images/new/pic3.gif"/></a></li>  ');
document.write('	  <li><a href="#"><img src="/images/new/pic4.gif"/></a></li>  ');
document.write('    </ul>  ');
document.write('    <ul class="num" id="idNum12">  ');
document.write('      <li>1</li>  ');
document.write('      <li>2</li>  ');
document.write('      <li>3</li>  ');
document.write('	  <li>4</li> ');
//document.write('	  <li>5</li>');     
document.write('    </ul>  ');
document.write('  </div>');

var $ = function (id) {  
      return "string" == typeof id ? document.getElementById(id) : id;  
  };  
    
  var Class = {  
    create: function() {  
      return function() {  
        this.initialize.apply(this, arguments);  
      }  
    }  
  }  
    
  Object.extend = function(destination, source) {  
      for (var property in source) {  
          destination[property] = source[property];  
      }  
      return destination;  
  }  
    
  var TransformView = Class.create();  
  TransformView.prototype = {  
    //,,л,л  
    initialize: function(container, slider, parameter, count, options) {  
      if(parameter <= 0 || count <= 0) return;  
      var oContainer = $(container), oSlider = $(slider), oThis = this;  
    
      this.Index = 0;//ǰ  
        
      this._timer = null;//ʱ  
      this._slider = oSlider;//  
      this._parameter = parameter;//л  
      this._count = count || 0;//л  
      this._target = 0;//Ŀ  
        
      this.SetOptions(options);  
        
      this.Up = !!this.options.Up;  
      this.Step = Math.abs(this.options.Step);  
      this.Time = Math.abs(this.options.Time);  
      this.Auto = !!this.options.Auto;  
      this.Pause = Math.abs(this.options.Pause);  
      this.onStart = this.options.onStart;  
      this.onFinish = this.options.onFinish;  
        
      oContainer.style.overflow = "hidden";  
      oContainer.style.position = "relative";  
        
      oSlider.style.position = "absolute";  
      oSlider.style.top = oSlider.style.left = 0;  
    },  
    //Ĭ  
    SetOptions: function(options) {  
      this.options = {//Ĭֵ  
          Up:         true,//Ƿ()  
          Step:       7,//仯  
          Time:       35,//ʱ  
          Auto:       true,//ǷԶת  
          Pause:      5000,//ͣʱ(AutoΪtrueʱЧ)  
          onStart:    function(){},//ʼתʱִ  
          onFinish:   function(){}//תʱִ  
     };  
    Object.extend(this.options, options || {});  
   },  
   //ʼл  
   Start: function() {  
     if(this.Index < 0){  
          this.Index = this._count - 1;  
      } else if (this.Index >= this._count){ this.Index = 0; }  
        
      this._target = -1 * this._parameter * this.Index;  
      this.onStart();  
      this.Move();  
    },  
    //ƶ  
    Move: function() {  
      clearTimeout(this._timer);  
      var oThis = this, style = this.Up ? "top" : "left", iNow = parseInt(this._slider.style[style]) || 0, iStep = this.GetStep(this._target, iNow);  
        
      if (iStep != 0) {  
          this._slider.style[style] = (iNow + iStep) + "px";  
          this._timer = setTimeout(function(){ oThis.Move(); }, this.Time);  
      } else {  
          this._slider.style[style] = this._target + "px";  
          this.onFinish();  
          if (this.Auto) { this._timer = setTimeout(function(){ oThis.Index++; oThis.Start(); }, this.Pause); }  
      }  
    },  
    //ȡ  
    GetStep: function(iTarget, iNow) {  
      var iStep = (iTarget - iNow) / this.Step;  
      if (iStep == 0) return 0;  
      if (Math.abs(iStep) < 1) return (iStep > 0 ? 1 : -1);  
      return iStep;  
    },  
    //ֹͣ  
    Stop: function(iTarget, iNow) {  
      clearTimeout(this._timer);  
      this._slider.style[this.Up ? "top" : "left"] = this._target + "px";  
    }  
  };  
    
  window.onload=function(){  
      function Each(list, fun){  
          for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }  
      };  
        
        
      ////////////////////////test2  
        
      var objs2 = $("idNum12").getElementsByTagName("li");  
        
      var tv2 = new TransformView("idTransformView2", "idSlider2", 625, 4, {  
          onStart: function(){ Each(objs2, function(o, i){ o.className = tv2.Index == i ? "on" : ""; }) },//ťʽ  
          Up: false  
      });  
        
      tv2.Start();  
        
      Each(objs2, function(o, i){  
          o.onmouseover = function(){  
              o.className = "on";  
              tv2.Auto = false;  
              tv2.Index = i;  
              tv2.Start();  
          }  
          o.onmouseout = function(){  
              o.className = "";  
              tv2.Auto = true;  
              tv2.Start();  
         }  
     })  
       
     $("idStop1").onclick = function(){ tv2.Auto = false; tv2.Stop(); }  
     $("idStart1").onclick = function(){ tv2.Auto = true; tv2.Start(); }  
     $("idNext1").onclick = function(){ tv2.Index++; tv2.Start(); }  
     $("idPre1").onclick = function(){ tv2.Index--;tv2.Start(); }  
     $("idFast1").onclick = function(){ if(--tv2.Step <= 0){tv2.Step = 1;} }  
     $("idSlow1").onclick = function(){ if(++tv2.Step >= 10){tv2.Step = 10;} }  
     $("idReduce1").onclick = function(){ tv2.Pause-=1000; if(tv2.Pause <= 0){tv2.Pause = 0;} }  
     $("idAdd1").onclick = function(){ tv2.Pause+=1000; if(tv2.Pause >= 5000){tv2.Pause = 5000;} }  
       
     $("idReset1").onclick = function(){  
         tv2.Step = Math.abs(tv2.options.Step);  
         tv2.Time = Math.abs(tv2.options.Time);  
         tv2.Auto = !!tv2.options.Auto;  
         tv2.Pause = Math.abs(tv2.options.Pause);  
 }  
     
 }