$(document).ready(function() {
	
	
	// Alle Content-Bereiche verstecken
	$('div.hideable').slideUp(0);
	
	// Eventlistener auf MenueItems legen:
	$('div.menuHeadline').click(onMenuHeadlineClick);
	
	// Headline Animation
	$('div.menuHeadline').hover(function() {
	    $(this).stop().animate({paddingLeft: 1.5 + 'em'}, 'fast');
	}, function() {
	    $(this).stop().animate({paddingLeft: 0 + 'em'}, 'fast');	
	});

	
	// Streifen testweise auf volle Höhe setzen
	updateHeight();
	$(window).resize( updateHeight );
	$(document).resize( updateHeight );


	// zoomimage einrichten:
	$('a.gal00').zoomimage({
		opacity: 0.8,
		controlsTrigger: 'mouseover',
		centered: true,
		border: 4

	});
		
});

// ================================================
// = immer wenn die Maus auf eine Headline clickt =
// ================================================
function onMenuHeadlineClick(aEvent) {
	
	// Namen aus der ID extrahieren -> "menu" durch "content" austauschen
	var lName = "#" + this.id.replace('menu','content');
	
	// zunächst alle sichtbaren verstecken, aber nicht das aktive:
	$('div.hideable:visible').not(lName).slideUp('fast');
	
	// das richtige toggeln:
	$(lName).slideToggle('fast');
	
	return false;

}

function updateHeight() {
	
	var lHeight = Math.max($(window).height(), $(document).height());
	
	$('#stripe img').height(lHeight * 0.8);
}