$( document ).ready(initKurzErklaert);


function initKurzErklaert()
{
	//show open/close links
	$('.kurzErklaert .clickOpen').css({'display':'inline'});
	$('.kurzErklaert .clickClose').css({'display':'inline'});


	// calculate content-heights
	setHeights();


	//hide details
	$('.kurzErklaert .detail').css({'display':'none'});

	$('.kurzErklaert .clickOpen').click( function(event) {
		event.preventDefault();
		openContentKurzErklaert($(this));
	});
	$('.kurzErklaert .clickClose').click( function(event) {
		event.preventDefault();
		closeContentKurzErklaert($(this));
	} );


}

function setHeights(){


/*	$('.kurzErklaert .detail').attr('height_temp', $('.kurzErklaert .detail').height());*/

	$('.kurzErklaert').each(function(index) {
    		$(this).find('.detail').attr('name', $(this).find('.detail').height());
	});

}

function openContentKurzErklaert(_this)
{
	var parent = _this.parent();
	while(parent.attr('class') !="kurzErklaert" && parent.attr('id') !="content_all")
	{
		parent = parent.parent();
	}


	//found right parent
	if(parent.attr('class') =="kurzErklaert")
	{
		var height = parent.find('.detail').attr('name');
		parent.find('.detail').css({'display':'block', height: 0}).animate( { height: height}, 1000, function() {

			parent.find('.clickClose').css({'display':'inline'});
		});
		_this.css({'display':'none'});
	}
	else
	{
		alert('kurzErklaert not found');
	}
}

function closeContentKurzErklaert(_this)
{
	var parent = _this.parent();
	while(parent.attr('class') !="kurzErklaert" && parent.attr('id') !="content_all")
	{
		parent = parent.parent();

	}
	//found right parent
	if(parent.attr('class') =="kurzErklaert")
	{
		parent.find('.detail').animate( { height: 0 }, 500, function() {

			$(this).css({'display':'none'})
			parent.find('.clickOpen').css({'display':'inline'});
		});
		_this.css({'display':'none'});

	}
	else
	{
		alert('kurzErklaert not found');
	}

}