/*
conteo de caracteres para jquery
modificado de http://grimaldo.ws/contar-caracteres-con-jquery-estilo-twitter/
*/

function limitChars(txtField, charLimit, displayDiv){

	var txt = $('#' + txtField).val();
	var txtLength = txt.length;

	$('#' + displayDiv).html(charLimit - txtLength);
	
	if(txtLength <= charLimit || txtLength == 0){//<- Si es menor al límite establecido ó igual a 0
		$('#' + displayDiv).css('color', '#000');//<- La tipografía será de color negro.
	}else{
		$('#' + displayDiv).css('color', '#F00');//<- Si no se cumple la condición será roja
	}
}

function charsCounter(txtField, charLimit, displayDiv){
	limitChars(txtField, charLimit, displayDiv);	
	/*Aquí activamos la misma función para actulizar el conteo, se activa cada vez
	que la tecla se suelta*/
	$('#' + txtField).keyup(function(){ //<- Asignamos el evento keyup
		limitChars(txtField, charLimit, displayDiv); //<- Activamos nuevamente la función	
	});
}
/*funcion customizada para comentarios no blog*/
$(function(){
		charsCounter(
			'p', 			//<- El Id del campo / área de texto al que aplicaremos la función.
			1500,				//<- La cantidad de caracteres que estamos designando como límite.
			'counterDisplay'	//<- El id del objeto donde imprimiremos los resultados
		); 		
});