function initPage(){
	$('textbox').setOpacity(0.9); 
	
}

function showNavigation(ID){
	//$('navigation'+ID).appear( { queue: 'end' });
	var inQueue = false;
	
	var queue = Effect.Queues.get('navigationAppear');
	queue.each(function(effect){
		if(effect.element.id == 'navigation'+ID){inQueue = true; return;}
		effect.cancel();
	});
	
	var queue = Effect.Queues.get('navigationDisappearnavigation'+ID);
	queue.each(function(effect){
			effect.cancel()
		
	});
	
		$$('div.navigationBox').each(function(element){
			if(element.id == 'navigation'+ID){return;}
			//alert("fade "+element.id);
			element.fade({queue: { position: 'end', scope: 'navigationDisappear'+element.id }});
		});

		if(!inQueue){
			new Effect.Appear('navigation'+ID, {queue: { position: 'end', scope: 'navigationAppear' }});
		}
	
	
	
}

function showContent(ID){
	new Ajax.Updater('textbox', 'content_controller.php', {
		method: 'get',
		parameters: {
			action: 'getContent',
			contentID: ID
		},
		
		//onComplete: function(transport){alert(transport.responseText);}
		onComplete: function(transport){initLytebox();}
	});
	
	var newImage = new Element('img', {src: '/dateien/'+ID+'.bild.jpg', 'class': "foreground", style: "display: none;"});
	
	$$(".foreground").each(function(element){element.addClassName('background'); element.removeClassName('foreground')});
	
	$('contentCell').insert({top: newImage}); // wenn fade fertig. -_>queue
	
	
	var queue = Effect.Queues.get('picture');
	queue.each(function(effect){effect.cancel();});
	
	$$('.foreground').each(function(element){
									element.appear({queue: { position: 'end', scope: 'picture' }, 
												   afterFinish: function(){
													   $$('.background').each(
																			  function(el){
																				  el.remove();
																				})
												   }}
											)
									}
								);
}