//##########################################################################################

//place our event hook
function counter(){
	var counterNode = document.getElementById("counter");
	var textNode = document.getElementById("text");
	var maxNode = document.getElementById("max");
	var maxValue = maxNode.innerHTML;

	textNode.onkeyup = function(){
		if(textNode.value.length > maxValue){
			textNode.value = textNode.value.substring(0, maxValue);
		}
		
		counterNode.innerHTML = textNode.value.length;
	}
};

function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function') { 
		window.onload = func; 
	}
	else { 
		window.onload = function() { 
			if (oldonload) { 
				oldonload(); 
			} 
			func(); 
		};
	} 
}

addLoadEvent(counter);


//##########################################################################################