$(function() {

	$('#mainNav>ul>li>a').hover(function(e) {
		var html = '<div id="mainNavTooltip"><div id ="mainNavTooltipContent">';
		var id =$(this).attr("id");
		if (id == 'Chronik') html += 'Erfahren Sie mehr aus unserer Vergangenheit seit 1894.';
		else if (id == 'Ausruestung') html += 'Hier findet man unser LF8, MTW, Hydranten,...';
		else if (id == 'Einsaetze') html += 'Hier gibt es Infos zu aktuellen und älteren Einsätzen.';
		else if (id == 'Termine') html += 'Letzte Übung verpasst? Hier stehen alle Termine.';
		else if (id == 'Jugend') html += 'Erfahren Sie mehr über unsere Jugend und deren Tätigkeiten.';
		else if (id == 'Fotos') html += 'Hier gibt es Bilder zu unseren Aktivitäten.';
		else if (id == 'Kontakt') html += 'Benötigen Sie weitere Infos? Hier gibts Kontaktadressen.';
		else if (id == 'Gaestebuch') html += 'Hinterlassen Sie ein Grußwort im Gästebuch!';
		else if (id == 'Links') html += 'Hier gibts ein paar ausgewählte Links im WWW.';
		html +=		'</div></div>';
						
		$('body').append(html).children('#mainNavTooltip').hide().fadeIn(400);
		$('#mainNavTooltip').css('top', 140).css('left', e.pageX - 70);
			
	}, function() {
		$('#mainNavTooltip').remove();
	});
	
	$('#mainNav>ul>li>a').mousemove(function(e) {
		$('#mainNavTooltip').css('top', 140).css('left', e.pageX - 70);
	});
});