$(document).ready(function(){
	
	//gilt f?r alle Infotexte, die ?ber das Headerbild funktionieren
	$("#xinfo").hide();
	$("#header").append('<div id="show"></div>');
	
	$("#show").click(
		function(){
			if ($("#xinfo").css('display') == 'none') {
				$("#xinfo").fadeIn("slow",function(){
					$(this).append('<div id="close"></div>');
				});
			}
			else {
				$("#xinfo").fadeOut("slow");
			}
		}
	);
	
  $("#xinfo").click(
    function(){
      if ($(this).css('display') == 'block') {
        $(this).fadeOut("slow");
      }
    }
  );
  
 // gilt f?r alle <h1 id="info">
  $("#xinfo_extra").hide();
	$("h1#info").append('<img src="layout/info.gif" alt="Info" height="22" width="22">');
   $("h1#info img").click(
		function(){
			if ($("#xinfo_extra").css('display') == 'none') {
				$("#xinfo_extra").fadeIn("slow",function(){
					$(this).append('<div id="close"></div>');
				});
			}
			else {
				$("#xinfo_extra").fadeOut("slow");
			}
		}
	);
	$("#xinfo_extra").click(
    function(){
      if ($(this).css('display') == 'block') {
        $(this).fadeOut("slow");
      }
    }
  );

 
  // gilt f?r alle <h3 id="info">
  $("#xinfo_extra").hide();
	$("h3#info").append('<img src="layout/info.gif" alt="Info" height="22" width="22">');
  
  $("h3#info img").click(
		function(){
			if ($("#xinfo_extra").css('display') == 'none') {
				$("#xinfo_extra").fadeIn("slow",function(){
					$(this).append('<div id="close"></div>');
				});
			}
			else {
				$("#xinfo_extra").fadeOut("slow");
			}
		}
	);
	$("#xinfo_extra").click(
    function(){
      if ($(this).css('display') == 'block') {
        $(this).fadeOut("slow");
      }
    }
  );
});