//mensagem default do contador
var MsgDefault = 'Voc&ecirc; j&aacute; digitou <span id="MsgCount"></span> caracteres de 500 permitidos.';

//mensagem de alerta do contador
var MsgAlerta = 'Limite de caracteres excedidos. Apague algumas letras ou palavras para aparecer novamente o botão para enviar seu comentário.';

 /**
  * Executa a função
  */
 $(document).ready(function() {
  //inicia com a mensagem default
  $('#Msg').html(MsgDefault);
  
  //coloca um valor defaul para a contagem de carateres
  var conta = $('#MsgCount').text();
  
  if(conta == ''){
  	$('#MsgCount').text(0);
  }
  
  /**
   * O evento keyup dispara quando uma tecla do teclado é liberado.
   */
  $("#comment").keyup(function (event) {
   /**
    * Obtem o valor da textarea
    */
   $Msg = $(this).val();
   
   /**
    * Aqui você define o número máximo de caracteres
    */
   var maxText     = 500;
   
   /**
    * Obtem a quantidade de caracteres
    */
   var numChar = $Msg.length;
   
   /**
    * "Exibe" na div somando "um a um" a quantidade de caracteres digitados
    */
   $("#MsgCount").text(numChar);
   
   /**
    * Testa se o total de caracteres é inferior ao permitido
    * Mudando a cor da fonte do div para azul
    */
   if ( numChar < maxText )
   {
    $("#submit").show();
   }
   else
   {
    /**
     * Caso chegue no limite alerta
     */
    if ( numChar == maxText)
    {
     $('#Msg').html(MsgDefault);
	 $('#MsgCount').text(500);
	 $("#submit").show();
    }
	else if ( numChar > maxText)
    {
     /**
      * Apos o alerta se for precionado a tecla diferente da backspace do teclado
      * disabilita a textarea e "Exibe" na div o teste "Desabilitado" com a cor vermelha
      */
     if (event.keyCode != 8)
     {
      $("#submit").hide();
      $("#Msg").html(MsgAlerta);
     }
    }
   }
  });
 });