jQuery(document).ready(function(){
    var self = null;
	jQuery('a#hide_col3').click(function(){
        if (!jQuery(this).hasClass('open')) {
			jQuery("#col3_content").hide(); 
			jQuery("#col1").animate({ 
				width: "81.25em"
			  }, 300 );
			self =  jQuery(this); 
			window.setTimeout(function(){
				self.addClass('open');
				self.html('einblenden');
			}, 300);

			
		} else {
			jQuery("#col1").animate({ 
				width: "57.5em"
			  }, 300 );
			self =  jQuery(this);
			window.setTimeout(function(){
				jQuery("#col3_content").show(); 
				self.removeClass('open');
				self.html('ausblenden');
			}, 300);

		}
		return false;	
    } );

	jQuery('a#hide_col2').click(function(){
        if (!jQuery(this).hasClass('open')) {
			jQuery("#col2_content *").hide(); 
			jQuery(this).addClass('open');
			jQuery(this).html('einblenden');
		} else {
			jQuery("#col2_content *").show(); 
			jQuery(this).removeClass('open');
			jQuery(this).html('ausblenden');
		}
		return false;	
    } );
				
});