$(document).ready(function()
{    
    $("div.hover1").hover(
      function () {
        $("div.fade1").fadeIn('slow');
      },
      function () {
        $("div.fade1").fadeOut('slow');
      }
    );
	
	$("div.hover2").hover(
      function () {
        $("div.fade2").fadeIn('slow');
      },
      function () {
        $("div.fade2").fadeOut('slow');
      }
    );
	
	$("div.hover3").hover(
      function () {
        $("div.fade3").fadeIn('slow');
      },
      function () {
        $("div.fade3").fadeOut('slow');
      }
    );
	
	$("div.hover4").hover(
      function () {
        $("div.fade4").fadeIn('slow');
      },
      function () {
        $("div.fade4").fadeOut('slow');
      }
    );
	
	$("div.hover5").hover(
      function () {
        $("div.fade5").fadeIn('slow');
      },
      function () {
        $("div.fade5").fadeOut('slow');
      }
    );
	$("div.hover6").hover(
      function () {
        $("div.fade6").fadeIn('slow');
      },
      function () {
        $("div.fade6").fadeOut('slow');
      }
    );
	
	$("div.hover7").hover(
      function () {
        $("div.fade7").fadeIn('slow');
      },
      function () {
        $("div.fade7").fadeOut('slow');
      }
    );
	
	$("div.hover8").hover(
      function () {
        $("div.fade8").fadeIn('slow');
      },
      function () {
        $("div.fade8").fadeOut('slow');
      }
    );
	
	$("#hide").click(function(){
		$("#info").fadeOut(800);
		$("#kreis").fadeOut(1);
		$("#kreis2").fadeIn(1);
	});
	
	$("#show").click(function(){
		$("#info").fadeIn(800);
		$("#kreis").fadeIn(1);
		$("#kreis2").fadeOut(1);
	});
	
});