var demoRecommend = document.getElementById("demoRecommend");
var demoRecommend0 = document.getElementById("demoRecommend0");
var demoRecommend1 = document.getElementById("demoRecommend1");
var demoRecommend2 = document.getElementById("demoRecommend2");
demoRecommend2.innerHTML = demoRecommend1.innerHTML = demoRecommend0.innerHTML;

var _width = demoRecommend0.offsetWidth;
var _direction = 'left';

var _minLeft = _width * 1;
var _maxLeft = _width * 2;
var _maxRight = _width * 2;
var _minRight = _width * 1;

demoRecommend.scrollLeft = _maxRight;

function scroll_left() {
    if (demoRecommend.scrollLeft == _maxLeft) {
        demoRecommend.scrollLeft = _minLeft;
    }
    else {
        demoRecommend.scrollLeft++;
    }
}

function scroll_Right() {
    if (demoRecommend.scrollLeft == _minRight) {
        demoRecommend.scrollLeft = _maxRight;
    }
    else {
        demoRecommend.scrollLeft--;
    }
}

function change_Right() {
    window.clearInterval(timer_Recommendproducts);
    timer_Recommendproducts = setInterval("scroll_Right();", 30);
    _direction = 'right';
}

function change_Left() {
    window.clearInterval(timer_Recommendproducts);
    timer_Recommendproducts = setInterval("scroll_left();", 30);
    _direction = 'left';
}


var timer_Recommendproducts = setInterval("scroll_left();", 30);
demoRecommend.onmouseover = function () { clearInterval(timer_Recommendproducts) };
demoRecommend.onmouseout = function () {
    if (_direction == 'left') {
        change_Left();
    }
    else {
        change_Right();
    }
};