function loadBackDrop(){          
document.write("<table id='Tabel_01' border='0' cellpadding='0' cellspacing='0'>");
document.write("	<tr>");
document.write("		<td><img src='afbeeldingen/index_01.gif' name='index_01' width='297' height='189' alt=''></td>");
document.write("		<td><img src='afbeeldingen/index_02.gif' name='index_02' width='338' height='189' alt=''></td>");
document.write("		<td><img src='afbeeldingen/index_03.gif' name='index_03' width='339' height='189' alt=''></td>");
document.write("		<td><img src='afbeeldingen/index_04.gif' name='index_04' width='145' height='189' alt=''></td>");
document.write("	</tr>");
document.write("	<tr>");
document.write("		<td><img src='afbeeldingen/index_05.gif' name='index_05' width='297' height='213' alt=''></td>");
document.write("      <td colspan='2' rowspan='2'><img src='afbeeldingen/index_06.gif' name='index_06' width='677' height='662' alt=''></td>");
document.write("		<td rowspan='2'><img src='afbeeldingen/index_07.gif' name='index_07' width='145' height='662' alt=''></td>");
document.write("	</tr>");
document.write("	<tr>");
document.write("		<td><img src='afbeeldingen/index_08.gif' name='index_08' width='297' height='449' alt=''></td>");
document.write("	</tr>");
document.write("	<tr>");
document.write("		<td><img src='afbeeldingen/index_09.gif' name='index_09' width='297' height='120' alt=''></td>");
document.write("		<td colspan='2'><img src='afbeeldingen/index_10.gif' name='index_10' width='677' height='120' alt=''></td>");
document.write("		<td><img src='afbeeldingen/index_11.gif' name='index_11' width='145' height='120' alt=''></td>");
document.write("	</tr>");
document.write("</table>");
}

function DoResize(){

var lTop, lLeft, lWidth, lHeight;
var menuX, menuY;
//opera Netscape 6 Netscape 4x Mozilla 
if (window.innerWidth || window.innerHeight){ 
docwidth = window.innerWidth; 
docheight = window.innerHeight; 
} 
//IE Mozilla 
if (document.body.clientWidth || document.body.clientHeight){ 
docwidth = document.body.clientWidth; 
docheight = document.body.clientHeight + 16;
} 

var ratio = docwidth / rRatio

lLeft = Math.floor(document.index_01.width * ratio);
lTop  = Math.floor(document.index_01.height * ratio);   
document.index_01.width = lLeft 
document.index_01.height = lTop; 

//document.index_01.width = Math.floor(document.index_01.width * ratio); 
//document.index_01.height = Math.floor(document.index_01.height * ratio); 

document.index_02.width = Math.floor(document.index_02.width * ratio); 
document.index_02.height = document.index_01.height; 

document.index_04.width = Math.floor(document.index_04.width * ratio); 
document.index_04.height = document.index_01.height; 

document.index_03.height = document.index_01.height; 
document.index_03.width = docwidth - document.index_01.width - document.index_02.width - document.index_04.width;  

document.index_09.width = document.index_01.width 
document.index_09.height = Math.floor(document.index_09.height * ratio); 

document.index_11.width = document.index_04.width; 
document.index_11.height = document.index_09.height; 
  
document.index_10.height = document.index_09.height; 
document.index_10.width = document.index_02.width + document.index_03.width;

document.index_05.width = document.index_01.width; 
document.index_05.height = Math.floor(document.index_05.height * ratio); 

document.index_08.width =  document.index_01.width;
document.index_08.height = docheight - document.index_09.height - document.index_05.height - document.index_01.height;

lWidth  = document.index_10.width;
lHeight = document.index_05.height +  document.index_08.height;
document.index_06.width = lWidth; 
document.index_06.height = lHeight; 

//document.index_06.width = document.index_10.width; 
//document.index_06.height = document.index_05.height +  document.index_08.height; 
  
document.index_07.width = document.index_04.width; 
document.index_07.height = document.index_06.height;

rRatio = rRatio * ratio        

resizeContentObj(lTop+10, lLeft+10, lWidth-20, lHeight-20);
}