var J = jQuery.noConflict();

(function(J) {
	J(document).ready(function(J){
		
		var counter = 0; // Starting display figure
		var end_figure = 200000000;
		
		var curdate = new Date()	
		var d = new Date(curdate.getFullYear(), curdate.getMonth() + 1, 0);
		var start_date = new Date(curdate.getFullYear(), curdate.getMonth(), 0,0,0,0);		
		
		var seconds_elapsed = Math.round((curdate.getTime() - start_date.getTime()) / 1000 );
						
		var seconds = 60*60*24*d.getDate();
		
		var step = Math.round(end_figure/seconds); // How much to increment the counter by every 'roll_every'
		
		var counter = 	Math.round(seconds_elapsed * step);
				
		var roll_every = Math.round(1000 / step); // how often to update the counter in milliseconds ( so 1 second )
		
	    var height = 18; //height in pixels of each digit
	    var roll_speed = roll_every - 1; // Speed of roll in milliseconds
	         	      	
	    var old_counter = 0;
	
		J("#Counter").everyTime(roll_every, function() {
	
		    counter += 1;
			if(counter > end_figure) counter = 0;
			
		    var current = counter.toString();
		    var old_current = old_counter.toString();
	
		    for (i=0;i<current.length;i++)
		    {
		       var substring = current.substring(i,i+1);
		       var old_substring = old_current.substring(i,i+1);
	
			   if(substring != old_substring)
			   {
				   J("#Counter ." + (i + 1)).show();
				   if(substring == "0")
				   {
						var pos = 10 * height;
						J("#Counter ." + (i + 1)).animate({backgroundPosition: "(0px -"+pos+" px)"}, roll_speed );
						pos = 0
		       	 		J("#Counter ." + (i + 1)).animate({backgroundPosition: "(0px -"+pos+" px)"}, 0 );
				   }else{
						var pos = substring * height;			   	
						J("#Counter ." + (i + 1)).animate({backgroundPosition: "(0px -"+pos+" px)"}, roll_speed );
				   }
			   }
		    }
		    old_counter = counter;
		});
	});
})(jQuery);