/**
* Class for adding text counter
*
* @el id text form (textarea)
* @counter id counter form
* @max max length of characters
*/

// TODO
// Counter form
textcounter = function(el, cnt, max) {
	this.element = document.getElementById(el);
	this.count = document.getElementById(cnt);
	
	this.maxLength = max;

	this.init();
}

textcounter.prototype = {
	init: function() {
		var obj = this;

		// init counter form
		this.count.readOnly = true;
		this.count.size = '3';
		this.count.maxLength = '3';
		this.count.value = this.maxLength;

		this.counting();

		// atach event for text form
		this.element.onkeydown = function() {
			obj.counting();
		}

		this.element.onkeyup = function() {
			obj.counting();
		}
	},

	counting: function() {
		this.count.innerHTML = this.maxLength - this.element.value.length;
		if(this.element.value.length > this.maxLength) {
			this.element.value = this.element.value.substring(0, this.maxLength);
		} else {
			this.count.value = this.maxLength - this.element.value.length;
		}
	}
}