window. addEvent('domready', function() {
  
  if($$('div.slider_outer')[0] != null) 
  {
    var started = 0;
    var direction = 1;
    var oldLeft = 0;
    var elWidth = 495;
    var offset = -991;
    var outer = $('slider_area');
    var container = $$('.slider_outer')[0];
    container.getChildren("a").each(function(item, index) {
      item.dispose();
    });
    var arrEl = container.getChildren("div");
    arrEl.each(function(item, index) {
      item.setStyles({'position': 'absolute', 'left': (index+1)*elWidth});
      item.set('id', 'sliderItem'+index);
    });
    var numberOfElements = arrEl.length;
    container.setStyle('width', numberOfElements * (elWidth+10));
    container.setStyles({left: offset});
    var headerslider_left = new Element('div',{'class':'headerslider_left'})
        .inject(outer)                                         
        .addEvent('click', function () {
          if(started > 0) {
            return;
          }
          var firstEl = container.getFirst("div");
          var firstElLeft = firstEl.style.left.toInt()
          var lastEl = container.getLast();
          lastEl.setStyle('left', firstElLeft-495);
          lastEl.inject(container, 'top');
          oldLeft = lastEl.style.left.toInt();
          myintervalRight = move.periodical(1,this,'right'); 
          started = 1;
    });
        
    var headerslider_right = new Element('div',{'class':'headerslider_right'})
        .inject(outer)             
        .addEvent('click', function () {
          if(started > 0) {
            return;
          }
          var lastEl = container.getLast();
          var lastElLeft = lastEl.style.left.toInt()
          var firstEl = container.getFirst("div");
          firstEl.setStyle('left', lastElLeft+495);
          firstEl.inject(container, 'bottom');
          oldLeft = container.getFirst("div").style.left.toInt();
          myintervalLeft = move.periodical(1,this,'left');
          started = 1;
    });
    
    var move = function(floater) {
      var imageDivsStyle = 0; 
      if(floater == 'left') {
        direction = -1;
      } else {
        direction = +1;
      }
      for(i = 0; i < numberOfElements; i++) {
        imageDivsStyle = arrEl[i].style;
        imageDivsStyle.position='absolute';
        var firstEl = container.getFirst("div");
        if( floater == 'left' && (firstEl.style.left.toInt() <= oldLeft-495) ) {
          imageDivsStyle.left = imageDivsStyle.left.toInt() - (imageDivsStyle.left.toInt() % 495) + "px";
          clearInterval(myintervalLeft);
          started = 0;
          return;
        } else if( floater == 'right' && (firstEl.style.left.toInt() >= oldLeft+495) ) {
          if(imageDivsStyle.left.toInt() % 990 > 0) {
            imageDivsStyle.left = imageDivsStyle.left.toInt() + (990 - imageDivsStyle.left.toInt() % 990) + "px";
          }
          clearInterval(myintervalRight);
          started = 0;
          return;
        }
        imageDivsStyle.left = (imageDivsStyle.left.toInt() + 5*direction) + "px";
      }
    };  
  }
});
/*
window.addEvent('domready', function()
{
  if($$('div.slider_outer')[0] != null) 
  {
    
    var Headerslider = new Class({
      
      current: 0,
      container: null,
      outer: null,
      arrEl: null,
      offset: 0,
      timer: null,
      interval: 750, 
      contID: '', 
      direction: 0,
      
      init: function(){
        this.outer = $('slider_area');
        this.container = $$('.slider_outer')[0];
        this.container.set('tween',{'duration': 500});
        this.arrEl = this.container.getElements('.sliderbox_outer');
        this.container.setStyle('width',this.arrEl.length * 505);
        this.container.setStyles({left: this.offset});
        this.container.set('id','slOuter');
        var headerslider_left = new Element('div',{'class':'headerslider_left'})
            .inject(this.outer)                                         
            .addEvent('click',this.moveRight.bind(this));
        var headerslider_right = new Element('div',{'class':'headerslider_right'})
            .inject(this.outer)             
            .addEvent('click',this.moveLeft.bind(this));
      },
      
      moveLeft: function () {
        var contID = $('slOuter');
        var offset = contID.getStyle('left').toInt();
        contID.setStyle('left', '0');
        var cont = $$('.slider_outer')[0];
        this.move(-1);
        var firstEl = cont.getFirst();
        firstEl.inject(cont, 'bottom');
      },
      
      moveRight: function () {
        var contID = $('slOuter');
        var offset = contID.getStyle('left').toInt();
        contID.setStyle('left', '-495px');
        var cont = $$('.slider_outer')[0];
        this.move(1);
        var lastEl = cont.getLast();
        lastEl.inject(cont, 'top');
      },
      
      
      move: function (direction) {
        var offset = 0;
        var oldDirection = this.direction;
        this.direction = direction;
        var contID = $('slOuter');
        if(this.direction == 1) {
          offset = contID.getStyle('left').toInt() + 495;
          offset = 0;   
        } else {
          offset = 495;
        }
        this.container.tween('left', offset * this.direction);
      }
      
    });
    
    window.addEvent('domready',
                    function()
                    {
                      var hs = new Headerslider();
                      hs.init();
                    }
                   );
  }
});
*/