function clearOnInitialFocus (fieldName) {

	var clearedOnce = false;
	
	document.getElementById(fieldName).onfocus = (function() {
		
		if (clearedOnce == false) {
			
			this.value = '';
			this.style.color = '#333333';
			clearedOnce = true;
		
		}
	})
}

ResizingTextArea = new Class(
	{
		iRows: 1,
		initialize: function(element, options)
		{
			this.element = $(element.id);
			this.element.setStyle('overflow','hidden');
			this.element.setStyle('overflow-x','auto');
			this.element.setProperty('wrap','vitual');
			this.iRows = this.getRows();
			this.opt = Object.extend(
				{
					resizeStep: 1
				},
				options || {}
			);
			this.resize(this); // Boot up just in case we used an onload
			this.element.onclick = this.resize.bindAsEventListener(this);
			this.element.onkeyup = this.resize.bindAsEventListener(this);
		},
		getRows: function()
		{
			return Math.max(this.element.getProperty('rows'), 3)
		},
		resize: function()
		{
			var lines = this.element.getValue().split('\n');
			var newRows = lines.length + this.opt.resizeStep;
			var oldRows = this.iRows;
			var cols = this.element.getProperty('cols');
			for (var i = 0; i < lines.length; i++)
			{
				var line = lines[i];
				if (line.length >= cols) newRows += Math.floor(line.length / cols);	
			}
			if (newRows > this.element.rows) this.element.setProperty('rows', newRows);
			if (newRows < this.element.rows) this.element.setProperty('rows', Math.max(this.iRows, newRows));
		}
	}
);

window.onload = function()
{

	$A(document.getElementsByTagName('textarea')).each(
		function(el)
		{
			el.onfocus = new ResizingTextArea(el);
		}
		
	);
}