$(document).ready(function()
{
	$('#container div').hide(); //versteckt alle divs innerhalb des #containers
	$('div.tab1').show(); //ausgenommen das mit der Klasse .tab1, dieses wird als erstes angezeigt
	$('li.tab1 a').addClass('tab-offen'); //dem Link zu Tab 1 wird die Klasse .tab-offen hinzugefügt

	$('#container ul li a').click(function()
	{ //wenn einer der Tab-Links geklickt wird
		var id = this.className.slice(0,4); //holt sich das, was in der Klasse des gedrückten Links an Zeichenstelle 0 bis 4 ("tabn") steht und speichert es als Variable "id" ab
		$('#container div').hide(); //bisher gezeigtes div (Tab) wird versteckt - überdeckt sonst andere Tabs
		$('div.' + id).show(); //div mit der zwei Zeilen zuvor geholten Klasse wird gezeigt
		$('#container ul.tabs li a').removeClass('tab-offen'); //entfernt .tab-offen vom Link zum vorher gezeigten Tab
		$(this).addClass('tab-offen'); //...und fügt es zum aktuell offenen Tab hinzu
	});
});