// Spoiling function with hider and de-hider
jQuery(document).ready(function() {
    jQuery("span.spoiler").hide();
    jQuery("a.reveal").click(function() {
        jQuery(this).parent().siblings('li').children('p').children('a,span').fadeIn(1500);
        jQuery(this).fadeOut(600);
    });
    jQuery("a.hide").click(function() {
        jQuery(this).siblings("span.spoiler").fadeOut(600);
        jQuery(this).parent().parent().siblings('li').children(".reveal").fadeIn(1500);
        jQuery(this).fadeOut(600)
    });
		// optimized Spoiling function with hider and de-hider(fixed problems with other elements than <li>) - now its more universal
		jQuery("div.spoiler").hide();
		jQuery("a.reveal").click(function() {
		    jQuery(this).siblings('div.spoiler').fadeIn(1500);
				jQuery(this).siblings('p').children('a.hide').fadeIn(1500);
		    jQuery(this).fadeOut(600);
		});
		jQuery("a.hide").click(function() {
		    jQuery(this).parent().siblings("div.spoiler").fadeOut(600);
		    jQuery(this).parent().siblings(".reveal").fadeIn(1500);
		    jQuery(this).fadeOut(600)
		});
		
		
		
		jQuery("#searchform #s").addClass("empty");
		jQuery("#searchform #s").val("Durchsuchen...");
		
		jQuery("#searchform #s").focus(function() {
			if (jQuery(this).val() == "Durchsuchen...") {
				jQuery(this).val("");
			}	
			jQuery(this).removeClass("empty");
			jQuery("#searchform").animate({
			    width: '210'
			  }, 200, function() {});
			jQuery("#searchsubmit").addClass("active");
		});
		
		jQuery("#searchform #s").blur(function() {
			if (jQuery(this).val() == "" || jQuery(this).val() == "Durchsuchen...") {
				jQuery(this).val("Durchsuchen...")
				jQuery(this).addClass("empty");
					jQuery("#searchsubmit").removeClass("active");
			} else 
				jQuery(this).removeClass("empty")
			jQuery("#searchform").animate({
			    width: '150'
			}, 200, function() {});
		});
		
	
});