$(function () {
    var initialAmount = Number($('#counter').text());
    var increaseValue = Number($('#increaseValue').text());
    var counterTime = Number($('#counterTime').text());
    var serverTime = Number($('#serverTime').text());
    var currentValue = 0;

    function formatValue(val) {
        val = val + "";
        var parts = [];
        while (val.length > 3) {
            parts.push(val.substr(val.length - 3, 3));
            val = val.substr(0, val.length - 3);
        }
        if (val.length > 0) {
            parts.push(val);
        }
        return parts.reverse().join(',');
    }

    function updateCounter() {
        var secSinceLastUpdate = serverTime - counterTime;
        currentValue = initialAmount + secSinceLastUpdate * increaseValue;
        $('#counter').text(formatValue(currentValue));
	$('#counter').css('color','#C3C3C3');
	$('.amount .currency').css('color','#C3C3C3');

        setInterval(function () {
            currentValue += increaseValue;
            $('#counter').text(formatValue(currentValue));
        }, 1000);
    }

    updateCounter();
});