/******************************************************/
/*********** © Daniel Palacio 06-02-2004***************/
/***********  http://www.cara-cola.com  ***************/
/******************************************************/

/******************************************************/
/***************Configuración del menu*****************/
/******************************************************/

//Secciones del menu.
//
secciones = new Array("Conocenos","Galería","Proyectos","Contacto");
dirSecciones = new Array("conocenos","galeria","proyectos","contacto");

//Enlaces de las secciones. La numeración se corresponde con el array "secciones".
//En los arrays seccionAn se indican los textos de los enlaces.
//En los arrays seccionHREFn se indican los archivos destino de los enlaces.
seccionA0 = new Array("Sobre nosotros","El equipo","Historia");
seccionHREF0 = new Array("conocenos.html","equipo.php","historia.php");

seccionA1 = new Array("Preproducción","Animación","Ilustración","Web");
seccionHREF1 = new Array("preproduccion.php","animacion.php","ilustracion.php","web.php");

seccionA2 = new Array("MvsevM");
seccionHREF2 = new Array("museum");

seccionA3 = new Array("Contacto","Formulario email");
seccionHREF3 = new Array("contacto.html","enviar.html");

/******************************************************/
/***************        Código        *****************/
/******************************************************/

//Extraer el directorio en el que se encuentra la página y corregir las demás direcciones.
directorio = location.href;
for (i=0;i<dirSecciones.length;i++) {
	if (directorio.indexOf(dirSecciones[i]) != -1) {
		directorio = dirSecciones[i];
	} else {
		correcion = eval("seccionHREF"+i);
		for (j=0;j<correcion.length;j++) {
			correcion[j] = "..\/"+dirSecciones[i]+"\/"+correcion[j];
		}
	}
}

//Mostrar y ocultar los submenús
activo = -1;

function mostrar(m) {
	if (document.all) {
		destino = eval("document.all."+m);
		destino.className = "expanded";
	}
}

function ocultar(o) {
	if (document.all) {
		destino = eval("document.all."+o);
		destino.className = "collapsed";
	}
}


function mostrarSM(subM) {
	subMSM = "item"+subM;
	activoSM = "item"+activo;
	if (activo < 0) {
		mostrar(subMSM);
		activo = subM;
	} else {
		ocultar(activoSM);
		if (activo == subM) {
			activo = -1;
		} else {
			mostrar(subMSM);
			activo = subM;
		}
	}
}

//Crear el menú y los submenus
function menu() {
	for(i=0;i<secciones.length;i++){
		document.write("<td align=\"center\" width=\"85\" class=\"celdaMenu\">");
		document.write("<span class=\"expandable\" onclick=\"mostrarSM(\'"+i+"\')\;\">"+secciones[i]+"<\/span>");
		document.write("<\/td>");
	}
	return true;
}

function submenu() {
	for(i=0;i<secciones.length;i++){
		document.write("<td align=\"center\" valign=\"top\" class=\"celdaMenu\">");
		document.write("<div id=\"item"+i+"\" class=\"collapsed\">");
		enlaceA = eval("seccionA"+i);
		enlaceHREF = eval("seccionHREF"+i);
		for (j=0;j<enlaceA.length;j++) {
			document.write("<a class=\"menu\" href=\""+enlaceHREF[j]+"\">"+enlaceA[j]+"<\/a><br>");
		}
		document.write('<\/div>');
		document.write("<\/td>");
	}
	return true;
}