var scroller = function() {

  var stopScroll = false;
  var time_id;
  var speedScroll;
  var pixelStep = 1;
  var divId = 'none';

  var divScrollRight = function()
  {
    stopScroll = false;
    el = document.getElementById(divId);
    if (el) { el.scrollLeft = el.scrollLeft + pixelStep; }
    if (!stopScroll) { time_id = setTimeout(divScrollRight, speedScroll); }
  }

  var divScrollLeft = function()
  {
    stopScroll = false;
    el = document.getElementById(divId);
    if (el) { el.scrollLeft = el.scrollLeft - pixelStep; }
    if (!stopScroll) { time_id = setTimeout(divScrollLeft, speedScroll); }
  }
  
  var divScrollTop = function()
  {
    stopScroll = false;
    el = document.getElementById(divId);
    if (el) { el.scrollTop = el.scrollTop - pixelStep; }
    if (!stopScroll) { time_id = setTimeout(divScrollTop, speedScroll); }
  }

  var divScrollBottom = function()
  {
    stopScroll = false;
    el = document.getElementById(divId);
    if (el) { el.scrollTop = el.scrollTop + pixelStep; }
    if (!stopScroll) { time_id = setTimeout(divScrollBottom, speedScroll); }
  }
  
  var stepForClickRight = function()
  {
    //Pix = parseInt(Pix);
    el = document.getElementById(divId);
    if (el) { el.scrollLeft = el.scrollLeft + 10; }
  }
  
  var stepForClickLeft = function()
  {
    //Pix = parseInt(Pix);
    el = document.getElementById(divId);
    if (el) { el.scrollLeft = el.scrollLeft - 10; }
  }
  

  var doStopScroll = function()
  {
    clearTimeout(time_id);
    stopScroll = true;
  }
  
	return {
	  init:function(div_id,speed) { 
      stopScroll = false;
      speedScroll = parseInt(speed);
      pixelStep = 1; 
      divId = div_id;
	  },
		right: function() { 
			divScrollRight();
		},
		rightPix: function() {
		  stepForClickRight();
		},
		leftPix: function() {
		  stepForClickLeft();
		},
		left: function() { 
		  divScrollLeft();
		},
		up: function() { 
		  divScrollTop();
		},
		down: function() { 
		  divScrollBottom();
		},
		stop: function() {
		  doStopScroll();
		}
	};

  
} ();