var itemWidth;
var speed;
var t;

function moveScroll(item)
{
    document.getElementById(item).scrollLeft = document.getElementById(item).style.width/2;

    itemWidth = document.getElementById(item).style.width;
    itemWidth = parseInt(itemWidth.substr(0,itemWidth.length-2));
    
    document.getElementById(item).onmousemove = function(event) {
        changeSpd(event,item);
    }
    
    document.getElementById(item).onmouseover = function() {
        move(item);
    }
    
    document.getElementById(item).onmouseout = function() {
        stopAll();
    }
}

function changeSpd(e,item)
{	
    if(window.event){ 
        e = window.event 
    } 
    xPos = e.clientX;
    
    xPosInDiv = (xPos-overallOffsetLeft(document.getElementById(item)));
    
    _wd = itemWidth;
  
    _x = (_wd/xPosInDiv)/2;

    if(xPosInDiv>(itemWidth/2)) {speed = (xPosInDiv-(itemWidth/2));}
    else if (xPosInDiv<(itemWidth/2)) {speed = -((itemWidth/2)-xPosInDiv);}
    else stopAll();
    
    speed = speed/50;
}

function move(item) 
{
    document.getElementById(item).scrollLeft = document.getElementById(item).scrollLeft+speed;
    t = window.setTimeout('move("'+item+'")',1);
}

function stopAll()
{
    clearTimeout(t);
}

function overallOffsetLeft(ele)
{
    var offset = 0;
    while( ele.tagName.toUpperCase() != 'BODY')
    {
        ele = ele.parentNode;
        offset += ele.offsetLeft;
    }
    return offset;
}