var count = 0;
 var max = 20;
 var timer = null;
 var tag = '%';
 var obj = null;
 var totalTime = 500;
 var incr = 50;
 var step = 1;
 var b = '';
 var percentagePoint = 1;
 var bar1 = null;
 var bar2 = null;
 var bMax1 = 0;
 var bMax2 = 0;
 
 function StartCounter(object, before, after, i, time){
  if(typeof(object) == 'string'){
   obj = document.getElementById(object);
   bar1 = document.getElementById(object + "comp1");
   bar2 = document.getElementById(object + "comp2");
  }
  else{
   obj = object;
   bar1 = document.getElementById(obj.id + "comp1");
   bar2 = document.getElementById(obj.id + "comp2");
  }
  if (obj)
  {
	  if(bar1 && bar2){
	   bMax1 = bar1.innerHTML;
	   bMax2 = bar2.innerHTML;

	   bar1.innerHTML = '';
	   bar2.innerHTML = '';
	  }
	  max = obj.innerHTML;
	  if(bar1 && bar2){
	   max = (bMax1 > bMax2 ? bMax1 : bMax2);
	   percentagePoint = bar1.parentNode.offsetWidth/max;
	  }

	  tag = after;
	  b = before;
	  step = i;
	  totalInc = Math.round(max/step,2);
	  incr = time/totalInc;
	  inc();
  }  
 }
 
 function inc(){
  count = count + step;
  if(count<=max){
   obj.innerHTML = b + count + tag;
   if(bar1 && bar2){
    if(count<=bMax1){
     bar1.style.width = (percentagePoint * count) + 'px';
    }
    if(count<=bMax2){
     bar2.style.width = (percentagePoint * count) + 'px';
    }
   }
   timer = setTimeout('inc()',incr);
  }
  else{
   clearTimeout(timer);
  }
 }
 
