$(function() {
    var ul = $('ul.ps-wrap');
    var ITEM_SIZE = 223;
    var sMax = (PAGE_SIZE - 3) * ITEM_SIZE;
    ul.css('width', PAGE_SIZE * ITEM_SIZE);
    ul.css('left', 0);
    $(".slider").slider({
        max: sMax,
        slide: function(event, ui) {
            ul.css('left', 0 - ui.value);
        }
    }).find(".ui-slider-handle").addClass("handle");
    $(".sliderLeftButton").mousedown(function() {
        ul.animate({ left: 0 }, { duration: 0 - parseInt(ul.css('left')) * 2, step: function() {
            $(".slider").slider('option', 'value', 0 - parseInt(ul.css('left')));
        }
        });
    });
    $(".sliderRightButton").mousedown(function() {
        ul.animate({ left: 0 - sMax }, { duration: (sMax + parseInt(ul.css('left'))) * 2, step: function() {
            $(".slider").slider('option', 'value', 0 - parseInt(ul.css('left')));
        }
        });
    });
    $(".sliderLeftButton").mouseup(function() {
        ul.stop();
    }).mouseout(function() {
        ul.stop();
    });
    $(".sliderRightButton").mouseup(function() {
        ul.stop();
    }).mouseout(function() {
        ul.stop();
    });
});