Untitled

<!DOCTYPE html>
<html lang="pt">
	<head>
		<meta charset="utf-8" />
		<title>Expressionismo Abstrato - Aluno 99999</title>
		<style>
			body{background-color:#166;}
			td { vertical-align: top; }
			.imag{width:165px; border:1px solid #fff; margin-top:10px; margin-bottom:10px;}
		</style>
		<script src="../ExprAbstr/ExprAbstrBD.js"></script>
		<script src="ExprAbstrPars.js"></script>
		<script>
			var PATH = "../ExprAbstr/"; //diretorio das imagens
			var interface = {};
			//inicialização
			function inic(){
				adqInterf();
				inicInterf();


			}
			//adquire as referências para o interface
			function adqInterf(){
				interface.top = { left:document.getElementById("topleft"), center:document.getElementById("topcenter"), right:document.getElementById("topright")};
				interface.main = { left:document.getElementById("mainleft"), center:document.getElementById("maincenter"), right:document.getElementById("mainright")};
			}

			//inicializa a configuração inicial do interface
			function inicInterf(){
				configApres();
				pintores();
			}

			function resetInterface(){

			}

			//configura a apresentação do texto descritivo central
			function configApres(){
				var cod1 = "";
				//parágrafos do texto central
				cod1 += '<h1>'+titulo()+'</h1>';
				cod1 += '<h2>'+subtitulo()+'</h2>';

				cod1 +='<p class="etik">'+textoIntrod(0)+'</p>';
				cod1 +='<p class="etik">'+textoIntrod(1)+'</p>';
				cod1 +='<p class="etik">'+textoIntrod(2)+'</p>';
				cod1 +='<p class="etik">'+textoIntrod(3)+'</p>';
				cod1 +='<p class="etik">'+textoIntrod(4)+'</p>';

				interface.main.center.innerHTML = cod1;
			}

			function pintores(){
				var cod = "";
				//coluna da esquerda
				for(var iPintor=0; iPintor<numPintores(); iPintor++){
					cod='<img class="imag" onclick="apresPintores('+iPintor+')" src="'+PATH + FotoPintores(iPintor)+'"/>';
					interface.main.left.innerHTML += cod+'<p><b>'+nomePintor(iPintor)+'</b>, pintor de nacionalidade '+nacPintor(iPintor)+', nascido a '+ dataBioPintor(nascimPintor(iPintor))
					+' em '+locNascPintor(iPintor)+', e falecido a '+dataBioPintor(datMortePintor(iPintor))+' em '+locMortePintor(iPintor)+'.</p><br>';
				}
			}
			//converte uma data para inteiros
			function dataBioPintor (data){
				var NM = ["janeiro:", "fevereiro:","março:","abril:","maio:","junho:","julho:","agosto:","setembro:","outubro:","novembro:", "dezembro:"];
				var ano = data.substring(0, 4);
				var mes = data.substring(4, 6);
				var dia = data.substring(6, 8);
				mes = NM[parseInt(mes) - 1];
				return dia + " de " + mes + " de " + ano;
			}
			//função que mostra a outra pagina atraves do clique no pintor
			function apresPintores(nPintor){


			}
			//função que esconde uma pagina e mostra a outra pelo clique no pintor


		</script>
	</head>
	<body>
		<table>
			<tr>
				<td id="topleft"></td>
				<td id="topcenter"></td>
				<td id="topright"></td>
			</tr>
			<tr>
				<td id="mainleft"></td>
				<td id="maincenter"></td>
				<td id="mainright"></td>
			</tr>
		</table>

		<script>
			inic();
		</script>
	</body>
</html>