var mb_start_x = 0; 
var mb_start_y = 240; 
var mb_dest_x = 120;  
var mb_dest_y = 120;  
var rb_start_x = 0; 
var rb_start_y = 360; 
var rb_dest_x = 240;  
var rb_dest_y = 120;  
var lm_start_x = 240; 
var lm_start_y = 240; 
var lm_dest_x = 0;  
var lm_dest_y = 240;  
var mm_start_x = 480; 
var mm_start_y = 120; 
var mm_dest_x = 120;  
var mm_dest_y = 240;  
var rm_start_x = 360; 
var rm_start_y = 360; 
var rm_dest_x = 240;  
var rm_dest_y = 240;  
var lo_start_x = 600; 
var lo_start_y = 0; 
var lo_dest_x = 0;  
var lo_dest_y = 360;  
var mo_start_x = 600; 
var mo_start_y = 480; 
var mo_dest_x = 120;  
var mo_dest_y = 360;  
var ro_start_x = 600; 
var ro_start_y = 360; 
var ro_dest_x = 240;  
var ro_dest_y = 360;
var vorm_start_x = 0; 
var vorm_start_y = 120; 
var vorm_dest_x = 0;  
var vorm_dest_y = 200;
var vorm_start_w = 489; 
var vorm_dest_w = 728;  
var vorm_start_h = 348; 
var vorm_dest_h = 268;  
var steps = 100;
var current_step = 0;
var current_opacity = 0;
var tekst_hoogte = 348;
var rolstappen = 20;
var rol_hoogte = 300;
var current_rolstappen = 20;
var demping_paars = 8;

function animatie()
{
document.getElementById("mb_logo").style.top  = (mb_start_y + ((current_step * (mb_dest_y - mb_start_y)) / steps))+'px';
document.getElementById("mb_logo").style.left = (mb_start_x + ((current_step * (mb_dest_x - mb_start_x)) / steps))+'px';
document.getElementById("rb_logo").style.top  = (rb_start_y + ((current_step * (rb_dest_y - rb_start_y)) / steps))+'px';
document.getElementById("rb_logo").style.left = (rb_start_x + ((current_step * (rb_dest_x - rb_start_x)) / steps))+'px';
document.getElementById("vorm_blok").style.top  = (vorm_start_y + ((current_step * (vorm_dest_y - vorm_start_y)) / steps))+'px';
document.getElementById("vorm_blok").style.left = (vorm_start_x + ((current_step * (vorm_dest_x - vorm_start_x)) / steps))+'px';
document.getElementById("vorm").style.width  = (vorm_start_w + ((current_step * (vorm_dest_w - vorm_start_w)) / steps))+'px';
document.getElementById("vorm").style.height = (vorm_start_h + ((current_step * (vorm_dest_h - vorm_start_h)) / steps))+'px';
if (current_step < steps)
	{
	window.setTimeout("animatie();",1);
	current_step += 1;
	}
else
	{
	current_step = 0;
	window.setTimeout("animatie2();",1000);
	}
}

function animatie2()
{
if (current_step == 0)
{
	toon('lm');
	toon('mm');
	toon('rm');
	toon('lo');
	toon('mo');
	toon('ro');
}
document.getElementById("lm").style.top  = (lm_start_y + ((current_step * (lm_dest_y - lm_start_y)) / steps))+'px';
document.getElementById("lm").style.left = (lm_start_x + ((current_step * (lm_dest_x - lm_start_x)) / steps))+'px';
document.getElementById("mm").style.top  = (mm_start_y + ((current_step * (mm_dest_y - mm_start_y)) / steps))+'px';
document.getElementById("mm").style.left = (mm_start_x + ((current_step * (mm_dest_x - mm_start_x)) / steps))+'px';
document.getElementById("rm").style.top  = (rm_start_y + ((current_step * (rm_dest_y - rm_start_y)) / steps))+'px';
document.getElementById("rm").style.left = (rm_start_x + ((current_step * (rm_dest_x - rm_start_x)) / steps))+'px';
document.getElementById("lo").style.top  = (lo_start_y + ((current_step * (lo_dest_y - lo_start_y)) / steps))+'px';
document.getElementById("lo").style.left = (lo_start_x + ((current_step * (lo_dest_x - lo_start_x)) / steps))+'px';
document.getElementById("mo").style.top  = (mo_start_y + ((current_step * (mo_dest_y - mo_start_y)) / steps))+'px';
document.getElementById("mo").style.left = (mo_start_x + ((current_step * (mo_dest_x - mo_start_x)) / steps))+'px';
document.getElementById("ro").style.top  = (ro_start_y + ((current_step * (ro_dest_y - ro_start_y)) / steps))+'px';
document.getElementById("ro").style.left = (ro_start_x + ((current_step * (ro_dest_x - ro_start_x)) / steps))+'px';
if (current_step < steps)
	{
	window.setTimeout("animatie2();",1);
	current_step += 1;
	}
else
	{
	toonTekst();
	setOpacity(document.getElementById("vorm"), demping_paars);
	toon("tekst");
	toon("boven");
	toon("onder");
	document.cookie = "dummy=dummy;expires=01/01/2023 00:00:00";
	}
}

function startPagina()
{
pijltjes();
if (document.cookie.indexOf("=dummy") > 0)
	{
	verberg("titel1");
	verberg("titel2");
	verberg("titel3");
	document.getElementById("mb_logo").style.top  = mb_dest_y +'px';
	document.getElementById("mb_logo").style.left = mb_dest_x +'px';
	document.getElementById("rb_logo").style.top  = rb_dest_y +'px';
	document.getElementById("rb_logo").style.left = rb_dest_x +'px';
	document.getElementById("vorm_blok").style.top  = vorm_dest_y +'px';
	document.getElementById("vorm_blok").style.left = vorm_dest_x +'px';
	document.getElementById("vorm").style.width  = vorm_dest_w +'px';
	document.getElementById("vorm").style.height = vorm_dest_h +'px';
	toon("lb");
	toon("mb");
	toon("rb");
	toon("lm");
	toon("mm");
	toon("rm");
	toon("lo");
	toon("mo");
	toon("ro");
	setOpacity(document.getElementById("vorm"), demping_paars);
	toon("vorm");
	toonTekst();
	toon("tekst");
	toon("boven");
	toon("onder");
	}
else
	{
	image = document.getElementById("lb");
	setOpacity(image, 0);
	image.style.visibility = "visible";
	image = document.getElementById("mb");
	setOpacity(image, 0);
	image.style.visibility = "visible";
	image = document.getElementById("rb");
	setOpacity(image, 0);
	image.style.visibility = "visible";
	window.setTimeout("fadeInOut();", 1000);
	}
}

function dimVorm()
{
image = document.getElementById("vorm");
setOpacity(image, demping_paars);
}

function toonTekst()
{
toon("lm_tekst");
toon("mm_tekst");
toon("rm_tekst");
toon("lo_tekst");
toon("mo_tekst");
toon("ro_tekst");
}

function verbergTekst()
{
verberg("lm_tekst");
verberg("mm_tekst");
verberg("rm_tekst");
verberg("lo_tekst");
verberg("mo_tekst");
verberg("ro_tekst");
}
	
function toon(id)
{
document.getElementById(id).style.visibility = 'visible';
}

function verberg(id)
{
document.getElementById(id).style.visibility = 'hidden';
}

function setOpacity(obj, opacity)
{
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}

function fadeInOut()
{
if (current_opacity <= 100)
	{
	setOpacity(document.getElementById("lb")    , current_opacity);
	setOpacity(document.getElementById("titel1"), 100 - current_opacity);
	setOpacity(document.getElementById("mb")    , current_opacity);
	setOpacity(document.getElementById("titel2"), 100 - current_opacity);
	setOpacity(document.getElementById("rb")    , current_opacity);
	setOpacity(document.getElementById("titel3"), 100 - current_opacity);
	current_opacity += 1;
	window.setTimeout("fadeInOut();", 1);
	}
else
	{
	toon("vorm");
	animatie();
	}
}

function omhoog()
{
if (current_rolstappen <= rolstappen)
	{
	current_rolstappen++;
	tekst_top = document.getElementById("tekst").offsetTop
	document.getElementById("tekst").style.top  = (tekst_top - (rol_hoogte/rolstappen))+'px';
	window.setTimeout("omhoog();",1);
	}
tekst_top = document.getElementById("tekst").offsetTop;
hoogte = document.getElementById("tekst").offsetHeight;
if (tekst_top + hoogte <= tekst_hoogte)
	{
	setOpacity(document.getElementById("onder"),demping_paars);
	}
}

function rolOmhoog()
{
hoogte = document.getElementById("tekst").offsetHeight;
tekst_top = document.getElementById("tekst").offsetTop;
if (tekst_top + hoogte > tekst_hoogte)
	{
	current_rolstappen = 1;
	omhoog();
	setOpacity(document.getElementById("boven"),100);
	}
}

function omlaag()
{
if (current_rolstappen <= rolstappen)
	{
	current_rolstappen++;
	tekst_top = document.getElementById("tekst").offsetTop
	document.getElementById("tekst").style.top  = (tekst_top + (rol_hoogte/rolstappen))+'px';
	window.setTimeout("omlaag();",1);
	}
tekst_top = document.getElementById("tekst").offsetTop;
if (tekst_top >= 0)
	{
	setOpacity(document.getElementById("boven"),demping_paars);
	}
}

function rolOmlaag()
{
tekst_top = document.getElementById("tekst").offsetTop;
if (tekst_top < 0)
	{
	current_rolstappen = 1;
	omlaag();
	setOpacity(document.getElementById("onder"),100);
	}
}

function pijltjes()
{
setOpacity(document.getElementById("boven"),demping_paars);
if (document.getElementById("tekst").offsetHeight <= tekst_hoogte)
	{
	setOpacity(document.getElementById("onder"),demping_paars);
	}
}

function openPagina(pagina) 
{
window.open(pagina,"_parent");
}