window.onload=function() {
	GenerateHeader();
	GenerateMenu();
}

function GenerateHeader() {
	var v_HeaderId = this.document.getElementById("Header");
	var v_Header;
	
	v_Header =  "<table border='0' bgcolor='white' width='100%' align='center' cellspacing='0' cellpadding='0'>";
	v_Header += "	<tr>";
	v_Header += "		<td width='90px'>";
	v_Header += "			<img src='Images\\LeftHeader.jpg'>";
	v_Header += "		</td>";
	v_Header += "		<td background='Images\\Header.jpg' align='center' valign='baseline'>";
	v_Header += "			<img src='Images\\Wiskundebijles.jpg'>";
	v_Header += "		</td>";
	v_Header += "		<td width='90px'>";
	v_Header += "			<img src='Images\\RightHeader.jpg'>";
	v_Header += "		</td>";
	v_Header += "	</tr>";
	v_Header += "</table>";	
	
	v_HeaderId.innerHTML = v_Header;
}

function GenerateMenu() {
	var v_MenuId = this.document.getElementById("Menu");
	var v_MenuItems = new Array("Welkom", "Welkom.html", "Werkwijze", "Werkwijze.html", "Verwacht", "Verwacht.html", "Reacties", "Reacties.html", "Bijlessers", "Bijlessers.html", "Tarieven", "Tarieven.html", "Downloads", "Downloads.html", "Links", "Links.html", "Contact", "Contact.html");
	var v_Menu;
	
	v_Menu =  "<table border='0' bgcolor='white' width='270px' cellspacing='0' cellpadding='0'>";
	v_Menu += "	<tr valign='bottom' height='15px'>";
	v_Menu += "		<td align='center' valign='bottom' background='Images\\MenuUp.jpg'>";
	v_Menu += "			&nbsp;";
	v_Menu += "		</td>";
	v_Menu += "	</tr>";
	v_Menu += " <tr>";
	v_Menu += "		<td id='MenuItems'>";
	for(i=0;i < v_MenuItems.length-1;i+=2) {		
		v_Menu += "			<a href=" + v_MenuItems[i+1] + ">" + v_MenuItems[i] + "</a><br>";		
	}
	v_Menu += "		</td>";
	v_Menu += "	</tr>";		
	v_Menu += "	<tr height='20px'>";
	v_Menu += "		<td align='center' valign='top' background='Images\\MenuDown.jpg'>";
	v_Menu += "			&nbsp;";
	v_Menu += "		</td>";
	v_Menu += "	</tr>";
	v_Menu += "</table>";
	
	v_MenuId.innerHTML = v_Menu;
}