/**
 * Initialise events and add callbacks
 */
var eventdiv;
var eventtext = new Array();
var eventtitle = new Array();
function initEvents()
{
eventdiv = document.getElementById('events');

var divs = eventdiv.getElementsByTagName('div');

	for(var key = 0; key<divs.length; key++)
	{
	var item = divs.item(key);
	eval("item.onclick=function(){expandEvent(" + key + ")}");
	eventtext[key] = item.innerHTML;
	eventtitle[key] = item.getElementsByTagName('h3')[0].innerHTML;
	}
	
collapseEvents();
expandEvent(0);
}

function expandEvent(key)
{
collapseEvents();
eventdiv.getElementsByTagName('div')[key].innerHTML = eventtext[key];
}

function collapseEvents()
{
var divs = eventdiv.getElementsByTagName('div');

	for(key in divs)
	{
		divs[key].innerHTML = "<h3 style=\"cursor:pointer;\">" + eventtitle[key] + "</h3>";
	}
}