/*
		Auto grow function to slowly grow the text area so more text can be seen
		
		@param (object) object	::	the object we are wroking with normally (this)
		@param (int)	cols	:: the length of the default cols
		
		To make this take over just add this to the textarea onkeyup="AutoSize(this,50);
	*/
	function AutoSize(object,cols, rowsMax, rowsMin)
	{
		var rowsLimitMax = rowsMax;
		var rowsLimitMin = rowsMin;
		var object = document.getElementById(object.id);
		var x = object.value.split("\n");

		//make sure out text area has a limit and doesnt grow for ever
		if (object.rows <= rowsLimitMax)
		{
			object.rows = object.rows + (x.length-object.rows);
			//lets make sure our box has not grown bigger then the max
			if (object.rows > rowsLimitMax)
			{
				object.rows = rowsLimitMax;
				object.cols = cols * 1.5;
			}
			
			//lets make sure the box hasnt gotten too small!
			if (object.rows < rowsLimitMin)
			{
				object.rows = rowsLimitMin; //set it to the min
			}
		}
		
		//if something has been entered grow it!
		if (object.value.length > 0)
		{
			object.cols = cols * 1.5;
			document.getElementById('postButton').style.width = object.cols * 8.4 + 'px';
		}
		else
		{
			object.cols = cols; //when we resize it to the min lets also resize the box back to its default settings
			document.getElementById('postButton').style.width = cols * 8.4 + 'px';
		}
	}