var IE = document.all?true:false;
if (!IE)
{   document.captureEvents(Event.MOUSEMOVE)
    winW = window.innerWidth;
}
else
{   winW = document.body.offsetWidth;
}
//alert(winW)
document.onmousemove = getMouseXY;

var mouseMehet = true;
var mouseMost = 0;

function mousePerget()
{
    var div = document.getElementById('articles')
    var aleft = parseInt(div.style.marginLeft) 
    if(!aleft) aleft = 0
    var left, exit, step=3
    if(aleft - mouseMost > step) left = aleft-step
    else if(mouseMost - aleft > step) left = aleft+step
    else
    {   left = mouseMost
        exit = true
        mouseMehet = true;
    }
    div.style.marginLeft = left + 'px'
    if (exit) return;
    
    mouseMehet = false
    setTimeout(mousePerget,20)
}

function getMouseXY(e)
{
    var tempX = 0;
    var tempY = 0;

    if (IE)
    {   tempX = event.clientX + document.body.scrollLeft;
        tempY = event.clientY + document.body.scrollTop;
    }
    else
    {   tempX = e.pageX;
        tempY = e.pageY;
    }
    var boxWidth = 920
    var boxAll = 1500
    var boxKezd = (winW - boxWidth) /2
    if (tempY > 280 || tempY < 170 || tempX < boxKezd || tempX > (boxKezd+boxWidth) ) return;
    mouseMost = -((tempX - boxKezd) * (boxAll - boxWidth) / boxWidth  ) 
    if(mouseMehet) mousePerget()
}