document.observe("dom:loaded", function()
{
	observeLinks();
});

function observeLinks() {
	var paginationLinks = $$("ul.pagination a");
	paginationLinks.each(function(link) {
		link.observe('click', getRunsDiv);
	});
}
function getRunsDiv(event)
{
	if (event) { event.stop(); }
	var link = Event.element(event);
	var runsDiv = $("runs");
	var url = link.toString();
	
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport, json) {
			var newRunsDiv = new Element('div', { 'id': 'runs'}).update(json);
			newRunsDiv.setStyle({
			opacity: 0.0,
			});
			runsDiv.replace(newRunsDiv);
			observeLinks();
			newRunsDiv.appear();
			return true;
		},
		onFailure: function(transport) {
			var response = transport.headerJSON;
			alert('Sorry, there was a problem querying the database.');
		}
	});
	
}