jQuery(document).ready(function(){

	// alle DIVs (event_item) per default einklappen 
	jQuery('div.event_item').addClass("event_off");
	jQuery('div.event_item').removeClass('event_on');

	// zuerst allen items einen Pointer/Cursor verpassen
	jQuery('div.event_item').css({
		'cursor' : 'pointer'
		});
		
	// dann alle items OHNE description kenntlich machen
	jQuery('div.event_item:has(div.description:empty)').css({
		'color' : '#000',
		'cursor' : 'text'
		});

	jQuery('div.title_description').click(function () {
		// ermittle die ID des umschliessenden DIVs
		var ref_div = jQuery(this).parent().get(0).id;
		
		if (jQuery('div#' + ref_div + ' div.description').text() != '') {
			// wenn eine description vorhanden ist
			
			if (jQuery('div#' + ref_div).hasClass('event_off')) {
				// die entsprechende description anzeigen
				jQuery('div#' + ref_div + ' div.title_description div.description').slideDown("slow");
				jQuery('div#' + ref_div).removeClass('event_off');
				jQuery('div#' + ref_div).addClass('event_on');
			}
			else {
				// die entsprechende description ausblenden
				jQuery('div#' + ref_div + ' div.title_description div.description').slideUp("slow");
				jQuery('div#' + ref_div).removeClass('event_on');
				jQuery('div#' + ref_div).addClass('event_off');
			}
		
		}
		
	});

});