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

links[0] = "index.htm";	//a
links[1] = "01.htm";	//b
links[2] = "02.htm";	//c
links[3] = "03.htm";	//d
links[4] = "04.htm";	//e
links[5] = "05.htm";	//f
links[6] = "06.htm";	//g
links[7] = "07.htm";	//h
links[8] = "08.htm";	//i
links[9] = "09.htm";	//j
links[10] = "10.htm";	//k


titles[0] = "EL CUATRO PUERTORRIQUEÑO, BREVE HISTORIA";
titles[1] = "Introducci&oacute;n";
titles[2] = "Desde la Colonizaci&oacute;n";
titles[3] = "Final del Siglo 18 y Florecimiento Econ&oacute;mico del Siglo 19";
titles[4] = "Cambio de Órdenes( de 4 a 5 dobles)";
titles[5] = "Cambio de Forma (1900)";
titles[6] = "Creaci&oacute;n del Repertorio y la Radio";
titles[7] = "Las Teor&iacute;as de su procedencia";
titles[8] = "El Instituto de Cultura Puertorrique&ntilde;a";
titles[9] = "Al D&iacute;a de Hoy";
titles[10] = "Coda";

docID[0] = "a";
docID[1] = "b";
docID[2] = "c";
docID[3] = "d";
docID[4] = "e";
docID[5] = "f";
docID[6] = "g";
docID[7] = "h";
docID[8] = "i";
docID[9] = "j";
docID[10] = "k";

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'>");

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:</b></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>');
}
//-->

