//Page - Layout
function PageTemplate(){
	template +="<table border='0' width='1200' height='600' bgcolor='#FFFFCC'>";
	template +="	<tr>";
	template +="		<td id='titlearea' class='titlearea' align='center' valign='middle' colspan='2' width='900'></td>";
	template +="		<td id='newsarea' class='newsarea' valign='top' colspan='1' rowspan='2'></td>";
	template +="	</tr>";
	template +="	<tr>";
	template +="		<td id='menuarea' class='menuarea' valign='top'></td>";
	template +="		<td id='textarea' class='textarea' rowspan='3'></td>";
	template +="	</tr>";
	template +="	<tr>";
	template +="		<td id='errorarea' class='patharea' valign='top' colspan='3'></td>";
	template +="	</tr>";
	template +="</table>";	

	document.getElementById('page').innerHTML = template;
}

//Page - Photos
function PhotoTemplate(session)
{
	var strip = "";
	strip += "<table class='textarea' border='0' width='500' height='500'>";
	strip += "<tr>";
	strip += "	<td align='left' class='textarea'>";
	strip += "		<img id='image' /><br /><br />";
	strip += "		Naam: <div id='name'></div><br />";
	strip += "		Datum: <div id='date'></div><br />";
	strip += "		Commentaar: <div id='comment'></div><br />";
	strip += "	</td>";
	strip += "</tr>";
	strip += "<tr>";
	strip += "	<td align='center'>";
	strip += "		<table width='30'>";
	strip += "			<tr>";
	strip += "				<td class='textarea'>";
	strip += "					<input type='button' value='<<' onclick=Navigate('-') />";
	strip += "				</td>";
	strip += "				<td id='num' class='textarea'></td>";
	strip += "				<td class='textarea'>/</td>";
	strip += "				<td id='total' class='textarea'></td>";
	strip += "				<td class='textarea'>";
	strip += "					<input type='button' value='>>' onclick=Navigate('+') />";
	strip += "				</td>";
	strip += "			</tr>";
	strip += "		</table>";
	strip += "	</td>";
	strip += "</tr>";
	strip += "</table>";

	document.getElementById("photoarea").innerHTML = strip;
	
	loadFotos(session);
	Navigate("");
}

//Page - Examenprogram
function ShowProgram(number)
{
	if(5 == number)
	{
		html ="";
		html+="<table border='1' cellspacing='0' cellpadding='3' width='600' height='550' bgcolor='#FFFF00' bordercolor='#000000'>";
		html+="<tr><td class='textarea'><h1>Niveau</h1></td><td class='textarea'><h1>Aanval</h1></td><td class='textarea'><h1>Greep</h1></td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='3'>Tachi waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br /> Nikkyo<br />Iriminage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Aihanmi Katatedori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Iriminage<br />Shihonage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yakuhanmi Katatedori</td><td valign='top' class='textarea'>Tenchinage<br />Kotegaeshi<br />Shihonage<br />Iriminage<br />Udekimenage<br />Kokyonage</td></tr>";
		html+="<tr><td colspan='3' valign='top' class='textarea'>Ukemi waza<br />Shikko<br />Tai-sabaki<br />Kokyo Ho<br />O'Sensei(°14/12/1883 -> 26/04/1969)</td></tr>";
		html+="</table>";
	}
	if(4 == number)
	{
		html ="";
		html+="<table border='1' cellspacing='0' cellpadding='3' width='600' height='600' bgcolor='#FF6600' bordercolor='#000000'>";
		html+="<tr><td align='center'><h1>Niveau</h1></td><td align='center'><h1>Aanval</h1></td><td align='center'><h1>Greep</h1></td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='7'>Tachi waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br /> Nikkyo<br />Sankyo<br />Iriminage<br />Kotegaeshi<br />Kokyonage<br />Uchikaitennage<br />Kaitensankyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yokomen Uchi</td><td valign='top' class='textarea'>Iriminage<br />Shihonage<br />Kotegaeshi<br />Udekimenage<br />Tenchinage<br />Kokyonage<br />Ikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yakuhanmi Katatedori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Uchikaiten</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryotedori</td><td valign='top' class='textarea'>Shihonage<br />Tenchinage<br />Udekimenage<br />Ikkyo<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Chudantsuki</td><td valign='top' class='textarea'>Ikkyo<br />Udekimenage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Jodantsuki</td><td valign='top' class='textarea'>Ikkyo<br />Shihonage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Katateryote</td><td valign='top' class='textarea'>Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='1'>Suwari waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br /> Nikkyo<br />Iriminage</td></tr>";
		html+="<tr><td colspan='3' valign='top' class='textarea'>Kokyo Ho<br />O'Sensei(°14/12/1883 -> 26/04/1969)<br />Dojo etiquette</td></tr>";
		html+="</table>";
	}
	if(3 == number)
	{
		html ="";
		html+="<table border='1' cellspacing='0' cellpadding='3' width='600' height='600' bgcolor='#00FF00' bordercolor='#000000'>";
		html+="<tr><td align='center'><h1>Niveau</h1></td><td align='center'><h1>Aanval</h1></td><td align='center'><h1>Greep</h1></td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='7'>Tachi waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Nikkyo<br />Sankyo<br />Yonkyo<br />Gokyo<br />Iriminage<br /><br />Kaitennage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yokomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br />Gokyo<br />Uchikaiten Sankyo<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yakuhanmi Katatedori</td><td valign='top' class='textarea'>Nikkyo<br />Sankyo<br />Yonkyo<br />Iriminage<br />Uchikaiten</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Morotedori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryotedori</td><td valign='top' class='textarea'>Iriminage<br />Kotegaeshi<br />Kokyonage<br />Shihonage<br />Nikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Chudantsuki</td><td valign='top' class='textarea'>Kaitennage<br />Kaiten Sankyo<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Jodantsuki</td><td valign='top' class='textarea'>Shihonage<br />Kotegaeshi<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='1'>Uchiro waza</td><td valign='top' class='textarea'>Ryotedori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Hijikimeosai<br />Shihonage<br />Iriminage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='2'>Suwari waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Iriminage<br />Ikkyo<br />Kotegaeshi<br />Sankyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Aihanmi Katatedori</td><td valign='top' class='textarea'>Ikkyo<br /> Nikkyo</td></tr>";
		html+="</table>";
	}	
	if(2 == number)
	{
		html ="";
		html+="<table border='1' cellspacing='0' cellpadding='3' width='600' height='600' bgcolor='#0000FF' bordercolor='#000000'>";
		html+="<tr><td align='center'><h1>Niveau</h1></td><td align='center'><h1>Aanval</h1></td><td align='center'><h1>Greep</h1></td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='4'>Tachi waza</td><td valign='top' class='textarea'>Yokomenuchi</td><td valign='top' class='textarea'>Nikkyo<br />Sankyo<br />Yonkyo<br />Gokyo<br />Koshinage<br />Iriminage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Katadori Menuchi</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Iriminage<br />Kotegaeshi<br />Shihonage<br />Koshinage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Munadori</td><td valign='top' class='textarea'>Ikkyo<br />Shihonage<br />Kotegaeshi<br />Uchikaiten Sankyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Jodantsuki</td><td valign='top' class='textarea'>Nikkyo<br />Sankyo<br />Iriminage<br />Kokyonage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='4'>Ushiro waza</td><td valign='top' class='textarea'>Eridori</td><td valign='top' class='textarea'>Ikkyo<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryokatadori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Sankyo<br />Iriminage<br />Kotegaeshi<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryohijidori</td><td valign='top' class='textarea'>Kotegaeshi<br />Shihonage<br />Iriminage<br />kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Katatekubishime</td><td valign='top' class='textarea'>Ikkyo<br />Sankyo<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='4'>Suwari waza</td><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Nikkyo<br />Sankyo<br />Sotokaiten<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryokatadori</td><td valign='top' class='textarea'>Ikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Chudantsuki</td><td valign='top' class='textarea'>Kotegaeshi<br />Ikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Yodantsuki</td><td valign='top' class='textarea'>Ikkyo</td></tr>";
		html+="</table>";
	}
	if(1 == number)
	{
		html ="";
		html+="<table border='1' cellspacing='0' cellpadding='3' width='600' height='600' bgcolor='#663300' bordercolor='#000000'>";
		html+="<tr><td align='center'><h1>Niveau</h1></td><td align='center'><h1>Aanval</h1></td><td align='center'><h1>Greep</h1></td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='3'>Tachi waza</td><td valign='top' class='textarea'>Munadorimenuchi</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Sankyo<br />Koshinage<br />Kokyonage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Jodantsuki</td><td valign='top' class='textarea'>Yonkyo<br />Koshinage<br />Iriminage<br />Shihonage<br />Sotokaiten<br />Ushirokiriotoshi</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Sankyo<br />Yonkyo<br />Gokyo<br />Koshinage<br />Sumiotoshi</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='3'>Ushiro waza</td><td valign='top' class='textarea'>Ryotedori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Kotegaeshi<br />Yonkyo<br />Kokyonage<br />Koshinage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Katatedori Kubishime</td><td valign='top' class='textarea'>Sankyo<br />Nikkyo<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Eridori</td><td valign='top' class='textarea'>Iriminage<br />Ikkyo<br />Sankyo<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='3'>Hanmi Handachi Waza</td><td valign='top' class='textarea'>Katatedori</td><td valign='top' class='textarea'>Shihonage<br />Kaitennage<br />Ikkyo<br />Kotegaeshi<br />Nikkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Ryotedori</td><td valign='top' class='textarea'>Shihonage<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Iriminage<br />Kotegaeshi</td></tr>";
		html+="<tr><td valign='top' class='textarea' rowspan='3'>Suwari Waza</td><td valign='top' class='textarea'>Ryokatadori</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Sankyo<br />Yonkyo</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Shomen Uchi</td><td valign='top' class='textarea'>Ikkyo<br />Nikkyo<br />Sankyo<br />Yonkyo<br />Gokyo<br />Iriminage</td></tr>";
		html+="<tr><td valign='top' class='textarea'>Katadorimenuchi</td><td valign='top' class='textarea'>Iriminage<br />Kokyonage</td></tr>";
		html+="<tr><td valign='top' class='textarea' colspan='3'>Tanto dori<br />Aiki Ken</td></tr>";
		html+="</table>";
	}
	document.getElementById("examarea").innerHTML = html;
}

