var c;
  var s;
  var cw;
  var pos = 0;
  var speed = 10;

  function showArrow(theId) {
    obj = document.getElementById(theId);
    obj.className = obj.className.replace('a0','a1');
  }

  function hideArrow(theId) {
    obj = document.getElementById(theId);
    obj.className = obj.className.replace('a1','a0');
  }

  function scrollRight() {
    pos--;
    if (pos < 10) showArrow('left');
    if (pos < rw - cw) {
      hideArrow('right');
      scrollStop();
    }
    s.style.left = pos + 'px';
    scrollTimer = setTimeout ("scrollRight()",speed);

  }

  function scrollLeft() {
    pos++;
    s.style.left = pos + 'px';
    if (pos > 0) showArrow('right');
    if (pos > 0) {
      hideArrow('left');
      scrollStop();
    }
    scrollTimer = setTimeout ("scrollLeft()",speed);
  }

  function sLeft() {
    scrollLeft();
  }

  function sRight() {
    scrollRight();
  }
  function scrollStop() {
    clearTimeout(scrollTimer);
    //alert('STOP');
  }

  function initScroller() {
    c = document.getElementById('scroller_content');
    s = document.getElementById('scroller');
    r = document.getElementById('container');
    s.innerHTML = c.innerHTML;
    cw = c.offsetWidth;
    rw = Math.round(r.style.width.replace('px',''));
    if (cw > rw) document.getElementById('right').className = 'a1';
  }