jQuery(".facebookIcon").toggle(
  function(){
    jQuery(".facebook").animate({
  	  left:'+=520'
    }, 750 );
    jQuery('.facebook').css("z-index", "10100");
	jQuery(".facebookIcon").css("background-image", "url(fileadmin/img/socialClose.png)");
	
  },
  
  function(){
    jQuery(".facebook").animate({
  	  left:'-=520'
    }, 750 );
    jQuery('.facebook').css("z-index", "97");
	jQuery(".facebookIcon").css("background-image", "url(fileadmin/img/facebook.png)");
	
  }

);

jQuery(".youtubeIcon").toggle(
  function(){
    jQuery(".youtube").animate({
  	  left:'+=582'
    }, 750 );
    jQuery('.youtube').css("z-index", "100");
	jQuery(".youtubeIcon").css("background-image", "url(fileadmin/img/socialClose.png)");
	
  },
  
  function(){
    jQuery(".youtube").animate({
  	  left:'-=582'
    }, 750 );
    jQuery('.youtube').css("z-index", "97");
	jQuery(".youtubeIcon").css("background-image", "url(fileadmin/img/youtube.png)");
	
  }

);

jQuery(".twitterIcon").toggle(
  function(){
    jQuery(".twitter").animate({
  	  left:'+=562'
    }, 750 );
    jQuery('.twitter').css("z-index", "100");
	jQuery(".twitterIcon").css("background-image", "url(fileadmin/img/socialClose.png)");
	
  },
  
  function(){
    jQuery(".twitter").animate({
  	  left:'-=562'
    }, 750 );
    jQuery('.twitter').css("z-index", "98");
	jQuery(".twitterIcon").css("background-image", "url(fileadmin/img/twitter.png)");
	
  }

);

jQuery(".wetterIcon").toggle(
  function(){
    jQuery(".wetter").animate({
  	  left:'+=342'
    }, 750 );
    jQuery('.wetter').css("z-index", "100");
	jQuery(".wetterIcon").css("background-image", "url(fileadmin/img/socialClose.png)");
	
  },
  
  function(){
    jQuery(".wetter").animate({
  	  left:'-=342'
    }, 750 );
    jQuery('.wetter').css("z-index", "99");
	jQuery(".wetterIcon").css("background-image", "url(fileadmin/img/wetter.png)");
	
  }

);


jQuery(".trigger").toggle(
  function(){
  
    jQuery("#facequery").animate({
  	  left:'+=550'
    }, 750 );
  },

  function(){
  
    jQuery("#facequery").animate({
  	  left:'-=550'
    }, 750 );
  }
  
  
);
  
jQuery(".close").click(
  function(){
  
    jQuery("#facequery").animate({
  	  left:'-=550'
    }, 750 );
  }
);