var AB = (typeof AB == 'undefined' ? {} : AB);

AB.timeline = function()
{
	var map = document.getElementById('tracks-map');
	var tracks = map.getElementsByTagName('a');
	for(var i = 0, length = tracks.length ; i < length ; i++)
	{
		var track = tracks[i];
		Shine.addEventHandler(track, 'click', {host: this, handler: this.toggleInfos});
	}
	var tracksInfo = document.getElementById('tracks-info');
	var tracks = Shine.getElementsByClass(tracksInfo, 'div', 'track-info');
	var tracks = tracksInfo.getElementsByTagName('div');
	for(var i = 0; i < tracks.length ; i++)
	{
		if(tracks[i].className != 'content' && tracks[i].className != 'shine-content-area')
		{
			tracks[i].style.display = 'none';
		}
	}
}
AB.timeline.prototype.toggleInfos = function(Shine, sender, ev, data)
{
	var track;
	if(!(track = document.getElementById(sender.href.substr(sender.href.indexOf('#') + 1)))) return;
	if(track == this.toggled) return;
	
	if(typeof this.toggled != 'undefined')
	{
		this.toggled.style.display = 'none';
	}
	track.style.display = 'block';
	this.toggled = track;
}
AB.ondocumentloaded = function() { new AB.timeline(); };
Shine.addLoadHandler(AB);