var timer;
var timerLeft;
var timerRight;
var scrollerDir = "left";
var scrollStep = 2;       // pixels
var scrollInterval = 20;  // milliseconds
var pauseInterval = 3000; // milliseconds

function startScrollLeft() {
    if (document.getElementById('myContent').offsetWidth <= document.getElementById('myContainer').offsetWidth) return;
    scrollerDir = 'left';
    clearTimeout(timer);
    timerLeft = setInterval('scrollLeft()', scrollInterval);
}

function stopScrollLeft() {
    clearInterval(timerLeft);
}

function scrollLeft() {
    document.getElementById('myContainer').scrollLeft += scrollStep;
    if (document.getElementById('myContainer').scrollLeft > (document.getElementById('myContent').offsetWidth - document.getElementById('myContainer').offsetWidth)) {
        stopScrollLeft();
        startMe('right', pauseInterval);
    }
}

function startScrollRight() {
    if (document.getElementById('myContent').offsetWidth <= document.getElementById('myContainer').offsetWidth) return;
    scrollerDir = 'right';
    clearTimeout(timer);
    timerRight = setInterval('scrollRight()', scrollInterval);
}

function stopScrollRight() {
    clearInterval(timerRight);
}

function scrollRight() {
    document.getElementById('myContainer').scrollLeft -= scrollStep;
    if (document.getElementById('myContainer').scrollLeft <= 0) {
        stopScrollRight();
        startMe('left', pauseInterval);
    }
}

function stopMe() {
    clearInterval(timerLeft);
    clearInterval(timerRight);
}

function startMe(dir, sec){
    scrollerDir = dir;
    if (scrollerDir == "left") timer = setTimeout('startScrollLeft()', sec);
    else timer = setTimeout('startScrollRight()', sec);
}

function continu(){
  if (scrollerDir == "left") startScrollLeft();
  else startScrollRight();
}