$(function(){

	$(window).hashchange( function(){ //das hashchange event, welches aufgerufen wird wenn sich der hash ändert.
		
		var hash = (location.hash).replace('#', ''); //normal wäre der hash z.b "#startseite", aber wir wollen die raute nicht, weshalb wir sie durch replace entfernen, bzw. durch ncihts ersetzen.
		
		if(hash == '') { //Wenn der hash leer ist
			hash = '#startseite'; //übergeben wir "#startseite" an die variable
			location.hash = '#startseite'; //und ändern die URL 
		}
		
		hash = hash.toLowerCase(); //den hash in kleinbustaben umwandeln
		
		$('#main').hide(); //main verstecken
		/*
			natürlich kann man anstatt hide() (dem einfachen ausblenden) auch
			$('#main').slideUp() / $('#main').slideDown() benutzen wenn die Seite hoch/runter scrollen soll, oder
			$('#main').fadeOut() um sie langsam verblassen zu lassen.
		*/
		
		$('#main').load('pages/' + hash + '.html', function(response, status, xhr) { //versuche pages/XYZ.html zu laden
			if (status == "error") { //Seite wurde nicht gefunden
				$('#main').load('pages/' + hash + '.php', function(response, status, xhr) { //versuche pages/XYZ.php zu laden
					if (status == "error") { //Seite wurde nicht gefunden
						$('#main').load('pages/404.html'); //404 Seite laden
					}
				});
			}
		});
		
		$('#main').show(); //main anzeigen
	});
	$(window).hashchange(); //Wir rufen das hashchange event beim ersetn seiten besuch auf
});