window.onload = function() {
	
	var resizables = document.getElementsByTagName("textarea");
	var i, ta, wrapper, bigger, smaller, biggerFont, smallerFont, biggerSpan, smallerSpan, biggerFontSpan, smallerFontSpan;
	for (i=0; i<resizables.length; i++)
	{
		ta = resizables[i];
		
		wrapper = document.createElement('DIV');
		wrapper.className = 'resizerWrapper';
		ta.parentNode.replaceChild(wrapper, ta);
		wrapper.appendChild(ta);
		
		bigger = document.createElement('A');
		bigger.className = 'resizeBigger';
		bigger.href = '#';
		
		smaller = document.createElement('A');
		smaller.className = 'resizeSmaller';
		smaller.href='#';
		
		biggerW = document.createElement('A');
		biggerW.className = 'resizeBiggerW';
		biggerW.href = '#';
		
		smallerW = document.createElement('A');
		smallerW.className = 'resizeSmallerW';
		smallerW.href='#';

		biggerFont = document.createElement('A');
		biggerFont.className = 'resizeBiggerFont';
		biggerFont.href = '#';
		
		smallerFont = document.createElement('A');
		smallerFont.className = 'resizeSmallerFont';
		smallerFont.href='#';
		
		smallerSpan = document.createElement('SPAN');
		smallerSpan.appendChild(document.createTextNode('smaller'));
		
		biggerSpan = document.createElement('SPAN');
		biggerSpan.appendChild(document.createTextNode('bigger'));
		
		smallerSpanW = document.createElement('SPAN');
		smallerSpanW.appendChild(document.createTextNode('smallerW'));
		
		biggerSpanW = document.createElement('SPAN');
		biggerSpanW.appendChild(document.createTextNode('biggerW'));
				
		smallerFontSpan = document.createElement('SPAN');
		smallerFontSpan.appendChild(document.createTextNode('smaller font'));
		
		biggerFontSpan = document.createElement('SPAN');
		biggerFontSpan.appendChild(document.createTextNode('bigger font'));
		
		bigger.appendChild(biggerSpan);
		smaller.appendChild(smallerSpan);	

		biggerW.appendChild(biggerSpanW);
		smallerW.appendChild(smallerSpanW);	

		biggerFont.appendChild(biggerFontSpan);
		smallerFont.appendChild(smallerFontSpan);	
		
		bigger.resizer = ta;
		smaller.resizer = ta;

		biggerW.resizer = ta;
		smallerW.resizer = ta;

		biggerFont.resizer = ta;
		smallerFont.resizer = ta;	
		
		bigger.onclick = function()
		{
			if (this.resizer.style.height == '')
				this.resizer.style.height = this.resizer.clientHeight+'px';
			this.resizer.style.height = (parseInt(this.resizer.style.height) + 30) + "px";				
			return false;	
		}
		
		smaller.onclick = function()
		{
			if (this.resizer.style.height == '')
				this.resizer.style.height = this.resizer.clientHeight+'px';
			
			if ((parseInt(this.resizer.style.height) - 30) > 30)			
				this.resizer.style.height = (parseInt(this.resizer.style.height) - 30) + "px";
			return false;	
		}
				
		biggerW.onclick = function()
		{
			if (this.resizer.style.width == '')
				this.resizer.style.width = this.resizer.clientWidth+'px';
			this.resizer.style.width = (parseInt(this.resizer.style.width) + 30) + "px";				
			return false;	
		}
		
		smallerW.onclick = function()
		{
			if (this.resizer.style.width == '')
				this.resizer.style.width = this.resizer.clientWidth+'px';
			
			if ((parseInt(this.resizer.style.width) - 30) > 30)			
				this.resizer.style.width = (parseInt(this.resizer.style.width) - 30) + "px";
			return false;	
		}		
		
		biggerFont.onclick = function()
		{
			if (this.resizer.style.fontSize == '')
				this.resizer.style.fontSize = '1em';

			this.resizer.style.fontSize = (parseFloat(this.resizer.style.fontSize) + 0.1) + "em";			
					
			return false;	
		}		
		
		smallerFont.onclick = function()
		{
			if (this.resizer.style.fontSize == '')
				this.resizer.style.fontSize = '1em';

			if ((parseFloat(this.resizer.style.fontSize) - 0.1) > 0.5)			
				this.resizer.style.fontSize = (parseFloat(this.resizer.style.fontSize) - 0.1) + "em";
	
			return false;	
		}			
		
		wrapper.appendChild(bigger);
		wrapper.appendChild(smaller);
		wrapper.appendChild(biggerW);
		wrapper.appendChild(smallerW);
		wrapper.appendChild(biggerFont);
		wrapper.appendChild(smallerFont);
	}	
};