var Slider = Class.create({

  options: $H({width: 159, step: 1, interval: 20, pre: ""}),

  initialize: function(contener, options) {
    this.options = this.options.merge(options);
    this.contener =  $(this.options.get("pre")+contener);
    this.pics = this.contener.down('.'+this.options.get("pre")+'slider-content').childElements("div");
    this.size = this.pics.length;
    this.max = (this.size-1) * this.options.get("width");

    this.setImages();
  },

  setImages: function(){
      
     for(var i=0; i<this.size; i++)
     {
       var left_ = (this.options.get("width") * i)+"px";
       this.pics[i].setStyle({left: left_});
     }
  },

  start: function(){
    setInterval(this.switchSlider.bind(this),this.options.get("interval"));
  },

  switchSlider: function(){

    for(var i=0; i<this.size; i++)
     {
       var left = this.pics[i].getStyle("left");
       var left_int = parseInt(left.substring(0,left.indexOf("p")));
       left_int > (this.options.get("width")-2*this.options.get("width"))  ? left_int-=this.options.get("step") : left_int=this.max;
       this.pics[i].setStyle({left: left_int+"px"});
 
     }
  }

});


