function charCounter(id, maxlimit){
	counterLength = $F(id).length;
	
	if(counterLength >= maxlimit) {
		$('counter_'+id).addClassName('char_count_error');
		$(id).addClassName('char_count_error_outline');
	} else if(counterLength > 0) {	
		$('counter_'+id).removeClassName('char_count_error');
		$(id).removeClassName('char_count_error_outline');
		if ($('error_'+id) != null) {$('error_'+id).hide()};
	}

	$('counter_'+id).update( $F(id).length + '/' + maxlimit );	
}

function addCounter(id, maxsize){
	if ($(id)){
		Event.observe($(id), 'keyup', function(){charCounter(id, maxsize);});
		Event.observe($(id), 'keydown', function(){charCounter(id, maxsize);});
		charCounter(id,maxsize);
	}
}