/**
 * textareaMaxLength
 *
 * @author John Milmine <john@foxwebsites.co.nz>
 * @copyright 2008 Fox Web Solutions
 */
var focused = null;
$(document).ready(function(e) {
	if ($('textarea.maxLength').siblings('div.formValidationMessage').length == false) {
		element = $('textarea.maxLength');
		element.parent().append('<div class="formFeedback">You have used '+element.val().length+' of '+element.attr('maxlength')+' characters</div>');
		element.parent().append('<div class="formValidationMessage">Text must be '+element.attr('maxlength')+' characters or less</div>');
		element.siblings('div.formValidationMessage').hide();
	} else {
		element = $('textarea.maxLength');
		element.parent().append('<div class="formFeedback">You have used '+element.val().length+' of '+element.attr('maxlength')+' characters</div>');
		element.siblings('div.formFeedback').hide();
	}
	$('textarea.maxLength').keydown(function() {
		checkLength();
	});
	$('textarea.maxLength').keyup(function() {
		checkLength($(this));
	});	
	
	function checkLength(element) {
		if (element.attr('maxlength') < element.val().length) {
			
			element.addClass('inputError');			
			element.siblings('div.formValidationMessage').show();
			element.siblings('div.formFeedback').delay(1000).hide();			
		} else {
			element.removeClass('inputError');
			element.siblings('div.formValidationMessage').hide();	
			element.siblings('div.formFeedback').show();		
			element.siblings('div.formFeedback').html('You have used '+element.val().length+' of '+element.attr('maxlength')+' characters');
		}
	}
});