function charCounter(id, maxlimit, limited){
	if($F(id).length > maxlimit) {
		if(limited) {
			$(id).value = $F(id).substring(0, maxlimit);
		}
		$('counter-'+id).addClassName('red');
	} else {
		$('counter-'+id).removeClassName('red');
	}

	$('counter-'+id).update( $F(id).length );
}

function makeItCount(id, maxsize, limited){
	if(limited == null) limited = true;
	if ($(id)){
		$(id).observe('keyup', function() {
			charCounter(id, maxsize, limited);
			}).observe('keydown', function() {
				charCounter(id, maxsize, limited);
				}).observe('focus', function() {
					charCounter(id, maxsize, limited);
					}).observe('blur', function() {
						charCounter(id, maxsize, limited);
						});
		charCounter(id,maxsize,limited);
	}
}

document.observe('dom:loaded', function() {
	makeItCount('cnp', 13, true);
});