// array om bij te houden of een animatie al gestart is
var animatie_gestart = new Array(0,0,0,0,0);

// snelheid waarmee geanimeerd wordt
var _v = 10;

// breedte formaten waarnaar de <IMG> elementen geschaald worden
var _w0 = 109; /* dit is de oorspronkelijke breedte */
var _w1 = 79;
var _w2 = 59;
var _w3 = 45;

// array om y eindposities van de <LI> elementen te bewaren 
var pos = new Array();

// array om de eindgrootten van de <IMG> elementen in te bewaren
wid = new Array();


function registreerAnimatie(num) {
	/*
		- Deze functie update de array waarin bijgehouden wordt
		welke animatie is gestart en welke niet.
		- Tegelijkertijd wordt 1 submenu zichtbaar gemaakt en de andere 4 onzichtbaar
		- het submenu krijgt ook een fade-in
	*/
	for(a=1;a<=5;a++) {
		if(num==a) {
			animatie_gestart[a] = true;
			eval("s" + a + ".style.display = 'block'");
			//eval("bytefx.fade(s" + a + ", 0, 100, 5)");			
		} else {
			animatie_gestart[a] = false;
			eval("s" + a + ".style.display = 'none'")
		}
		
	}
	
}


function animeer(modus){
	/*
		Deze functie start de animaties op
		Maakt gebruik van 'bytefx_OS.js'
	*/
	
		if(modus=='positioneer') {
			_v = 100;
		} 
		else {
			_v=5;
		} 
		
	// beweeg de <LI> elementen
		bytefx.move(h2,{x:0,y:pos[2]},_v);
		bytefx.move(h3,{x:0,y:pos[3]},_v);
		bytefx.move(h4,{x:0,y:pos[4]},_v);
		bytefx.move(h5,{x:0,y:pos[5]},_v);
		
		
	// schaal de <IMG> elementen
		bytefx.size(im1,{width:wid[1],height:wid[1]/2.65},_v);
		bytefx.size(im2,{width:wid[2],height:wid[2]/2.65},_v);
		bytefx.size(im3,{width:wid[3],height:wid[3]/2.65},_v);
		bytefx.size(im4,{width:wid[4],height:wid[4]/2.65},_v);
		bytefx.size(im5,{width:wid[5],height:wid[5]/2.65},_v);
}


function m(item,modus) {
	/* 
		Geef alle menu items hun nieuwe eindposities
		en ook hun nieuwe schaalfactor
		Met animeer() worden de animaties vervolgens gestart
	*/
	
	// bepaal eindposities en schaalfactoren van menuitems 
	// maar alleen als de animatie nog niet gestart is
	
	if(!animatie_gestart[1] && item=="h-1") 
	{
		registreerAnimatie(1);
		
		// bepaal de nieuwe posities voor de <LI> elementen
		pos[2] = 224; 
		pos[3] = pos[2] + 47;
		pos[4] = pos[3] + 50 - 15;
		pos[5] = pos[4] + 50 - 20;
		
		// bepaal de nieuwe schaalfactoren voor de <IMG> elementen
		wid[1] = _w0;
		wid[2] = _w0;
		wid[3] = _w1;
		wid[4] = _w2;
		wid[5] = _w3;
	
		animeer(modus);
	}
	
	else if(!animatie_gestart[2] && item=="h-2") 
	{
		registreerAnimatie(2);

		// bepaal de nieuwe posities voor de <LI> elementen
		pos[2] = 47;
		pos[3] = pos[2] + 224;
		pos[4] = pos[3] + 45;
		pos[5] = pos[4] + 50 - 15;
		
		// bepaal de nieuwe schaalfactoren voor de <IMG> elementen
		wid[1] = _w0;
		wid[2] = _w0;
		wid[3] = _w0;
		wid[4] = _w1;
		wid[5] = _w2;
	
		animeer(modus);
	}
	
	else if(!animatie_gestart[3] && item=="h-3") 
	{
		registreerAnimatie(3);

		// bepaal de nieuwe posities voor de <LI> elementen
		pos[2] = 50 - 15;
		pos[3] = pos[2] + 47;
		pos[4] = pos[3] + 224;
		pos[5] = pos[4] + 50;
		
		// bepaal de nieuwe schaalfactoren voor de <IMG> elementen
		wid[1] = _w1;
		wid[2] = _w0;
		wid[3] = _w0;
		wid[4] = _w0;
		wid[5] = _w1;
	
		animeer(modus);
	}
	
	else if(!animatie_gestart[4] && item=="h-4") 
	{
		registreerAnimatie(4);

		// bepaal de nieuwe posities voor de <LI> elementen
		pos[2] = 50 - 20;
		pos[3] = pos[2] + 50 - 15;
		pos[4] = pos[3] + 47;
		pos[5] = pos[4] + 224;
		
		// bepaal de nieuwe schaalfactoren voor de <IMG> elementen
		wid[1] = _w2;
		wid[2] = _w1;
		wid[3] = _w0;
		wid[4] = _w0;
		wid[5] = _w0;
	
		animeer(modus);
	}
	
	else if(!animatie_gestart[5] && item=="h-5") 
	{
		registreerAnimatie(5);

		// bepaal de nieuwe posities voor de <LI> elementen
		pos[2] = 50 - 25;
		pos[3] = pos[2] + 50 - 20;
		pos[4] = pos[3] + 50 - 15;
		pos[5] = pos[4] + 47;
		
		// bepaal de nieuwe schaalfactoren voor de <IMG> elementen
		wid[1] = _w3;
		wid[2] = _w2;
		wid[3] = _w1;
		wid[4] = _w0;
		wid[5] = _w0;
	
		animeer(modus);
	}
	
}