var spacing = parseInt((screen.availWidth-581)/5.5); var tabelwidth=0;
var backVisible=1; var imageWidth=0; var imageHeight=0;
var background_string=''; var rubrieken_string='';

function swapBackgroundNr(nr)
{
	changeImage('imageback','fullscreenimage',backgrounds[nr]);
}

function swapBackground(name)
{
	changeImage('imageback', 'fullscreenimage', doc_base + 'backgrounds/' + name);
}

function alignElements()
{
	if (document.all && !opera) sw=document.body.offsetWidth;
	else sw=window.innerWidth;
	
	if (document.all && !opera) sh=document.body.offsetHeight;
	else sh=window.innerHeight;
	
	imageWidth=sw; imageHeight=parseInt(imageWidth/1.33);

	widthRubrieken=(166 + 77 + 204 + 27);
	realspacing=(sw-widthRubrieken)/4.5;
	spacing=parseInt(realspacing);
	
	if (spacing <=2)
		spacing=2;
	
	tabelwidth=widthRubrieken + (4 * spacing);
	composeStrings();
}
	
function positionLayers()
{	
	xMuseum = spacing;
	xInfo = xMuseum + 166 + spacing;
	xOnderwijs=xInfo + 77 + spacing;
	xSluit= xOnderwijs + 204 + 27 + spacing - 120;
	
	xSubmuseumTentoonstellingen=xMuseum + 149;
	xSubonderwijsBasis=xOnderwijs + 149; 
	
	setX('submuseum', xMuseum); setX('subinfo', xInfo); setX('subonderwijs', xOnderwijs); setX('subsluit', xSluit);	
	setX('submuseumtentoonstellingen', xSubmuseumTentoonstellingen);
	setX('subonderwijsbasis', xSubonderwijsBasis); setX('subonderwijsvoortgezet', xSubonderwijsBasis); setX('subonderwijsalgemeen', xSubonderwijsBasis);
	
	domRubrieken=styleRef('rubrieken'); domLoading=styleRef('loading'); 
	domLoading.visibility='hidden'; domRubrieken.visibility='visible'; 
}

function composeStrings()
{
	background_string='<img src="' + backgrounds[Math.ceil(Math.random()*backgrounds.length)-1] + '" width=' + imageWidth +' height=' + imageHeight +' alt="" border="0" align="left" id="fullscreenimage" name="fullscreenimage">';	

	rubrieken_string='<table cellspacing="0" cellpadding="0" border="0" width="' + tabelwidth + '">\n';
	rubrieken_string+='<tr>\n';
	rubrieken_string+='    <td align="center" width="' + spacing +'"><img src="images/stroke.gif" width=2 height=60 alt="" border="0"></td>\n';
	rubrieken_string+='    <td align="center" width="166"><a href="javascript: clipMenu(\'submuseum\'); setMenuHigh(\'rubrieken\', \'museum\', \'images/mouseover/museum.gif\')" onmouseover="hide=false; changeImage(\'rubrieken\', \'museum\', \'images/mouseover/museum.gif\')" onmouseout="changeImage(\'rubrieken\', \'museum\', \'images/mouseout/museum.gif\')"><img src="images/mouseout/museum.gif" width=166 height=60 alt="" border="0" name="museum"></a></td>\n';
	rubrieken_string+='    <td align="center" width="' + spacing +'"><img src="images/stroke.gif" width=2 height=60 alt="" border="0"></td>\n';
	rubrieken_string+='    <td align="center" width="77"><a href="javascript: clipMenu(\'subinfo\'); setMenuHigh(\'rubrieken\', \'info\', \'images/mouseover/info.gif\')" onmouseover="hide=false; changeImage(\'rubrieken\', \'info\', \'images/mouseover/info.gif\')" onmouseout="changeImage(\'rubrieken\', \'info\', \'images/mouseout/info.gif\')"><img src="images/mouseout/info.gif" width=77 height=60 alt="" border="0" name="info"></a></td>\n';
	rubrieken_string+='    <td align="center" width="' + spacing +'"><img src="images/stroke.gif" width=2 height=60 alt="" border="0"></td>\n';
	rubrieken_string+='    <td align="center" width="204"><a href="javascript: clipMenu(\'subonderwijs\'); setMenuHigh(\'rubrieken\', \'onderwijs\', \'images/mouseover/onderwijs.gif\')" onmouseover="hide=false; changeImage(\'rubrieken\', \'onderwijs\', \'images/mouseover/onderwijs.gif\')" onmouseout="changeImage(\'rubrieken\', \'onderwijs\', \'images/mouseout/onderwijs.gif\')"><img src="images/mouseout/onderwijs.gif" width=204 height=60 alt="" border="0" name="onderwijs"></a></td>\n';
	rubrieken_string+='    <td align="center" width="' + spacing +'"><img src="images/stroke.gif" width=2 height=60 alt="" border="0"></td>\n';
	rubrieken_string+='    <td align="center" width="27"><a href="javascript: self.close()" onmouseover="hide=false; changeImage(\'rubrieken\', \'sluit\', \'images/mouseover/sluit.gif\'); showLayer(\'subsluit\')" onmouseout="changeImage(\'rubrieken\', \'sluit\', \'images/mouseout/sluit.gif\'); hideLayer(\'subsluit\')"><img src="images/mouseout/sluit.gif" width=27 height=60 alt="" border="0" name="sluit"></a></td>\n';
	rubrieken_string+='</tr>\n';
	rubrieken_string+='</table>';
}