jQuery.collapsible = function(selector) {
	
	$(selector).click(function() {
		$(this).prev().slideToggle('fast', function() {
			if ( $(this).is(":hidden") ) {
				$.cookie($(this).next().attr("id"), 'hide');
				$(this).next().children().removeClass("collapse").addClass("expand").text("Mehr zeigen");
			}
			else {
				$.cookie($(this).next().attr("id"), 'show');
				$(this).next().children().removeClass("expand").addClass("collapse").text("Weniger zeigen");
			}
		});
		return false;
	}).prev();

	$(selector).hover(function() {
		$(this).css("cursor", "pointer");
	});

	$.each( $(selector) , function() {

		$($(this)).attr("id", "clientToggle");

		if ( !$($(this)).hasClass("collapsed") ) {
			$("#" + $(this).attr("id") ).append("<a class='collapse'></a>");
		}
		else if ( $($(this)).hasClass("collapsed") ) {
			$("#" + $(this).attr("id") ).append("<a class='expand'></a>");
		}
		
		if ( $($(this)).hasClass("collapsed") ) {
			$("#" + $(this).attr("id") ).prev().hide();
			$("#" + $(this).attr("id") ).children("a").removeClass("collapse").addClass("expand").text("Mehr zeigen");
		}
		else {
			$("#" + $(this).attr("id") ).children("a").removeClass("collapse").addClass("expand").text("Mehr zeigen");
		}

		if ( $.cookie($(this).attr("id")) == 'hide' ) {
			$("#" + $(this).attr("id") ).prev().hide();
			$("#" + $(this).attr("id") ).children("a").removeClass("collapse").addClass("expand").text("Mehr zeigen");
		}
		else if ( $.cookie($(this).attr("id")) == 'show' ) {
			$("#" + $(this).attr("id") ).prev().show();
			$("#" + $(this).attr("id") ).children().removeClass("expand").addClass("collapse").text("Weniger zeigen");
		}
	});

};