var InputHighlight = Class.create();

InputHighlight.prototype = {
	initialize: function(option) {
		var tags = ['INPUT', 'TEXTAREA'];
		var date = new Date();
		var time = date.getTime();

		for (var tagCounter = 0; tagCounter < tags.length; tagCounter++) {
			var inputs = document.getElementsByTagName(tags[tagCounter]);
			for (var i = 0; i < inputs.length; i++) {
				if (!inputs[i].id) {
					inputs[i].id = '__' + tags[tagCounter].toLowerCase() + '_' + time + '_' + i;
				}
				Event.observe(inputs[i].id, 'blur', function(e) { 
					var input = e.target || e.srcElement; 
					this.blur({id: input.id});
				}.bind(this));
				Event.observe(inputs[i].id, 'focus', function(e) { 
					var input = e.target || e.srcElement;
					this.focus({id: input.id});
				}.bind(this));
			}
		}

		if (typeof option != "object") {
			option = {id: null};
		} else if (!option.id || $(option.id) == null) {
			option.id = null
		}

		if (!option.id && document.forms.length > 0 && document.forms[0].elements.length > 0) {
			option.id = document.forms[0].elements[0].id;
		}
		
		if ($(option.id) != null) { 
			//$(option.id).focus();
		}
	},
	focus: function(option) {
		$(option.id).style.backgroundColor = '#E5FFF2';
		$(option.id).style.color = '#000000';
	},
	blur: function(option) {
		$(option.id).style.backgroundColor = '';
		$(option.id).style.color = '#000000';
	}
}