var animations = new Array();
var current_animations = new Array();
var to_show = new Array();
var delays = new Array();

// Start de animatie voor deze groep items
// De getoonde dingen moeten als ID <name>_<id> hebben
function start_animation( name, values, current, delay, visible ) {
	if( !visible ) 
		visible = 'block';
	
	animations[name] = values;
	current_animations[name] = current;
	to_show[name] = visible;
	delays[name] = delay;
	
	// Start de animatie ook echt
	setTimeout("change_animation( '" + name + "' );", delays[ name ] * 1000 );
}

function change_animation( name ) {
	values = animations[ name ];
	current = current_animations[ name ];
	
	// Zoek de index op, zodat we de volgende kunnen 
	// tonen
	for( i = 0; i < values.length; i++ ) {
		if( values[ i ] == current )
			current_index = i;
	}
	
	// Zoek de volgende ook op
	volgende_index = ( current_index + 1 ) % values.length;
	volgende = values[ volgende_index ];
	
	// Verberg de huidige en toon de volgende
	document.getElementById( name + "_" + current  ).style.display = "none";
	document.getElementById( name + "_" + volgende ).style.display = to_show[ name ];
	
	current_animations[ name ] = volgende;
	
	// Zorg dat de animatie blijft draaien
	setTimeout("change_animation( '" + name + "' );", delays[name] * 1000 );
}

function hide_animation( name ) {
	current = current_animations[ name ];

	document.getElementById( name + "_" + current  ).style.display = "none";
}