/*------------------------------------------------------------------
[ Evident jQuery Library ]

Plug-in name:	textareaCounter
Purpose:		counts input characters and shows warning when maximum is reached
Usage:			
Version:		1.0
Last change:	20/02/09 (mb) 
Assigned to:	Marc Bruisten (mb)

--------------------------------------------------------------------*/

(function($){
	$.fn.textareaCounter = function(maxcount) {

		//create and append counter message
		//<div id="ctrCounter">Aantal karakters: <span class="counter">0</span> van maximaal $maxcount</div>

		var countermessage = 		
			$(document.createElement('div'))
			.attr('id','ctrCounter')
			.append(
				$(document.createTextNode('Aantal karakters: ')),
				$(document.createElement('span'))
				.attr('class','counter')
				.append($(document.createTextNode('0'))),
				$(document.createTextNode(' van maximaal ')),
				maxcount
			)
		
		var counter = countermessage.find('span');

		this.keydown(function() {
			counter.text(this.value.length);
			
			if (this.value.length > maxcount)
			{
				counter.css('color','red');
				$(this).css('color','red');
			}
			else 
			{
				counter.css('color','#333');
				$(this).css('color','#333');
			}

		})
		
		this.after(countermessage);

	};
})(jQuery);