function showbloks0() {
NLBfadeBg('imageblok1','#333333','#A13F22','15000');
NLBfadeBg('imageblok2','#333333','#333333','15000');
NLBfadeBg('imageblok3','#333333','#A13F22','15000');
}

function showbloks1() {
NLBfadeBg('imageblok1','#333333','#A13F22','15000');
NLBfadeBg('imageblok2','#A13F22','#333333','15000');
NLBfadeBg('imageblok3','#333333','#A13F22','15000');
}

function showbloks2() {
NLBfadeBg('imageblok1','#A13F22','#333333','15000');
NLBfadeBg('imageblok2','#333333','#A13F22','15000');
NLBfadeBg('imageblok3','#A13F22','#333333','15000');
}

function showwebsite() {

fadeimageblokken();
setTimeout("fadeimageblokken()", 47000);
setTimeout("fadeimageblokken()", 94000);
setTimeout("fadeimageblokken()", 141000);
setTimeout("fadeimageblokken()", 188000);
setTimeout("fadeimageblokken()", 235000);
setTimeout("fadeimageblokken()", 282000);
setTimeout("fadeimageblokken()", 329000);
setTimeout("fadeimageblokken()", 376000);
setTimeout("fadeimageblokken()", 423000);
setTimeout("fadeimageblokken()", 470000);
setTimeout("fadeimageblokken()", 517000);

showintro();

showblokstriple();
setTimeout("showblokstriple()", 220000);
setTimeout("showblokstriple()", 440000);
setTimeout("showblokstriple()", 660000);

document.getElementById('container').style.display = 'block';
}

function showblokstriple() {

setTimeout("showbloks0()", 1000); 
setTimeout("showbloks2()", 16000); 
setTimeout("showbloks1()", 31000); 
setTimeout("showbloks2()", 46000); 
setTimeout("showbloks1()", 61000); 
setTimeout("showbloks2()", 76000); 
setTimeout("showbloks1()", 91000); 
setTimeout("showbloks2()", 106000); 
setTimeout("showbloks1()", 121000); 
setTimeout("showbloks2()", 136000); 
setTimeout("showbloks1()", 151000); 
setTimeout("showbloks2()", 166000); 
setTimeout("showbloks1()", 181000); 
setTimeout("showbloks2()", 196000);

}

function fadeimageblokken() { 
setTimeout("opacity('8',30,100,500)", 1200); 
setTimeout("opacity('8',100,30,500)", 3000);
setTimeout("opacity('4',30,100,500)", 3800);
setTimeout("opacity('4',100,30,500)", 5400);
setTimeout("opacity('3',30,100,500)", 6200);
setTimeout("opacity('3',100,30,500)", 8000);
setTimeout("opacity('12',30,100,500)", 8800);
setTimeout("opacity('12',100,30,500)", 10400);
setTimeout("opacity('9',30,100,500)", 11200);
setTimeout("opacity('9',100,30,500)", 13000);
setTimeout("opacity('7',30,100,500)", 13800);
setTimeout("opacity('7',100,30,500)", 15600);
setTimeout("opacity('5',30,100,500)", 16400);
setTimeout("opacity('5',100,30,500)", 18200);
setTimeout("opacity('1',30,100,500)", 19000);
setTimeout("opacity('1',100,30,500)", 20800);
setTimeout("opacity('11',30,100,500)", 21400);
setTimeout("opacity('11',100,30,500)", 23200);
setTimeout("opacity('2',30,100,500)", 24000);
setTimeout("opacity('2',100,30,500)", 25800);
setTimeout("opacity('6',30,100,500)", 26400);
setTimeout("opacity('6',100,30,500)", 28200);
setTimeout("opacity('10',30,100,500)", 29000);
setTimeout("opacity('10',100,30,500)", 30800);
setTimeout("opacity('300',30,100,500)", 32600);
setTimeout("opacity('300',100,30,500)", 34400);
setTimeout("opacity('1200',30,100,500)", 36200);
setTimeout("opacity('1200',100,30,500)", 38000);
setTimeout("opacity('600',30,100,500)", 39800);
setTimeout("opacity('600',100,30,500)", 41600);
setTimeout("opacity('900',30,100,500)", 43400);
setTimeout("opacity('900',100,30,500)", 45200);
}


function showintro() {
document.getElementById('showintro').style.display = 'block';
document.getElementById('showbeelden').style.display = 'none';
document.getElementById('showprofiel').style.display = 'none';
document.getElementById('showexpo').style.display = 'none';
document.getElementById('showinfo').style.display = 'none';
document.getElementById('showlinks').style.display = 'none';

document.getElementById('imageblok1').innerHTML = '';
document.getElementById('imageblok2').innerHTML = '';
document.getElementById('imageblok3').innerHTML = '';

checksubmenu();
}



function showprofiel() {
document.getElementById('showintro').style.display = 'none';
document.getElementById('showbeelden').style.display = 'none';
document.getElementById('showprofiel').style.display = 'block';
document.getElementById('showexpo').style.display = 'none';
document.getElementById('showinfo').style.display = 'none';
document.getElementById('showlinks').style.display = 'none';

document.getElementById('imageblok1').innerHTML = '';
document.getElementById('imageblok2').innerHTML = '<img src="images/tom_gray.jpg" width="100%" height="100%">';
document.getElementById('imageblok3').innerHTML = '';

checksubmenu();
}

function showinfo() {
document.getElementById('showintro').style.display = 'none';
document.getElementById('showbeelden').style.display = 'none';
document.getElementById('showprofiel').style.display = 'none';
document.getElementById('showexpo').style.display = 'none';
document.getElementById('showinfo').style.display = 'block';
document.getElementById('showlinks').style.display = 'none';


document.getElementById('imageblok1').innerHTML = '<img src="images/veerhuis 004_goed.jpg" width="100%" height="100%">';
document.getElementById('imageblok3').innerHTML = '<img src="images/limmus.jpg" width="100%" height="100%">';
document.getElementById('imageblok2').innerHTML = '<img src="images/Kunstroute-TomSeerdenVeers1Kessel001_goed.jpg" width="100%" height="100%">';

checksubmenu();
}

function showexpo() {
document.getElementById('showintro').style.display = 'none';
document.getElementById('showbeelden').style.display = 'none';
document.getElementById('showprofiel').style.display = 'none';
document.getElementById('showexpo').style.display = 'block';
document.getElementById('showinfo').style.display = 'none';
document.getElementById('showlinks').style.display = 'none';


document.getElementById('imageblok1').innerHTML = '<img src="images/omaopa.jpg" width="100%" height="100%">';
document.getElementById('imageblok2').innerHTML = '<img src="images/deraay.png" width="100%" height="100%">';
document.getElementById('imageblok3').innerHTML = '<img src="images/interart.png" width="100%" height="100%">';

checksubmenu();
}


function showbeelden() {
document.getElementById('showintro').style.display = 'none';
document.getElementById('showbeelden').style.display = 'block';
document.getElementById('showprofiel').style.display = 'none';
document.getElementById('showexpo').style.display = 'none';
document.getElementById('showinfo').style.display = 'none';
document.getElementById('showlinks').style.display = 'none';

document.getElementById('imageblokbig').innerHTML = '<img src="images/kies.png">';

document.getElementById('imageblok1').innerHTML = '';
document.getElementById('imageblok2').innerHTML = '';
document.getElementById('imageblok3').innerHTML = '';

checksubmenu2();
document.getElementById('imageblokbig').style.backgroundColor = '';

}

function showlinks() {
document.getElementById('showintro').style.display = 'none';
document.getElementById('showbeelden').style.display = 'none';
document.getElementById('showprofiel').style.display = 'none';
document.getElementById('showexpo').style.display = 'none';
document.getElementById('showinfo').style.display = 'none';
document.getElementById('showlinks').style.display = 'block';


document.getElementById('imageblok1').innerHTML = '<img src="images/gieten.jpg">';
document.getElementById('imageblok2').innerHTML = '';
document.getElementById('imageblok3').innerHTML = '<img src="images/atelier.jpg">';

checksubmenu();

}


function checksubmenu() { 
if(document.getElementById('blok99').style.display !== 'none') { Effect.SlideUp('blok99', { duration: 0.3 }); }
}

function checksubmenu2() { 
if(document.getElementById('blok99').style.display == 'none') { Effect.SlideDown('blok99', { duration: 0.3 }); document.getElementById('tekstballon').style.display = 'none'; }
else { Effect.SlideUp('blok99', { duration: 0.3 }); document.getElementById('tekstballon').style.display = 'none';}
}

function showimages(smallimage1, smallimage1tekst, smallimage1color, smallimage2, smallimage2tekst, smallimage2color, smallimage3, smallimage3tekst, smallimage3color) {

document.getElementById('tekstballon').style.display = 'block'; 
document.getElementById('imageblokbig').innerHTML = '<img src="images/' + smallimage1 + '_big.jpg"" class="bigimageblok">';
document.getElementById('imageblokbig').style.backgroundColor = smallimage1color;
document.getElementById('tekstballon').innerHTML = smallimage1tekst;


if(smallimage1 == 'noimage') { document.getElementById('imageblok1').innerHTML = '&nbsp;'; }
else { 
document.getElementById('imageblok1').innerHTML = '<a href="#" onmouseover="showimagesinvak(\'' + smallimage1 + '\', \'' + smallimage1tekst + '\', \'' + smallimage1color + '\')"><img src="images/' + smallimage1 + '_small.jpg" class="smallimageblok" style="cursor: pointer;"></a>';
}

if(smallimage2 == 'noimage') { document.getElementById('imageblok2').innerHTML = '&nbsp;'; }
else { 
document.getElementById('imageblok2').innerHTML = '<a href="#" onmouseover="showimagesinvak(\'' + smallimage2 + '\', \'' + smallimage2tekst + '\', \'' + smallimage2color + '\')"><img src="images/' + smallimage2 + '_small.jpg"" class="smallimageblok" style="cursor: pointer;"></a>';

}

if(smallimage3 == 'noimage') { document.getElementById('imageblok3').innerHTML = '&nbsp;'; }
else { 
document.getElementById('imageblok3').innerHTML = '<a href="#" onmouseover="showimagesinvak(\'' + smallimage3 + '\', \'' + smallimage3tekst + '\', \'' + smallimage3color + '\')"><img src="images/' + smallimage3 + '_small.jpg"" class="smallimageblok" style="cursor: pointer;"></a>';
}




}

function showimagesinvak(image, imagetekst, color) {
document.getElementById('imageblokbig').innerHTML = '<img src="images/' + image + '_big.jpg"" class="bigimageblok">';
document.getElementById('tekstballon').innerHTML = imagetekst;
document.getElementById('imageblokbig').style.backgroundColor = color;
}