// JavaScript Document
var menu = new Array();
i=1
// primer nivel
menu[i]= new Array(0,'Información Util','./info.htm') ; i+=1;
menu[i]= new Array(0,'Viaja a tu aire','./tuviaje.asp') ; i+=1;
menu[i]= new Array(0,'Rutas Recomendadas','./rutas_01.htm') ; i+=1;
menu[i]= new Array(0,'Parques Nacionales','./parques.htm') ; i+=1;
menu[i]= new Array(0,'Imágenes del viaje','./imagenes1a.htm') ; i+=1;
// segundo nivel
menu[i]= new Array(1,'Idioma-Geografia','./info_idioma.htm') ; i+=1;	//#idioma
menu[i]= new Array(1,'Historia-Ciudades','./info_historia.htm') ; i+=1;	//#historia
menu[i]= new Array(1,'Clima','./info_clima.htm') ; i+=1;	//#clima
menu[i]= new Array(1,'Economia-Recursos naturales','./info_economia.htm') ; i+=1;	//	#economia
menu[i]= new Array(1,'Información General','./info_info.htm') ; i+=1;	//#info
//
//menu[i]= new Array(2,'opcion 2A','link opcion 2A') ; i+=1;
//menu[i]= new Array(2,'opcion 2B','link opcion 2B') ; i+=1;
//
menu[i]= new Array(3,'Ruta del Capitán Nelsón','./rutas_01.htm') ; i+=1;  //#nelson
menu[i]= new Array(3,'Ruta Pura Vida','./rutas_02.htm') ; i+=1;	//#puravida
menu[i]= new Array(3,'Ruta Tras el Corazón Verde','./rutas_03.htm') ; i+=1;	//#corazonverde
//
//menu[i]= new Array(4,'Parque 1','./parques_01.htm') ; i+=1;
//menu[i]= new Array(4,'parque 2','./parques_02.htm') ; i+=1;

/* verMenu 
	Esta funcion visualiza un menu de dos niveles
	La estructura del menu es; elemento 0, raiz, nunca se visualiza
	Para las opciones seleccionadas no se visualiza link de navegacion pero 
	se destacan utilizando clases.
	Clase presentacion: como se visualizan las opciones
	Clase seleccionado: estilo del elemneto destacado
	Clase onmouseover: estilo cuando estamos en mouse over, para los no destacados.
	Parametros:
		m0: opcion seleccionada en nivel 0
		m1: opcion seleccionada en nivel 1
*/
function verMenu (menu, m0, m1, clMenu, clDestacado, clMouseOver){
var tmpStr,i;
var separador = "&nbsp&nbsp ˇ&nbsp&nbsp "

	if (m0 == '' || m0=="-1" || m0=='false') {m0 = 1}
	if (m1 == '' || m1=="-1" || m1=='false') {m1 = 1}
	tmpStr = ""
	for (i=1;i<menu.length;i++ ) {
		tmpClase = clMenu
		if (menu[i][0] == 0) { 
			if (i>1) {tmpStr += separador}
			if (i == m0) { // elemento activo
				tmpClase = clDestacado
				tmpStr += "<span class='" + tmpClase + "'>"
				tmpStr += menu[i][1] 
				tmpStr += "</span>"
			} else {
				tmpClase = clMenu
				tmpStr += "<a href='" + menu[i][2] + "?m0=" + i + "&m1=-1' class='" + tmpClase + "'>"
				tmpStr += menu[i][1] + ""
				tmpStr += "</a>"
			}
		}
	}
	tmpStr += "<br>"
// visualizacion submenu correspondiente
// ajustar visualizacion de subopciones ,; que indices usar ???, link ???
	j=0   // contador de subopciones para m0
	for (i=1;i<menu.length;i++ ) {
		tmpClase = clMenu
		if (menu[i][0] == m0) { 
			j=j+1
			if (j>1) {tmpStr += separador}
			if (j == m1) { // elemento activo
				tmpClase = clDestacado
				tmpStr += "<span class='" + tmpClase + "'>"
				tmpStr += menu[i][1] 
				tmpStr += "</span>"
			} else {
				tmpClase = clMenu
				tmpStr += "<a href='" + menu[i][2] + "?m0=" + m0 + "&m1=" + j + "' class='" + tmpClase + "'>"
//				tmpStr += "<a href='" + menu[i][2] + "' class='" + tmpClase + "'>"
				// ?? javascript para cambiar clase de la opcion seleccionada '???
				tmpStr += menu[i][1] + ""
				tmpStr += "</a>"
			}
		}
	}
	document.write (tmpStr)
}

// funciones para gestionar querystring
// page query
function PageQuery(q) {
	if(q.length > 1) this.q = q.substring(1, q.length);
	else this.q = null;
	this.keyValuePairs = new Array();
	if(q) {
		for(var i=0; i < this.q.split("&").length; i++) {
			this.keyValuePairs[i] = this.q.split("&")[i];
		}
	}
	this.getKeyValuePairs = function() { return this.keyValuePairs; }
	this.getValue = function(s) {
		for(var j=0; j < this.keyValuePairs.length; j++) {
			if(this.keyValuePairs[j].split("=")[0] == s)
				return this.keyValuePairs[j].split("=")[1];
		}
		return false;
	}
	this.getParameters = function() {
		var a = new Array(this.getLength());
		for(var j=0; j < this.keyValuePairs.length; j++) {
			a[j] = this.keyValuePairs[j].split("=")[0];
		}
		return a;
	}
	this.getLength = function() { return this.keyValuePairs.length; } 
}

function queryString(key){
		var page = new PageQuery(window.location.search); 
		return unescape(page.getValue(key)); 
}
function displayItem(key){
	if(queryString(key)=='false') 	{
		document.write("you didn't enter a ?name=value querystring item.");
	}else{
		document.write(queryString(key));
	}
}