var cNumbers = 6;
var cInterval = 40;
var cOneHeight = 38;

$(document).ready(function() {
  var cDestinationNumber = $('#startPOICounter').val();
  var cY = [], cNY = [];
  for (var i=0; i<cNumbers; i++) 
    cY[cNumbers-i-1] = (cOneHeight * 10) - (Math.round(cDestinationNumber.substring(i, i+1)) * cOneHeight);
  for (var i=0; i<cNumbers; i++) $('#cnt'+i).css({'background-position':'0 '+cY[i]+'px'});
  cDestinationNumber = $('#POICounter').val();
  refreshCounter = function() {
    for (var i=0; i<cNumbers; i++) 
      cNY[cNumbers-i-1] = (cOneHeight * 10) - (Math.round(cDestinationNumber.substring(i, i+1)) * cOneHeight);
    for (var i=0; i<cNumbers; i++) if (cY[i]!=cNY[i]) {
      cY[i]--;
      if (cY[i]<1) cY[i] = cOneHeight * 10;
      $('#cnt'+i).css({'background-position':'0 '+cY[i]+'px'});
    }
    setTimeout(refreshCounter, cInterval);
  };
  refreshCounter();
  loadCounter = function() {
    jQuery.get('/c/root.php', {'a':'points'}, function(d){
      cDestinationNumber = d;
    });
    setTimeout(loadCounter, 1000*30);
  };
  setTimeout(loadCounter, 1000*30);
});