<?
include("funcoes.php");

//Lê o parâmetro i (índice do conteúdo)
$i=1;
if(isset(
$_GET["i"]))$i=intval($_GET["i"]);

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt">
<head>
 <title>Tableless - Ajax Demo 2</title>
 <meta name="resource-type" content="document" />
 <meta http-equiv="content-type" content="text/html; charset: iso-8859-1" />
 <link rel="shortcut icon" href="/favicon.ico" />
 <link rel="stylesheet" type="text/css" href="estilo.css" title="Padrão" />
 <link rel="alternate stylesheet" type="text/css" href="estilo2.css" title="Verde Django" />
 <link rel="stylesheet" type="text/css" href="print.css" media="print" />
 <script type="text/javascript" src="ajaxutil.js"></script>
 <script type="text/javascript" src="ajax.js"></script>
 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
 <script src="http://elcio.com.br/analytics.js" type="text/javascript"></script>
</head>

<body>

<h1>Ajax (parte 2): encarando o mundo real</h1>
<h2 id="titulo"><?=titulo($i)?></h2>

<div id="menu">
    <ol>
        <li><a href="?i=1"<?classi(1)?> title="Parte 1">Introdução</a></li>
        <li><a href="?i=2"<?classi(2)?> title="Parte 2">Mudanças na Aplicação</a></li>
        <li><a href="?i=3"<?classi(3)?> title="Parte 3">XmlHTTPRequest e Threads</a></li>
        <li><a href="?i=4"<?classi(4)?> title="Parte 4">Obtendo HTML</a></li>
        <li><a href="?i=5"<?classi(5)?> title="Parte 5">Contruindo uma fila</a></li>
        <li><a href="?i=6"<?classi(6)?> title="Parte 6">Conselhos Finais</a></li>
    </ol>
</div>

<div id="conteudo">
    <?=leconteudo($i)?>
</div>
<div id="rodape">
<a href="http://elcio.com.br" title="Elcio Ferreira">Elcio Ferreira</a> * <a href="http://www.tableless.com.br" title="Tableless.com.br">Tableless.com.br</a>
</div>

</body>
</html>