/**
 * Documentready function of jquery
 */
$(document).ready(function(){

	/**
	 * Listenmodul
	 */
    $(".listingMod li div[name='animation']").hide();

	// Animation 2
	$(".listingMod li div[name='header']").click(function(event) {
		listingModAnimation($(this));
	})

});

/**
 * Listenmodulanimation
 */
function listingModAnimation(object) {

	if(object.hasClass("active")) {

		object.slideUp('slow');
		object.queue(function () {
			object.removeClass("active");
			object.contents("div[name='animation']").hide();
			object.dequeue();
		});
		object.slideDown('slow');

	} else {

		if($(".listingMod li>div[name='header']").hasClass("active")) {
			$(".listingMod div.active").slideUp('slow',function() {
				object.queue(function () {
					$(".listingMod div.active").contents("div[name='animation']").hide();
					$(".listingMod div.active").removeClass().slideDown('slow',function() {
						object.dequeue();
					});
				});
				object.slideUp('slow');
				object.queue(function () {
					object.addClass("active");
					object.contents("div[name='animation']").show();
					object.dequeue();
				});
				object.slideDown('slow');
			});

		} else {

			object.slideUp('slow');
			object.queue(function () {
				object.addClass("active");
				object.contents("div[name='animation']").show();
				object.dequeue();
			});
			object.slideDown('slow');
		}

	}

}