<!--

var titles = new Array();
var links = new Array();

links[0] = "index.htm";
links[1] = "01.htm";
links[2] = "02.htm";
links[3] = "03.htm";
links[4] = "04.htm";
links[5] = "05.htm";
links[6] = "06.htm";
links[7] = "07.htm";
links[8] = "08.htm";
links[9] = "09.htm";
links[10] = "10.htm";
links[11] = "11.htm";
links[12] = "12.htm";
links[13] = "13.htm";

titles[0] = "Scales and sonorities of the 20th Century";
titles[1] = "The Whole tone scale I";
titles[2] = "The Whole tone scale II";
titles[3] = "The Whole tone scale III";
titles[4] = "The Pentatonic Scale I";
titles[5] = "The Pentatonic Scale II";
titles[6] = "The Pentatonic Scale III";
titles[7] = "The Diminished Scale I";
titles[8] = "The Diminished Scale II";
titles[9] = "The Diminished Scale III";
titles[10] = "Modes Taken from the Medieval Epoch I";
titles[11] = "Modes Taken from the Medieval Epoch II";
titles[12] = "Modes Taken from the Medieval Epoch III";
titles[13] = "Modes Taken from the Medieval Epoch IV";

function navbar() {
	
	var i, prev, next;
	
	for(i=0; i < links.length; i++) {
		
		if (document.title == titles[i]) {
			
			prev = i -1;
			next = i + 1;
		}
	}
	
	document.write("<div class='nav'><div class='right'><p><a href='indice.htm'>Versi&oacute;n en castellano</a></p>");
	
	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);
	
	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>Back to:</p></b><p><a href='../../articles/index.php'>Articles</a></p><p><a href='../../index.php'><b><i>teoria.com</i></b></a></p></div>");
}


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

//-->

