function createLimitDiv(field, maxLength) {
	if(field.relatedElement == null){
		var limitDiv = document.createElement('div');
		limitDiv.className = 'limitDiv';
		limitDiv.relatedElement = field;
		limitDiv.innerHTML = '<small><span>' + field.value.length + '/' + maxLength + ' character max</span></small>';
		try{
		    field.parentNode.insertBefore(limitDiv, field.firstChild);
		}catch(e){
		    field.parentNode.insertBefore(limitDiv, field.nextSibling);
		}
		field.relatedElement = limitDiv.getElementsByTagName('span')[0];
	}
}

function checkMaxLength(field, maxLength) {
	if(field.value.length > maxLength){
		field.value = field.value.substring(0,maxLength);
	}

	if(field.value.length >= maxLength){
		field.relatedElement.className = 'limitDivMx';
	}else{
		field.relatedElement.className = '';
	}

	field.relatedElement.firstChild.nodeValue = field.value.length + '/' + maxLength + ' character max';
}