function addEvent(obj, evType, fn)
{
if (obj.addEventListener)
{
obj.addEventListener(evType, fn, true);
return true;
} 
else if (obj.attachEvent)
{
var r = obj.attachEvent("on"+evType, fn);
return r;
} 
else 
{
return false;
}
}

addEvent(window, 'load', 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='#';

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'));

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);
biggerFont.appendChild(biggerFontSpan);
smallerFont.appendChild(smallerFontSpan);

bigger.resizer = ta;
smaller.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;
}

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(biggerFont);
wrapper.appendChild(smallerFont);
}
});