// code direkt nach seitenaufbau starten
$(document).ready(function()
{
	// allen links mit der class 'hilfebox' eine click()-funktion zuweisen
	$(".hilfebox").click(function(e)
	{
		// position des geklickten elementes bestimmen und dort die linke obere ecke der hilfebox setzen
		// fuer die x-koords wird zusaetzlich der left-wert des contentbereichs abgezogen,
		// da je nach bildschirmaufloesung ein unterschiedlich breiter linker rand am dokument entsteht,
		// der beruecksichtigt werden muss, sonst schiesst die hilfebox zu weit rechts raus.
		var posX = $(this).offset().left - $("#contentbereich").offset().left;
		var posY = $(this).offset().top;
		$("#Hilfebox").css({"left":posX+"px","top":posY+"px"});

		// das link-ziel jeweils auslesen & zwischenspeichern
		var pageToLoad = $(this).attr("href");

		// dem div 'hilfecontent' den inhalt der aufgerufenen seite zuweisen und hilfebox anzeigen
		$("#hilfecontent").load(pageToLoad);
		
		$("#Hilfebox").show();

		// wichtig! sonst wird der a-link im browser aufgerufen!
		return false;
	});

});