var menu1=null;
var menu1inhoud=null;
var menu2=null;
var menu2inhoud=null;
var menu3=null;
var menu3inhoud=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_1');
		menu3inhoud=$('menu_1_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen0.png";
		$('menu2img').src="/images/menu_financiering1.png";
		$('menu3img').src="/images/menu_collectief0.png";
		
	} else if(actiefmenu=='3') {
		menu1=$('menu_3');
		menu1inhoud=$('menu_3_inhoud');
		menu2=$('menu_1');
		menu2inhoud=$('menu_1_inhoud');
		menu3=$('menu_2');
		menu3inhoud=$('menu_2_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen0.png";
		$('menu2img').src="/images/menu_financiering0.png";
		$('menu3img').src="/images/menu_collectief1.png";
					
	} else {
		menu1=$('menu_1');
		menu1inhoud=$('menu_1_inhoud');
		menu2=$('menu_2');
		menu2inhoud=$('menu_2_inhoud');
		menu3=$('menu_3');
		menu3inhoud=$('menu_3_inhoud');
		
		// afbeelding switchen
		$('menu1img').src="/images/menu_verzekeringen1.png";
		$('menu2img').src="/images/menu_financiering0.png";
		$('menu3img').src="/images/menu_collectief0.png";		
	}	
	
	curactiefmenu = actiefmenu;
}

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

		menu1.style.height=(75+menu1inhoud.getHeight()) + 'px';
		menu2.style.top=(75+menu1inhoud.getHeight()) + 'px';
		menu3.style.top=(150+menu1inhoud.getHeight()) + 'px';

		$('navigatie').style.height=255+menu1inhoud.getHeight() + 'px';
		$('navigatie_footer').style.top=255+menu1inhoud.getHeight() + 'px';
	} else
	{
		if (curactiefmenu!=actiefmenu)
		{
			//STAP 1: Huidig menu (die boven aan staat), inklappen
			menu1.morph('height: 75px;', { duration: 0.3});
			menu2.morph('top: 75px;', { duration: 0.3 });
			menu3.morph('top: 150px;', { duration: 0.3 });
			$('navigatie').morph('height: 255px;');		
			$('navigatie_footer').morph('top: 255px;');
	
			//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: 85px;', { duration: 0.6,delay: 0.3 });
			menu3.morph('top: 170px;', { 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: ' + (75+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			menu2.morph('top: ' + (75+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			menu3.morph('top: ' + (150+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 });
			$('navigatie').morph('height: ' + (235+menu1inhoud.getHeight()) + 'px;', { duration: 0.3,delay: 0.9 } );		
			$('navigatie_footer').morph('top: ' + (235+menu1inhoud.getHeight()) + 'px;',{ duration: 0.3,delay: 0.9 } );
		}
	}
}