<!--
var titles = new Array();
var links = new Array();
var docID = new Array();

links[0] = "indice.html";	//a
links[1] = "01.html";		//b
links[2] = "02.html";		//c
links[3] = "03.html";		//d
links[4] = "04.html";		//e
links[5] = "05.html";		//f

titles[0] = "Contrapunctus I";
titles[1] = "Primer episodio";
titles[2] = "Segunda exposici&oacute;n";
titles[3] = "Compases 44 a 60";
titles[4] = "Compases 60 en adelante";
titles[5] = "Fuga completa";

docID[0] = "a";
docID[1] = "b";
docID[2] = "c";
docID[3] = "d";
docID[4] = "e";
docID[5] = "f";

function navbar(id) {
	
	var i, prev, next;
	
	for(i=0; i < links.length; i++) {
		
		if (docID[i] == id) {
			
			prev = i -1;
			next = i + 1;
		}
	}
	
	document.write("<div class='nav'><div class='right'><a href='../eng/index.html'><p>English version</p></a>");
	
	if (prev==-1)
	
		document.write('<img src="../../../../../images/antgris.gif"></a>');
	
	else
	
		document.write('<a href="' + links[prev] + '" title="' + titles[prev] + '"><img src="../../../../../images/anterior.gif"></a>');
	
	for(i=0; i < links.length; i++)
	
		writeblock(i, id);
	
	if (next >= links.length)
	
		document.write('<img src="../../../../../images/progris.gif"></a></div>');
	
	else
		document.write('<a href="' + links[next] + '" title="' + titles[next] + '"><img src="../../../../../images/proxima.gif"></a></div>');
	
	document.write("<p><b>Volver a:</p></b><p><a href='../../indice.html'>El Arte de la fuga</a></p><p><a href='../../../../../articulos/index.php'>Art&iacute;culos</a></p><p><a href='../../../../../indice.php'><b><i>teoria.com</i></b></a></p></div>");
}


function writeblock(i, id)
{
if (docID[i]==id)

	document.write('<img src="../../../../../images/activo.gif">');
	
else
	document.write('<a href="' + links[i] + '"><img src="../../../../../images/cuadro.gif" alt="' + titles[i] + '"></a>');
}
//-->

