// JavaScript Document

$(function() {
	
	$('#content div.fulltext').hide();
	
	// Hover Preview-Box	
	$('div#content div.preview').hover(
      function () {
        $(this).addClass("hover");
      }, 
      function () {
        $(this).removeClass("hover");
      }
    );
	
	// Click auf Preview-Box	
	$('div#content div.preview').click(function () {
		$(this).parent().parent().find("div.fulltext").fadeOut(100);
		$(this).parent().parent().find("div.fulltext").height("108px");
		$(this).parent().find("div.fulltext").show();
		$(this).parent().find("div.fulltext").animate(
			{ height:"276px" },
			{ duration: 'slow',
			  easing: 'easeOutBounce' }
		);
    });
	
	// Click auf Fulltext-Box	
	$('div#content div.fulltext').click(function () {
		$(this).fadeOut(100);
		$(this).height("108px");
    });
	
});