﻿$(document).ready(function() {

    var ul = 'ul#ticker';
    var container = $('div#ticker_container');
    var speed = 100000; //ms to complete animation

    var real_ul_width = 0;
    var ul_html = $(ul).parent().html();

    $(ul + ' li').each(function() {

        real_ul_width += ($(this).width() + parseInt($(this).css('padding-right')));

    });

    var scroll_amount = real_ul_width + container.width();

    function first_to_last(ul_x, w) {

        $(ul_x).remove();
        container.append(ul_html);
        container.children().css({ left: container.width() });
        a_scroll(container.children());

    }

    function a_scroll(ul, w) {

        $(ul).animate({
            left: '-=' + scroll_amount
        },
			speed,
			'linear',
			function() {
        first_to_last(ul);
       
   
			}
		);

    }

    $(ul).css({ left: container.width() });

    a_scroll(ul);

});
