ajaxtable = new Class({
	initialize: function(tableid, options){
		if (!options) options = {};
		this.tableid = tableid;
		this.table = $(tableid);
		this.table.prev =  function(){ this.prev() }.bind(this);
		this.table.next = function(){ this.next() }.bind(this);
		this.tbody = this.table.tBodies;

	},
		
	prev: function()
	{
		this.load(1,10);
	},
		
	next: function()
	{
		this.load(2,10);
	},
		
	load: function(offset, amount)
	{
		this.req = new Ajax('index.php', {postBody:'cat=ajaxTable&id='+this.tableid+'&offset='+offset+'&amout='+amount+'&', onComplete: function(e){this.replaceContent(e)}.bind(this)}).request();
	},
		
	replaceContent: function(input) // nasty (but fast) fix for internet explorer not knowing TBODY...
	{
		eval("var inputObject = "+input.responseText);	
		var docFragment = document.createDocumentFragment();
		var newcontent= document.createElement('TBODY');
		var currentcontent = this.table.tBodies.item(0);
		for (var i in inputObject['items']) 
		{
			var tr = document.createElement('tr');
			for(var j in inputObject['items'][i])
			{
				var td = document.createElement('td');
				td.innerHTML = inputObject['items'][i][j];
				tr.appendChild(td);
			}
			newcontent.appendChild(tr);
		}
		docFragment.appendChild(newcontent);
		this.table.appendChild(docFragment); 
		this.table.replaceChild(newcontent, currentcontent); // huub-huub, barbatruuk
	}
});