var fotos = new Array();
var current_fotos = new Array();

// Start de navigatie voor deze groep items
// De getoonde dingen moeten als ID <name>_<id> hebben
function start_navigation( name, values, current ) {
	fotos[ name ] = values;
	current_fotos[ name ] = current;	
}

function hide_navigation( name ) {
	current = current_fotos[ name ];
	if( typeof( current ) != "undefined" ) {
		document.getElementById( name + "_" + current ).style.display = "none";
	} 
}
	
function show_navigation_by_id( name, id ) {
	values = fotos[ name ];
	
	// Zoek de index op, zodat we de volgende kunnen 
	// tonen
	for( i = 0; i < values.length; i++ ) {
		if( values[ i ] == id )
			show_navigation( name, i );
	}
}

function show_navigation( name, ind ) {
	values = fotos[ name ];
	current = current_fotos[ name ];
	
	// Verberg de huidige en toon de volgende
	document.getElementById( name + "_" + current  ).style.display = "none";
	document.getElementById( name + "_" + fotos[ name ][ ind ] ).style.display = "block";
	
	current_fotos[ name ] = fotos[ name ][ ind ];
}

function change_navigation( name, inc ) {
	values = fotos[ name ];
	current = current_fotos[ 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;
	}

	show_navigation( name, ( current_index + inc ) % values.length );
}