$(document).ready(function(){

    /*
     * УСТАНАВЛИВАЕМ ШИРИНУ ДЛЯ PROJECTSBOX ЧТОБЫ ПУНКТЫ НЕ СВАЛИВАЛИСЬ ВНИЗ
     */
    var previewNum = $('.projectsBox li').size();
    var scrollerWidth = ($('.projectsBox li').width()) * previewNum;
    $('#scroller').width(scrollerWidth);
    
    /*
     * СКРОЛЛИМ СТРОКУ С ПРЕВЬЮШКАМИ ПРОЕКТОВ
     */
    var scroller = $('#scroller');
    
    scroller.mousedown(function(e){
        var mouseStartX = e.pageX;
        var gridWidth = $('#grid').width();
        var scrollerStartX = parseInt(scroller.css('left'));
        $('body').bind('mousemove', function(event){
            var mouseX = event.pageX;
            var moveX = mouseX - mouseStartX + scrollerStartX;
            
            if (moveX > 0) {
                scroller.css('left', 0);
                return false;
            }
            
            if (moveX < gridWidth - scrollerWidth) {
                scroller.css('left', gridWidth - scrollerWidth);
                return false;
            }
            
            scroller.css('left', moveX);
            
        });
        return false;
    });
    
    $('body').mouseup(function(){
        $('body').unbind('mousemove');
    });
    
    
});