// code direkt nach seitenaufbau starten
$(document).ready(function()
{
   // allen links im div 'navigation' eine click()-funktion zuweisen
   // es wird auch auf alle links von der dynamisch nachgeladenen
   // seiten reagiert (solange die seiten in das content-div geladen werden)!
   $("#ajax_nav a, #ajax_content a").live("click",function()
   {
	// das link-ziel jeweils auslesen & zwischenspeichern
	var pageToLoad = $(this).attr("href");
	// varaible für den neuen inhalt
	var pageContent;
 
	// die externe seite laden, der inhalt ist dann in 'data'
	$.get(pageToLoad, function(data)
	{
	   // den inhalt zwischenspeichern
	   pageContent=data;
 
	   // content-div langsam ausblenden
	   $("#ajax_content").fadeOut("slow", function()
	   {
		// wenn das ausblenden fertig ist, inhalt an das content-div übergeben
		$("#ajax_content").html(pageContent);
		// content-div langsam wieder einblenden lassen
		$("#ajax_content").fadeIn("slow");
 
		// oder in kurzer form (vorzuziehen)
		// $("#content").html(pageContent).fadeIn("slow");
	   });
	});
 
	// wichtig! sonst wird der a-link im browser aufgerufen!
	return false;
});
});