var menu1=null;
var menu1inhoud=null;
var menu2=null;
var menu2inhoud=null;
var menu3=null;
var menu3inhoud=null;
var menu4=null;
var menu4inhoud=null;
var curactiefmenu='1';

function set_menu(actiefmenu)
{
	// NIEUWE Menuvolgorde definieeren
	if(actiefmenu=='2'){
		menu1=$('menu_2');
		menu1inhoud=$('menu_2_inhoud');
		menu2=$('menu_3');
		menu2inhoud=$('menu_3_inhoud');
		menu3=$('menu_4');
		menu3inhoud=$('menu_4_inhoud');
		menu4=$('menu_1');
		menu4inhoud=$('menu_1_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen0.png";
		$('menu2img').src="/images/menu_hypotheken1.png";
		$('menu3img').src="/images/menu_financieringen0.png";
		$('menu4img').src="/images/menu_pensioenen0.png";
		
	} else if(actiefmenu=='3') {
		menu1=$('menu_3');
		menu1inhoud=$('menu_3_inhoud');
		menu2=$('menu_4');
		menu2inhoud=$('menu_4_inhoud');
		menu3=$('menu_1');
		menu3inhoud=$('menu_1_inhoud');
		menu4=$('menu_2');
		menu4inhoud=$('menu_2_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen0.png";
		$('menu2img').src="/images/menu_hypotheken0.png";
		$('menu3img').src="/images/menu_financieringen1.png";
		$('menu4img').src="/images/menu_pensioenen0.png";
		
	} else if(actiefmenu=='4') {
		menu1=$('menu_4');
		menu1inhoud=$('menu_4_inhoud');
		menu2=$('menu_1');
		menu2inhoud=$('menu_1_inhoud');
		menu3=$('menu_2');
		menu3inhoud=$('menu_2_inhoud');
		menu4=$('menu_3');
		menu4inhoud=$('menu_3_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen0.png";
		$('menu2img').src="/images/menu_hypotheken0.png";
		$('menu3img').src="/images/menu_financieringen0.png";
		$('menu4img').src="/images/menu_pensioenen1.png";
						
	} else {
		menu1=$('menu_1');
		menu1inhoud=$('menu_1_inhoud');
		menu2=$('menu_2');
		menu2inhoud=$('menu_2_inhoud');
		menu3=$('menu_3');
		menu3inhoud=$('menu_3_inhoud');
		menu4=$('menu_4');
		menu4inhoud=$('menu_4_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen1.png";
		$('menu2img').src="/images/menu_hypotheken0.png";
		$('menu3img').src="/images/menu_financieringen0.png";
		$('menu4img').src="/images/menu_pensioenen0.png";		
	}	
	
	curactiefmenu = actiefmenu;
}

function toggle_menu(actiefmenu)
{
	if (menu1==null)
	{
		set_menu(actiefmenu);

		menu1.style.height=(72+menu1inhoud.getHeight()) + 'px';
		menu2.style.top=(80+menu1inhoud.getHeight()) + 'px';
		menu3.style.top=(160+menu1inhoud.getHeight()) + 'px';
		menu4.style.top=(240+menu1inhoud.getHeight()) + 'px';
		

		$('navigatie').style.height=340+menu1inhoud.getHeight() + 'px';
	} else
	{
		if (curactiefmenu!=actiefmenu)
		{
			//STAP 1: Huidig menu (die boven aan staat), inklappen
			menu1.morph('height: 72px;', { duration: 0.3});
			menu2.morph('top: 80px;', { duration: 0.3 });
			menu3.morph('top: 160px;', { duration: 0.3 });
			menu4.morph('top: 240px;', { duration: 0.3 });
			$('navigatie').morph('height: 320px;');		
	
			//STAP 2: Nieuwe posities bepalen
			set_menu(actiefmenu);
			
			//STAP 3: De menu items omwisselen		
			menu1.morph('top: 0px;', { duration: 0.6,delay: 0.3 });
			menu2.morph('top: 80px;', { duration: 0.6,delay: 0.3 });
			menu3.morph('top: 160px;', { duration: 0.6,delay: 0.3 });	
			menu4.morph('top: 240px;', { duration: 0.6,delay: 0.3 });
			
			//STAP 4: Het bovenste menu item weer uitschuiven en de andere menu items naar beneden schuiven	
			menu1.morph('height: ' + (72+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			menu2.morph('top: ' + (80+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			menu3.morph('top: ' + (160+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			menu4.morph('top: ' + (240+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			$('navigatie').morph('height: ' + (340+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 } );
			
			$('linkerkant').morph('height: '+ (340+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 } );	
		}
	}
}