// JavaScript Document

$(document).ready(function(){
						   
	$(".m_quadrat").css({'visibility' : 'visible'});
	$(".m_quadrat").fadeTo(0 , 0);
	$("#m1 ul, #m2 ul, #m3 ul").hide();
		
	  $("li, span").hover(
      function () {
        $(".m_quadrat", this).fadeTo(80, 1);
      }, 
      function () {
        $(".m_quadrat", this).fadeTo(80, 0);
      });



	$("#p1").click(function () {
	 $("#m2 ul").slideUp("fast");
	 $("#p2").attr({src: "assets/img/m_buero.png"});
	 $("#m3 ul").slideUp("fast");
	 $("#p3").attr({src: "assets/img/m_kontakt.png"});
	if ($("#m1 ul").is(":hidden")) {
		$("#p1").attr({src: "assets/img/m_projekte_b.png"});
        $("#m1 ul").slideDown("fast");
      } else {
		$("#p1").attr({src: "assets/img/m_projekte.png"});
        $("#m1 ul").slideUp("fast");
      }
	}); 
	
	$("#p2").click(function () {
	 $("#m1 ul").slideUp("fast");
	 $("#p1").attr({src: "assets/img/m_projekte.png"});
	 $("#m3 ul").slideUp("fast");
	 $("#p3").attr({src: "assets/img/m_kontakt.png"});
	if ($("#m2 ul").is(":hidden")) {
		$("#p2").attr({src: "assets/img/m_buero_b.png"});
        $("#m2 ul").slideDown("fast");
      } else {
		$("#p2").attr({src: "assets/img/m_buero.png"});
        $("#m2 ul").slideUp("fast");
      }
	}); 
	
	$("#p3").click(function () {
	 $("#m1 ul").slideUp("fast");
	 $("#p1").attr({src: "assets/img/m_projekte.png"});
	 $("#m2 ul").slideUp("fast");
	 $("#p2").attr({src: "assets/img/m_buero.png"});
	if ($("#m3 ul").is(":hidden")) {
		$("#p3").attr({src: "assets/img/m_kontakt_b.png"});
        $("#m3 ul").slideDown("fast");
      } else {
		$("#p3").attr({src: "assets/img/m_kontakt.png"});
        $("#m3 ul").slideUp("fast");
      }
	}); 
	
	
	
});