/////////////////////////////////////////////////////////////
//
//		functies bij website Martijn van der Linden en Maranke Rinck
//
//		 


var isMSI		= false;				//hebben we een W3C correcte browsers of is het iets van Microsoft


/////////////////////////////////////
//
//		Algemene functies
//


//
// bepaal W3C compliant of MS browser
//
function TestW3C()
{
	isMSI = (navigator.userAgent.indexOf('MSIE') != -1 ) ? true : false;
	
	//alleen voor test - stelt grootte in pixels van browservenster in ( breedte, hoogte )
	//window.resizeTo( 1050, 810);
}


//
// geef object
//
function Afzender( gebeuren )
{
	return ( isMSI ? gebeuren.srcElement : gebeuren.target );
}

//
// W3C manier om waarde van actieve stijl te lezen 
//
function LeesStijlProp( ident, propval )
{
	if ( isMSI )
	{
    return eval( 'document.getElementById( ident ).currentStyle.' + propval );  
	}
	else
	{
    return getComputedStyle( document.getElementById( ident ), "" ).getPropertyValue( propval );
  }
}



//
// div-pseudo-body centreren, ook bij resize
//
function CntDiv()
{

// deze werkt in MS Explorer en FireFox
var hoogte = document.documentElement.clientHeight;

// centreer inhoud-pseudo body-div
document.getElementById( 'divvat' ).style.top = ((Number( hoogte ) - 640) / 2) + 'px';

// offset voor Sheherazade's oogjes
offX = 280 + document.getElementById( 'divvat' ).offsetLeft;
offY = 106 + document.getElementById( 'divvat' ).offsetTop;

}

//DOMobject model ipv HTML atribuut voor body
window.onresize = CntDiv;

//TEST voor volgen muis ivm ogen Sheherazade
//ipv onmousemove als body-event, want dat stopt
// na -visible- maken van divMidden
document.onmousemove = Volg;


/////////////////////////////////
//
//		Opstart functies
//

//
// test browser
//
function starten()
{
	TestW3C();
	
	//TEST voor uitlezen vensterhoogte
	//CntDiv();
	
	//dit is default zichtbare menu
	mnuAktief = document.getElementById( 'mnuB1' );	
}


////////////////////////////////
//
//  taalkeuze
//


// taalversie, standaard op Nederlands
var taal = 'nt'   //nt=nederlands  et=engels


function TaalKeuze( keus )
{
  if (keus == 'Eng' )
  {
    taal = 'et';
    document.getElementById('mnuNed').style.visibility = 'hidden';
    document.getElementById('mnuEng').style.visibility = 'visible';
  }
  else
  {
    taal = 'nt';
    document.getElementById('mnuNed').style.visibility = 'visible';
    document.getElementById('mnuEng').style.visibility = 'hidden';
  }

  //maak de taalkeuze teksten in divmidden onzichtbaar
  //document.getElementById( 'Ned' ).style.visibility = 'hidden';    
  //document.getElementById( 'Eng' ).style.visibility = 'hidden';  
}


////////////////////////////////
//
//  Sheherazade

var intval1 = null;
var intval2 = null;

function Knipper2()
{
  var wenk = document.getElementById( 'afbWenk' );
  
  //clearTimeout( intval2 );
  
  wenk.style.visibility = 'hidden';
  Op = false;
 
}

function Knipper()
{
  var wil = 0;
  var wenk = document.getElementById( 'afbWenk' );

  wenk.style.visibility = 'visible';
  
  wil = Math.round( Math.max( 500, Math.random() * 2000 ) );
  intval2 = setTimeout( "Knipper2()", wil );
}

function initKnipper()
{
  intval1 = setInterval( "Knipper()", 8000 );
}




//volgende-ogen en bewegende staart
//uitgangspos: absolute met oogL top=101 left=430  -  oogR top=106 left=462
//divMidden X0 begint op 280 en Y0 op 106
//
//docXY naar relative XY
var offX = 0;
var offY = 0;

var isNeer = true;

function Volg( muis )
{
  // TEST functie met -harde- coordinaten
  // kan vervangen worden door dynamische coordinaten
  // waardoor functie kort wordt en op willekeurige
  // startpositie kan worden toegepast. Nu alleen
  // voor testdoeleinden
  
  //Alleen voor MS IExplorer want die ziet het event niet...
  if (!muis )
  {
    muis = window.event;
  }
  
  //docXY naar relative XY
  //var offX = 280;
  //var offY = 106;
  // global vars van gemaakt ivm variabele positie van div als pseudo body
  var xMuis = muis.clientX - offX;
  var yMuis = muis.clientY - offY;

  //TEST
  //document.getElementById( 'tekstH5' ).innerHTML = offX + ' - ' + offY + ' - ' + xMuis + ' - ' + yMuis;
  
  var pupilL = document.getElementById( 'afbOogL' );
  var pupilR = document.getElementById( 'afbOogR' );  

  var staartOp = document.getElementById( 'afbStaartOp' );
  var staartNeer = document.getElementById( 'afbStaartNeer' );

  //TEST voor staart
  if (isNeer && xMuis > 190 && xMuis < 370 && yMuis > 295 && yMuis < 345 )
  {
    staartOp.style.visibility = 'visible';
    staartNeer.style.visibility = 'hidden';
    isNeer = false;
  }
  else if (!isNeer && xMuis > 247 && xMuis < 370 && yMuis > 200 && yMuis < 345 )
  {
    staartNeer.style.visibility = 'visible';
    staartOp.style.visibility = 'hidden';
    isNeer = true;
  }

  //TEST css-coords lezen met javascript
  //xL = document.getElementById( 'afbOogL' ).style.left;
  //yL = document.getElementById( 'afbOogL' ).style.top;
  
  //zo werkt het zowel in FireFox als in IE 
  //xL = LeesStijlProp( 'afbOogL', 'left' );
  //yL = LeesStijlProp( 'afbOogL', 'top' );  
  //alert( 'afbOogL X - Y: ' + xL + '  --  ' + yL );


  //pupil midden Ypositie Links 209  Rechts 214
  var xL = '430px';
  var xR = '462px';
  var yL = '101px';
  var yR = '106px';

    
//ALEEN VOOR TEST en CONTROLE
//document.getElementById( 'agTekst' ).innerHTML = xMuis;


  //TEST oogverplaatsing berekenen
  //constanten kunnen uit stylesheet gehaald en berekend worden
  var mpX = 446;
  var mpY = 100;
  xL = (xMuis - mpX) / 140 + 430; // 446 = middelpunt tussen ogen, 430 = xpos oog links
                                  // 140 = interval muisverplaatsing in px 
  xR = xL + 32 + 'px';            // 32 = verschil xpos-oog-links en xpos-oog-rechts
  xL = xL + 'px';


  yL = (yMuis - mpY) / 80 + 101;
 
  yR = yL + 5 + 'px';
  yL = yL + 'px';


  //punt van de neus. Sheherazade kijkt scheel
  if ( xMuis > mpX - 20 && xMuis < mpX + 20 && yMuis > mpY - 5 && yMuis < mpY + 38 )
  {
    xL = '433px';   // 430 + 3
    xR = '458px';   // 462 - 4
  }
    
   
  pupilL.style.left = xL;  
  pupilR.style.left = xR;  

  pupilL.style.top = yL;  
  pupilR.style.top = yR;  

}



////////////////////////////////
//
//		menu functies
//

//buffer div met aktieve menu
var mnuAktief = null;

//buffer recent thumb-menu-pagina binnen hoofdstuk (1=PrentBoeken 2=omslagen 3=binnenwerk 4=recent)
var mnuBufThumbPag = new Array( '', '', '', '' );
 
//buffers voor pseudo pagina	(div in div-midden)
var pseudoPagAktief = null;
var tmpPagAktief = null;

//default aktieve bij- of onderschrift bij afbeelding in div midden
//var bijschriftAktief = 'nt01';
var bijschriftAktief = '';

//buffer voor bijschrift groepen
var bufSchrift = new Array(4);

//
// afbeelding centreren.
// Nodig om ontbrekende vertikale centreer
// mogelijkheid in HTML en CSS te ondervangen
//
function Cnt( plaatje )
{
	plaatje.style.left	= (80 - plaatje.width - 2) / 2 + 'px';
	plaatje.style.top	= (70 - plaatje.height - 2) / 2 + 'px';
}



//
// kader rond element
//
function toonKader( gebeuren )
{
	var Afz = Afzender( gebeuren );
	
	//maak een accentuerend kader rond plaatje
	if ( Afz.tagName == 'IMG' )
	{
		Afz.style.borderColor = 'yellow';
		Afz.style.cursor = 'pointer';
	}
	else
	if ( Afz.tagName == 'SPAN' )			// voor accentueren van de < > in menu
	{
		Afz.style.color = 'yellow';
		Afz.style.cursor = 'pointer';
	}
}


//
// verwijder kader rond element
//
function wisKader( gebeuren )
{
	var Afz = Afzender( gebeuren );
	
	//maak een accentuerend kader rond plaatje
	if ( Afz.tagName == 'IMG' )
	{
		Afz.style.borderColor = 'transparent';
		Afz.style.cursor = 'text';
	}
	else
	if ( Afz.tagName == 'SPAN' )			// voor deaccentueren van de < > in menu
	{
		Afz.style.color = '#7D615C';
		Afz.style.cursor = 'text';
	}
	
}


//
// laad afbeelding na klik op thumb in menu (params: event, volgende menu pagina, vorige menupagina, hoofdstuk)
//
function ToonGroot( gebeuren, pagplus, pagmin, hfdStuk )
{
	
  //voorkom event opborrelen naar hogere eventhandler
  if (!gebeuren) var gebeuren = window.event;
	gebeuren.cancelBubble = true;
	if (gebeuren.stopPropagation) gebeuren.stopPropagation();
  //
    
  //verwijder mousemove event van body
  if ( window.onmousemove )
  {
    window.onmousemove = null;
  }
   
  //stop wenbrauw
  if (intval1)
  {
    clearInterval( intval1 );
    clearTimeout( intval2 );
    intval1 = null;
    intval2 = null;
  }
  
    
  var Afz = Afzender( gebeuren );

	if ( Afz.tagName == 'IMG' )				// toon de grotere afbeelding
	{

    var groep = Afz.id;					//bevat code onderschrift voor deze groep afbeeldingen
    var idx   = groep;          //bevat volgnummer afbeelding
    var idxBij = 0;             //index voor bijschrift buffer bufSchrift[]
    var imgelm = '';
    
    
		groep = groep.substr(2, 2);			// bs01 = Meisjes om te zoenen, bs02 = Prinsenkind

    //bepaal welk img element we moeten hebben
    //en doe ook maar gelijk index voor bufferarray voor bijschriften
    if ( Number( groep ) < 3 )
    {
      imgelm = 'afbPrent';
    }
    else if ( Number( groep ) == 3 )
    {
      imgelm = 'afbOmslag';
      idxBij = 1;
    }
    else if ( Number( groep ) ==  4 )
    {
      imgelm = 'afbBinnen';
      idxBij = 2;
    }
    else if ( Number( groep ) ==  5 )
    {
      imgelm = 'afbRecent';
      idxBij = 3;
    }
    
 
    var afb = document.getElementById( imgelm );		//img voor grotere afbeelding in andere div
    
		afb.src = Afz.name;					//afbeelding laden
		afb.title = Afz.title;
		afb.alt = Afz.alt;

		//volgnummer afbeelding
		idx = idx.substr(5, 2 );    

    		
		//bijschriften indexformaat: nt03_1 ( nederlandse tekst menugroep 3 afbeelding 1 )
		//wordt gebruikt om taalversie te kunnen gebruiken
		//global var! nu standaard op Nederlands
    //var taal = 'nt'
    //var taal = 'et'
		
    //menugroep 1 en 2 gaan allemaal over Prinsenkind of Meisjes om te zoenen
		//hierbij bepaalt de groep dus het onderschrift, en niet de afbeelding
		if (Number( groep ) < 3)
		{
		  groep = taal + groep;
		}
		else
		{
      groep = taal + groep + '_' + idx;
		}
		
		//deactiveer huidige tekst indien nodig
		if ( groep != bijschriftAktief)
		{
			//de-aktiveer huidige onderschrift
			if (bijschriftAktief != '')
			{
        document.getElementById( bijschriftAktief ).style.visibility = 'hidden';
      }
      
      //aktiveer gewenste tekst
			bijschriftAktief = groep;
			
			//LET OP levert soms foutmelding. Reden nog niet duidelijk
      document.getElementById( bijschriftAktief ).style.visibility = 'visible';
			
			//buffer bijschrift
			bufSchrift[ idxBij ] = bijschriftAktief;
		}
    //TEST voor zichtbaar bijschrift na tussentijdse Sheherazade
    else  //groep is dus gelijk aan bijschriftaktief en had dus
          //eigenlijk al zichtbaar moeten zijn ware het niet dat daar Sheherazade
          //tussendoor kwam kijken.. Forceer naar zichtbaar
    {
			document.getElementById( bijschriftAktief ).style.visibility = 'visible';    
    }
    
    //maak de taalkeuze teksten in divmidden onzichtbaar
		if (!pseudoPagAktief )
    {
      document.getElementById( 'Ned' ).style.visibility = 'hidden';    
      document.getElementById( 'Eng' ).style.visibility = 'hidden';
    }    

    //haal huidige beeld-div-pagina als
    //tussendoor een niet-beeld-pagina is gekozen
    if( tmpPagAktief )
    {
      pseudoPagAktief.style.visibility = 'hidden';
      pseudoPagAktief = tmpPagAktief; 
      pseudoPagAktief.style.visibility = 'visible';	
    }
    else
    {
      //er is op een afbeelding geklikt maar er werd nog geen beeld-hoofdstuk
      //gekozen. Kan dus alleen PrentenBoeken zijn. Forceer dit. Er kan wel
      //een niet-beeld pagina gekozen zijn. Deze moet dus wel erborgen worden
      if (pseudoPagAktief)
      {
        pseudoPagAktief.style.visibility = 'hidden';
      }
      
			pseudoPagAktief = document.getElementById( 'divPrentboek' );

      //bewaar huidige beeld-div-pagina als
      //nu een niet-beeld-pagina is gekozen
      tmpPagAktief = pseudoPagAktief;
      
      pseudoPagAktief.style.visibility = 'visible';
    
    }
		
	}
	else
	if ( Afz.tagName == 'SPAN' )			// toon volgend - vorig menu op grond van < of > in menu
	{                                 // en params volgend-, vorige pagina 
		
    //var mnuNum = Number( mnuAktief.id.substr(4) );  //volgnummer
    
    if (Afz.id == 'plLinks' && pagmin != '' )
		{
      mnuAktief.style.visibility = 'hidden';	
			mnuAktief = document.getElementById( pagmin );
			mnuAktief.style.visibility = 'visible';
		}
		else
		if (Afz.id == 'plRechts' && pagplus != '')
		{
			mnuAktief.style.visibility = 'hidden';
			mnuAktief = document.getElementById( pagplus );
			mnuAktief.style.visibility = 'visible';
		}
	 
	  //TEST
	  //if ( hfdStuk == 2 )  //hoofdtsuk boekomslagen
    //{
      mnuBufThumbPag[ hfdStuk - 1 ] = mnuAktief.id;
    //}
	  
	}

}


//
// pseudo link hover over
//
function toonLink( gebeuren )
{
	var Afz = Afzender( gebeuren );
	
	//accentueer menu tekst
	
  //taalkeuze in div-midden (bij aanvang)
	if ( Afz.id == 'Eng' || Afz.id == 'Ned')
	{
		Afz.style.color = 'black';
		//Afz.style.fontWeight = 'bold';
		Afz.style.cursor = 'pointer';
	}
	

	// voor accentueren van de tekst in teksten-regel-menu	
	//if ( Afz.tagName == 'SPAN' )
	if ( Afz.id.substr( 0, 5 ) == 'tekst')			// voor accentueren van de tekst in teksten-regel-menu
	{
		Afz.style.color = 'yellow';
		//Afz.style.fontWeight = 'bold';
		Afz.style.cursor = 'pointer';
	}
	
	
	//Grapje...
	//accentueer naam van Martijn in afbeelding rechtsboven
	//wanneer muis over zijn tekst in het tekst-menu gaat
	if( Afz.id == 'tekstH1' )
	{
		document.getElementById( 'agTekst' ).style.color = 'yellow';
	
	}
	
	
	//Grapje...
	//accentueer oog en sierraden in afbeelding rechtsboven
	//wanneer muis over tekst Maranke in het tekst-menu gaat
	if( Afz.id == 'tekstH2' )
	{
		document.getElementById( 'agTop2' ).style.visibility = 'visible';
	
	}

	//verwijzing naar weblog via png image
	//img heeft id -logLink- en area heet id -veelhoek-
	if( Afz.id == 'veelhoek' )
	{
		//alert( 'dit is logLink..' );
		document.getElementById( 'logLink' ).style.cursor = 'pointer';
		document.getElementById( 'logLink' ).src = './Beeldelementen/weblogwoordb.png'
	}

	//document.getElementById( 'tekstH5' ). innerHTML = Afz.id;	
}

//
// pseudo link hover uit
//
function wisLink( gebeuren )
{
	var Afz = Afzender( gebeuren );
	
	//de-accentueer menu tekst
	
  //taalkeuze in div-midden (bij aanvang)
	if ( Afz.id == 'Eng' || Afz.id == 'Ned')
	{
		Afz.style.color = '#555555';
		//Afz.style.fontWeight = 'bold';
		Afz.style.cursor = 'text';
	}
	
	
	// voor de-accentueren van de tekst in menu	
	//if ( Afz.tagName == 'SPAN' )
	if ( Afz.id.substr( 0, 5 ) == 'tekst' )
	{
		if (Afz.id == 'tekstH1' || Afz.id == 'tekstH2' || Afz.id == 'tekstH3' || Afz.id == 'tekstH4' || Afz.id == 'tekstH5' )
		{
			//Afz.style.fontWeight = 'normal';
			Afz.style.color = '#F9EBDB';
			Afz.style.cursor = 'text';
		}
		else
		{
			Afz.style.color = '#FDFCFC';
			Afz.style.cursor = 'text';
		}
	}
	

	//Grapje...
	//de-accentueer naam van Martijn in afbeelding rechtsboven
	//wanneer muis over zijn tekst in het tekst-menu gaat
	if( Afz.id == 'tekstH1' )
	{
		document.getElementById( 'agTekst' ).style.color = '#D8C7B5';
	
	}

	//Grapje...
	//de-accentueer oog en sierraden in afbeelding rechtsboven
	//wanneer muis over tekst Maranke in het tekst-menu gaat
	if( Afz.id == 'tekstH2' )
	{
		document.getElementById( 'agTop2' ).style.visibility = 'hidden';
	
	}

	//verwijzing naar weblog via png image
	//img heeft id -logLink- en area heet id -veelhoek-
	if( Afz.id == 'veelhoek' )
	{
		//alert( 'dit is logLink..' );
		document.getElementById( 'logLink' ).style.cursor = 'text';
		document.getElementById( 'logLink' ).src = './Beeldelementen/weblogwoord.png'
	}


}


//TEST
//var mnuBufT2 = '';        //buffer voor actuele thumbsmenu-pagina van groep

//
// toon pseudo pagina in div Midden na klik in tekst menu
//
function ToonInhoud( gebeuren )
{  
  
	var Afz = Afzender( gebeuren );
  
  //niets doen als er in menu div maar niet op een koppeling
  //wordt geklikt
  if ( Afz.id == 'divMnu' || !Afz.id )
  {
    return;
  }
  

	//weblog link geklikt: alleen maar koppeling openen in andere browser venster
	//verwijzing naar weblog via png image
	//img heeft id -logLink- en area heet id -veelhoek-

	if( Afz.id == 'veelhoek' )
	{		
		return;
	}




  //stop wenbrauw
  if (intval1)
  {
    clearInterval( intval1 );
    clearTimeout( intval2 );
    intval1 = null;
    intval2 = null;
  }

  //verwijder mousemove event van body
  if ( window.onmousemove )
  {
    window.onmousemove = null;
  }


	var bijschrift = '';

	//de-activeer eerst eventuele pseudo-pagina
  if (pseudoPagAktief != null )
	{
    pseudoPagAktief.style.visibility = 'hidden';
	}
  else
  {
    //maak de taalkeuze teksten in divmidden onzichtbaar
    document.getElementById( 'Ned' ).style.visibility = 'hidden';    
    document.getElementById( 'Eng' ).style.visibility = 'hidden';
  }    

	//if ( Afz.tagName == 'SPAN' )			// toon pseudo pagina
	if ( Afz.id.substr( 0, 5 ) == 'tekst' )
	{
		
		//toon de benodigde div(s) met inhoud
		if (Afz.id == 'tekstH2' )		//test - Maranke pagina
		{
			if ( taal == 'nt' )
			{
        //nederlands
        pseudoPagAktief = document.getElementById( 'divMaranke' );
      }
      else
      {
        //engels
        pseudoPagAktief = document.getElementById( 'divMarankeEn' );
      }      
		}
		else
		if (Afz.id == 'tekstH1' )		//test - Martijn pagina
		{
			if ( taal == 'nt' )
			{
        //nederlandse versie
        pseudoPagAktief = document.getElementById( "divMartijnNed" );
			}
			else
			{
        //engelse versie
        pseudoPagAktief = document.getElementById( "divMartijnEng" );
			}
			
		}
		else
		if (Afz.id == 'tekstH3' )		//test - koppelingen pagina
		{
			
      if ( taal == 'nt' )
      {
        pseudoPagAktief = document.getElementById( 'divKoppelNed' );
      }
      else
      {
        pseudoPagAktief = document.getElementById( 'divKoppelEng' );      
      }
      
		}
		else
		if (Afz.id == 'tekstH4' )		//test - contact pagina
		{
      if ( taal == 'nt' )
      {
        pseudoPagAktief = document.getElementById( 'divContactNed' );
      }
      else
      {
        pseudoPagAktief = document.getElementById( 'divContactEng' );      
      }
 			
 			//bijschriftAktief = '';
		}
		else
		if (Afz.id == 'tekstH5' )		//test - Sheherazade
		{
       pseudoPagAktief = document.getElementById( 'divCentrum' );
       //kan dat hier? wenkbrauwen shehrazade
       initKnipper();
       
       //TEST voor wissen van bijschrift bij opnieuw tonen Sheherazade
			//wis eventueel zichtbare bijschrift
      if ( bijschriftAktief != '' )
			{
        document.getElementById( bijschriftAktief ).style.visibility = 'hidden';			
			}
             
		}

		else
		{

      //hoofdstukken menu
			mnuAktief.style.visibility = 'hidden';
			
			if (Afz.id == 'tekst1' )		//Prentenboeken pagina
			{

        //test voor selecteren actuele menu pag voor deze menu-groep
        if ( mnuBufThumbPag[ 0 ])
        {          
          mnuAktief = document.getElementById( mnuBufThumbPag[ 0 ]  );
        }
        else
        {
  				mnuAktief = document.getElementById( 'mnuB1' );
  			}
  			
				mnuAktief.style.visibility = 'visible';
				
				//selecteer hoofdstuk div om dadelijk zichtbaar te maken
				pseudoPagAktief = document.getElementById( 'divPrentboek' );

        //bewaar huidige beeld-div-pagina als
        //nu een niet-beeld-pagina is gekozen
        tmpPagAktief = pseudoPagAktief;
    
        if ( !bufSchrift[0] )
        {
          //bijschrift van default afbeelding
          bijschrift = 't01';
        }
        else
        {
          bijschrift = bufSchrift[0].slice(1);			
				} 
				
			}
			else
			if (Afz.id == 'tekst2' )		//Boekomslagen pagina
			{
				
        //test voor selecteren actuele menu pag voor deze menu-groep
        if ( mnuBufThumbPag[ 1 ])
        {          
          mnuAktief = document.getElementById( mnuBufThumbPag[ 1 ]  );
        }
        else
        {
          mnuAktief = document.getElementById( 'mnuB3' );
        }
        
				mnuAktief.style.visibility = 'visible';
				
				//selecteer hoofdstuk div om dadelijk zichtbaar te maken
				pseudoPagAktief = document.getElementById( 'divOmslag' );

        //bewaar huidige beeld-div-pagina als
        //nu een niet-beeld-pagina is gekozen
        tmpPagAktief = pseudoPagAktief;	

        //bijschrift
        if ( !bufSchrift[1] )
        {
          bijschrift = 't03_1';
        }
        else
        {
          bijschrift = bufSchrift[1].slice(1);			
				}
        			        				
			}
			else
			if (Afz.id == 'tekst3' )		//Binnenwerk pagina
			{

        //test voor selecteren actuele menu pag voor deze menu-groep
        if ( mnuBufThumbPag[ 2 ])
        {          
          mnuAktief = document.getElementById( mnuBufThumbPag[ 2 ]  );
        }
        else
        {
				  mnuAktief = document.getElementById( 'mnuB5' );
				}


				mnuAktief.style.visibility = 'visible';
				
				//selecteer hoofdstuk div om dadelijk zichtbaar te maken
				pseudoPagAktief = document.getElementById( 'divBinnen' );
				
        //bewaar huidige beeld-div-pagina als
        //nu een niet-beeld-pagina is gekozen
        tmpPagAktief = pseudoPagAktief;	

        if ( !bufSchrift[2] )
        {
          //bijschrift van default afbeelding
          bijschrift = 't04_1';
        }
        else
        {
          bijschrift = bufSchrift[2].slice(1);			
				}
				
			}

			else
			if (Afz.id == 'tekst4' )		//Recent pagina
			{

        //test voor selecteren actuele menu pag voor deze menu-groep
        if ( mnuBufThumbPag[ 3 ])
        {          
          mnuAktief = document.getElementById( mnuBufThumbPag[ 3 ]  );
        }
        else
        {
				  mnuAktief = document.getElementById( 'mnuB10' );
				}


				mnuAktief.style.visibility = 'visible';
				
				//selecteer hoofdstuk div om dadelijk zichtbaar te maken
				pseudoPagAktief = document.getElementById( 'divRecent' );
				
        //bewaar huidige beeld-div-pagina als
        //nu een niet-beeld-pagina is gekozen
        tmpPagAktief = pseudoPagAktief;	

        if ( !bufSchrift[3] )
        {
          //bijschrift van default afbeelding
          bijschrift = 't05_1';
        }
        else
        {
          bijschrift = bufSchrift[3].slice(1);			
				}
				
			}


			//aktiveer gewenste tekst
			if (taal == 'nt')
      {
        bijschrift = 'n' + bijschrift;
      }
      else
      {
        bijschrift = 'e' + bijschrift;
      }
			
			//wis eventueel zichtbare bijschrift
      if ( bijschriftAktief != '' )
			{
        document.getElementById( bijschriftAktief ).style.visibility = 'hidden';			
			}
			
      bijschriftAktief = bijschrift;
			document.getElementById( bijschriftAktief ).style.visibility = 'visible';

		}
	
    //toon nu geselcteerde div
  	pseudoPagAktief.style.visibility = 'visible';
	}

}