Слайдер не работает, ломаная логика JavaScript

Я пытаюсь сделать слайдер. Но по какой-то причине я не могу правильно понять логику. Я знаю, что когда-то в прошлом я все понял. Но я не помню его сейчас.

Обновлено http://jsfiddle.net/techsin/9QqNa/2/

var slider= $('.slider'), mY, dY, clicking=false;

slider.mousedown(function(e){
     mY = e.pageY, clicking = true;
})
$(window).mousemove(function(e){
    if (!clicking) return;
    e.preventDefault();
    dY= e.offsetY-mY;
    mY +=dY;
    console.log(e);
    slider.css('top','+='+dY);
}).mouseup(removeit);

function removeit(){ 
    clicking=false; 
}

Проблемы включают: Обновлено - нужно остановиться в верхнем и нижнем пределе.