$(document).ready(function () {
    $('#timeline').mousedown(function (event) {
        $(this)
                .data('down', true)
                .data('x', event.clientX)
                .data('scrollLeft', this.scrollLeft);

        return false;
    }).mouseup(function (event) {
        $(this).data('down', false);
    }).mousemove(function (event) {
        if ($(this).data('down') == true) {
            this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
        }
    }).mousewheel(function (event, delta) {
        this.scrollLeft -= (delta * 310);
       // this.scrollLeft(-(delta * 310));

        
    }).css({
        'overflow': 'hidden',
        'cursor': '-moz-grab'
    });
});

$(window).mouseout(function (event) {
    if ($('#timeline').data('down')) {
        try {
            if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
                $('#timeline').data('down', false);
            }
        } catch (e) { }
    }
});