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();
    }
};