/*
 * Each page should define a variable "pageCat" with either one
 * of the values 0, 1, or 2, depending on what navigation category
 * the page falls into:
 *
 * var pageCat = 0; // all navigation collapsed (default)
 * var pageCat = 1; // navigation item "menü" expanded
 * var pageCat = 2; // navigation item "feste feiern" expanded
 */
$(document).ready(function() {

	var leftPos;
	try {
		leftPos = -212 * pageCat;
	} catch (err) {
		pageCat = 0;
		leftPos = 0;
	}
	$('#menu').html(getNavMarkup(pageCat));
	$('#menu').css('background-position', leftPos + 'px 0');

	$('#switch li').click(function(e) {
		$('#switch li').removeClass('active');
		$(this).addClass('active');

		var idx = $(this).prevAll('li').length;
		var pos = -idx * $('#slides li').width();
		$('#slides').stop().animate({marginLeft:pos + 'px'}, 450);
		e.preventDefault();
	});
});

function getNavMarkup(pageCat) {
	var markup =
		'<ul>' +
		getListItem('home.htm', 'Home') +
		getMenueSubnavMarkup(pageCat) +
		getListItem('galerie_index1.htm', 'Galerie') +
		getListItem('aktuelles.htm', 'Aktuelles') +
		getFesteSubnavMarkup(pageCat) +
		getListItem('kontakt.htm', 'Kontakt') +
		getListItem('links.htm', 'Links') +
		'</ul>';
	return markup;
}

function getMenueSubnavMarkup(pageCat) {
	var markup = '<li><a href="menue.htm">Menü</a>';
	if (pageCat == 1) {
		markup += '<ul>' +
			getListItem('tageskarte.htm', 'Tageskarte') +
			getListItem('mittagsmenues.htm', 'Mittagsmenüs') +
			getListItem('menuevorschlaege.htm', 'Menüvorschläge') +
			getListItem('getraenke.htm', 'Getränke') +
			'</ul>';
	}
	markup += '</li>';
	return markup;
}

function getFesteSubnavMarkup(pageCat) {
	var markup = '<li><a href="feste_feiern.htm">Feste feiern</a>';
	if (pageCat == 2) {
		markup += '<ul>' +
			getListItem('feste_impressionen.htm', 'Impressionen') +
			'</ul>';
	}
	markup += '</li>';
	return markup;
}

function getListItem(itemTarget, itemLabel) {
	return '<li><a href="' + itemTarget + '">' + itemLabel + '</a></li>';
}