$(document).ready(function() {	
	//initial alles verstecken
	$('.barContent').hide();
	$("div.toggleBox").each(function () {
		var toggleBar = $(this).children("a.bar");
		var content = $(this).children("div.barContent");
		if ($(this).attr("class").match(/down/) != null) {
			toggleBar.addClass("down");
			content.show();
		}
		else {
			toggleBar.addClass("up");
			content.hide();
		}
	});
	
	$('a.bar').click(function () {	
		toggle_content(this);
		return false;
	});
})


function toggle_content(ele) {
	var box = $(ele).parent("div.toggleBox");
	change_layer_status(box);
}

function change_layer_status(ele) {
	var toggleBar = $(ele).children("a.bar");
	var content = $(ele).children("div.barContent");
		content.slideToggle("fast");
		toggleBar.toggleClass("up","down");
		toggleBar.toggleClass("down","up");
}