function formatDollar(num) {
    var p = num.toFixed(2).split(".");
    return "" + p[0].split("").reverse().reduce(function(acc, num, i, orig) {
        return  num=="-" ? acc : num + (i && !(i % 3) ? "," : "") + acc;
    }, "") + "." + p[1];
}

window.onload = function() {
	var campaign=1773824;
	var weekadd=20000;
	var page_found=117721;
	var page_share=15000;
	function update_1(){
		var min = 0;
		var max = 20;
		var t_tit = Math.floor(Math.random() * (max - min + 1) + min);
		campaign = campaign+t_tit;
		//var get_ti = campaign.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, ".");
var get_ti = formatDollar(campaign).toString();
		jQuery("#cav_1").html(get_ti);
	}
	function update_2(){
		var min = 0;
		var max = 20;
		var t_tit = Math.floor(Math.random() * (max - min + 1) + min);
		weekadd = weekadd+t_tit;
		var get_ti = weekadd.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, ".");
		jQuery("#cav_2").html(get_ti);
	}
	function update_3(){
		var min = 0;
		var max = 20;
		var t_tit = Math.floor(Math.random() * (max - min + 1) + min);
		page_found = page_found+t_tit;
		var get_ti = page_found.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, ".");
		jQuery("#cav_3").html(get_ti);
	}
	function update_4(){
		var min = 0;
		var max = 20;
		var t_tit = Math.floor(Math.random() * (max - min + 1) + min);
		page_share = page_share+t_tit;
		var get_ti = page_share.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, ".");
		jQuery("#cav_4").html(get_ti);
	}
	setInterval(function(){update_1()},1000);
	setInterval(function(){update_2()},500); 
	setInterval(function(){update_3()},700); 
	setInterval(function(){update_4()},300); 
	var dataPoints = [];
	var chart = new CanvasJS.Chart("chartContainer", {
		axisX: {
			interval: 0
		},
		interactivityEnabled:false,
		data: [{
			markerType: "none",
	        type: "area",
	        color: "#434343",
	        showInLegend: false,
			dataPoints: dataPoints
		}],
		theme: "",
    	backgroundColor :""
	});
	var xVal = 20;
	var yVal = 10;	
	var updateInterval = 1000;
	var dataLength = 8;
	var updateChart = function (count) {
		count = count || 1;
		for (var j = 0; j < count; j++) {	
			yVal = yVal +  Math.round(5 + Math.random() *(-5-5));
			dataPoints.push({
				x: xVal,
				y: yVal,markerSize:1,markerBorderColor:"#cc1f27",lineColor: "#717171"
			});
			xVal++;
		};
		if (dataPoints.length > dataLength)
		{
			dataPoints.shift();				
		}
		chart.render();		
	};
	updateChart(dataLength); 
	setInterval(function(){updateChart()}, updateInterval); 
}