// JavaScript Document

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

// Using multiple unit types within one animation.
$(".close").toggle(
  function(){
    $("#boxes").animate({
  	  height:'-=75'
    }, 750 );
	$('.close').css("background-image", "url(fileadmin/img/pfeil.png)");
  },
  
  function(){
    $("#boxes").animate({
  	  height:'+=75'
    }, 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", "20");
	$(".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", "30");
	$(".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", "40");
	$(".twitterIcon").css("background-image", "url(fileadmin/img/twitter.png)");
	
  }

);

$('.moreInfo').click(function() {
	//$(this).parents.siblings('.canBody').slideToggle();
	
	$(this).parent().nextAll('.canBody').slideToggle();
	
	
	return false;
})