// JavaScript Document



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

// Using multiple unit types within one animation.

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

);

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

);

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

);

jQuery('#video').html('<div id="videoTrigger" unselectable="on">video +</div><object width="280" height="200">       <param name="movie" value="http://www.youtube.com/v/EG-564ufx0Y?fs=1&amp;hl=de_DE&amp;rel=0">        </param>        <param name="allowFullScreen" value="true"></param>        <param name="wmode" value="transparent">        </param><param name="allowscriptaccess" value="always">        </param>        <embed wmode="transparent" src="http://www.youtube.com/v/EG-564ufx0Y?fs=1&amp;hl=de_DE&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="280" height="200"></embed></object>');

jQuery('#videoTrigger').toggle(
	function(){
		jQuery('#video').animate({
			top: '20'
		}, 1000);
		jQuery('#videoTrigger').html('close x');
	},
	
	function(){
		jQuery('#video').animate({
			top: '225'
		}, 1000);
		jQuery('#videoTrigger').html('video +');
	}
);