// JavaScript Document



// Using multiple unit types within one animation.
//alert ('hallo');

// Using multiple unit types within one animation.

$(".close").toggle(
  function(){
    $("#boxes").animate({
  	  height:'-=135'
    }, 750 );
	$('.close').css("background-image", "url(fileadmin/img/pfeil.png)");
  },
  
  function(){
    $("#boxes").animate({
  	  height:'+=135'
    }, 750 );
	$('.close').css("background-image", "url(fileadmin/img/close.png)");
  }

);

$(".facebookIcon").toggle(
  function(){
    $(".facebook").animate({
  	  left:'+=312'
    }, 750 );
    $('.facebook').css("z-index", "100");
	$(".facebookIcon").css("background-image", "url(fileadmin/img/socialClose.png)");
	
  },
  
  function(){
    $(".facebook").animate({
  	  left:'-=312'
    }, 750 );
    $('.facebook').css("z-index", "1");
	$(".facebookIcon").css("background-image", "url(fileadmin/img/facebook.png)");
	
  }

);

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

);

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

);