$(document).ready(function() {
	/* Snelheid omhoog (milliseconden) */
	var speedUp = 800;
	
	/* Snelheid omlaag (milliseconden) */
	var speedDown = 800;
	
	/* Naam van menu div */
	var menuDiv = '#wrapperFooter';
	var menuDiv2 = '#wrapperFooter2';
	var menuDiv3 = '#wrapperFooter3';
	
	/* Naam van submenu div */
	var subMenuDiv = '#sticky_submenu';
	var subMenuDiv2 = '#sticky_submenu2';
	var subMenuDiv3 = '#sticky_submenu3';
	
	/* Uiteindelijke hoogte van submenu div (pixels) */
	var subMenuHeight = 212;

	
	
	
	/* ================================== */
	
	var stickyMenu = $(menuDiv);
	var stickySubMenu = $(subMenuDiv);
	
	stickyMenu.hover(
	    function() { 
		
			if(!stickySubMenu.data('height')) { 
				stickySubMenu.data('height',$(stickySubMenu).css('height')); 
			} 
			
			if(!stickyMenu.data('height')) { 
				stickyMenu.data('height',$(stickyMenu).css('height')); 
			} 
			
			var extract_px = stickyMenu.data('height').match(/\d/g);
			extract_px = extract_px.join("");
			_px = parseInt(extract_px);
			
			$(stickyMenu).stop().animate({
				height: subMenuHeight+_px+'px'
			},speedUp) ;
			
			$(stickySubMenu).stop().animate({
			height: subMenuHeight+'px'
			},speedUp) ;
			
		},  function() {
				$(stickySubMenu).stop().animate({
					height:$(stickySubMenu).data('height') 
				},speedDown);
				
				$(stickyMenu).stop().animate({
					height:$(stickyMenu).data('height') 
				},speedDown);
		}
	);
	
	/* ================================== */
	
	var stickyMenu2 = $(menuDiv2);
	var stickySubMenu2 = $(subMenuDiv2);
	
	stickyMenu2.hover(
	    function() { 
		
			if(!stickySubMenu2.data('height')) { 
				stickySubMenu2.data('height',$(stickySubMenu2).css('height')); 
			} 
			
			if(!stickyMenu2.data('height')) { 
				stickyMenu2.data('height',$(stickyMenu2).css('height')); 
			} 
			
			var extract_px = stickyMenu2.data('height').match(/\d/g);
			extract_px = extract_px.join("");
			_px = parseInt(extract_px);
			
			$(stickyMenu2).stop().animate({
				height: subMenuHeight+_px+'px'
			},speedUp) ;
			
			$(stickySubMenu2).stop().animate({
			height: subMenuHeight+'px'
			},speedUp) ;
			
		},  function() {
				$(stickySubMenu2).stop().animate({
					height:$(stickySubMenu2).data('height') 
				},speedDown);
				
				$(stickyMenu2).stop().animate({
					height:$(stickyMenu2).data('height') 
				},speedDown);
		}
	);
	
		/* ================================== */
	
	var stickyMenu3 = $(menuDiv3);
	var stickySubMenu3 = $(subMenuDiv3);
	
	stickyMenu3.hover(
	    function() { 
		
			if(!stickySubMenu3.data('height')) { 
				stickySubMenu3.data('height',$(stickySubMenu3).css('height')); 
			} 
			
			if(!stickyMenu3.data('height')) { 
				stickyMenu3.data('height',$(stickyMenu3).css('height')); 
			} 
			
			var extract_px = stickyMenu3.data('height').match(/\d/g);
			extract_px = extract_px.join("");
			_px = parseInt(extract_px);
			
			$(stickyMenu3).stop().animate({
				height: subMenuHeight+_px+'px'
			},speedUp) ;
			
			$(stickySubMenu3).stop().animate({
			height: subMenuHeight+'px'
			},speedUp) ;
			
		},  function() {
				$(stickySubMenu3).stop().animate({
					height:$(stickySubMenu3).data('height') 
				},speedDown);
				
				$(stickyMenu3).stop().animate({
					height:$(stickyMenu3).data('height') 
				},speedDown);
		}
	);
	
});