$(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('<span><img src="../layout/trans.gif" width="24" height="20" alt="" /></span>');
   $("h1#info span").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('<span><img src="../layout/trans.gif" width="24" height="20" alt="" /></span>');
  $("h3#info span").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");
      }
    }
  );
});