$(function () {

    //Get our elements for faster access and set overlay width
    var div = $('div.sc_linhaTempo'),
		ul = $('ul.sc_linhaTempo'),
		ulPadding = 5;

    //Get menu width
    var divWidth = div.width();

    //Remove scrollbars	
    div.css({ overflow: 'hidden' });

    //Find last image container
    var lastLi = ul.find('li:last-child');

    //When user move mouse over menu
    div.mousemove(function (e) {
        //As images are loaded ul width increases,
        //so we recalculate it each time
        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
        var left = (e.pageX - div.offset().left) * (ulWidth - divWidth) / divWidth;
        div.scrollLeft(left);
    });
});

$(function () {

    //Get our elements for faster access and set overlay width
    var div = $('div.sc_linhaTempo2'),
		ul = $('ul.sc_linhaTempo2'),
		ulPadding = 5;

    //Get menu width
    var divWidth = div.width();

    //Remove scrollbars	
    div.css({ overflow: 'hidden' });

    //Find last image container
    var lastLi = ul.find('li:last-child');

    //When user move mouse over menu
    div.mousemove(function (e) {
        //As images are loaded ul width increases,
        //so we recalculate it each time
        var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
        var left = (e.pageX - div.offset().left) * (ulWidth - divWidth) / divWidth;
        div.scrollLeft(left);
    });
});