1) Script Title: Dynamic Ajax Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...jaxcontent.htm

3) Describe problem: I would like to know how could I make the left column/table into a manually scrollable by clicking the NEXT or PREVIOUS button? I would also like it to fit height 100% of the table. The html code is as follows:

--------------------------------------------------------------------------
<table width="130" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="130" valign="top"><div id="leftcolumn">
<div align="center"> <a href="javascript:ajaxpage('files/link01.htm', 'rightcolumn');"><img src="files/sm01.jpg" alt="" width="120" height="60" border="0" /> <font face="Verdana" size="2"> <span style="font-weight: 400">Link1</span></font></a> <a href="javascript:ajaxpage('files/link02.htm', 'rightcolumn');"><img src="files/sm02.jpg" alt="" width="120" height="60" border="0" /> <span style="font-weight: 400"> <font size="2" face="Verdana">Link2</font></span></a> <a href="javascript:ajaxpage('files/link03.htm', 'rightcolumn');"><img src="files/sm03.jpg" alt="" width="120" height="60" border="0" /> <span style="font-weight: 400"> <font size="2" face="Verdana">Link3</font></span></a><a href="javascript:ajaxpage('files/link04.htm', 'rightcolumn');"><img src="files/sm04.jpg" alt="" width="120" height="60" border="0" /> <span style="font-weight: 400"> <font size="2" face="Verdana">Link4</font></span></a> <a href="javascript:ajaxpage('files/link05.htm', 'rightcolumn');"><img src="files/sm05.jpg" alt="" width="120" height="60" border="0" /> <span style="font-weight: 400"> <font size="2" face="Verdana">Link5</font></span></a></div></td>
</tr>
</table>
--------------------------------------------------------------------------

thank you