$(document).ready(function(){
	
	var $banner = $('#banner-container'),
		$button = $('#banner-toggle-button');
		
	$banner.data('mode', 'full');
		
	$button.click(function(){
		
		if ( $banner.data('mode') == 'full' ) {
			
			$banner.animate({height: 150}, 300, function(){
				$banner.data('mode', 'collapsed');
				$button.html('Vergroot banner');
			});
			
		} else if ( $banner.data('mode') == 'collapsed' ) {
			$banner.animate({height: 356}, 300, function(){
				$banner.data('mode', 'full');
				$button.html('Verklein banner');
			});
		}
		
		return false;
	});
	
	
});