function loadticker(ticnum, animationdelay) {
    var fticnum = add_commas(ticnum);
    var numheight = 35;
    addticker(fticnum);
    if (ticnum && ticnum != 0) {

        var s = String(fticnum);

        for (i = s.length; i >= 0; i--) {
            var onum = s.charAt(i);
            $("#num" + i).attr('value', onum);
        }

        $(".counter-number").each(function() {
            var nval = $(this).attr("value");
            if (!isNaN(nval)) {
                var nheight = Number(nval) * numheight * -1;
                $(this).animate({ top: nheight + 'px' }, animationdelay);
            }
            if (nval == ',') {
                $(this).animate({ top: '-350px' }, animationdelay);
            }
        });
    }
}

function addticker(newnum) {
    var digitcnt = $(".counter-number").size();
    var nnum = String(newnum).length;
    var digitdiff = Number(nnum - Number(digitcnt));
    
    if (digitdiff < 0) {
        var ltdig = (Number(nnum) - 1);
        $(".counter-number:gt(" + ltdig + ")").remove();
    }

    for (i = 1; i <= digitdiff; i++) {
        $(".counter-wrap").append('<div class="counter-number" id="num' + (Number(digitcnt + i - 1)) + '">&nbsp;</div>');
    }
}

function add_commas(nStr) {
    nStr += '';
    x = nStr.split('.');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + ',' + '$2');
    }
    return nStr; //x1 + x2;
}

$(function() {
    $(".banner-container-counter").hide();

    $(".counter-number").each(function(i) {
        $(this).attr('id', 'num' + i);
    });

    var tickerCounter = parseInt($('#counter-number-value').text());
    loadticker(tickerCounter, 0);

    $(".banner-container-counter").show();
    
    var timer = setInterval(updateNumber, 10000);

    function updateNumber() {
        var noCache = Date();
        $.getJSON("/svc/StormbergService.svc/Turnover", { "noCache": noCache }, function(data) {
            if (data.d > tickerCounter) {
                tickerCounter = data.d;
                loadticker(tickerCounter, 6000);
            }

        });

        loadticker(tickerCounter, 6000);

    }


});