// JavaScript Document

var quienSoy = location.href.slice(location.href.lastIndexOf("/")+1,location.href.lastIndexOf("."));
//if (quienSoy>99){quienSoy=parseInt(quienSoy/10)}
if (quienSoy>99){quienSoy=quienSoy.slice(0,2);}

var nombres= new Array("index",1,0,"11",1,0,"21",2,1,"22",2,2,"23",2,3,"24",2,4,"25",2,5,"26",2,6,"27",2,7,"31",3,1,"32",3,2,"33",3,3,"41",4,0,"42",4,0,"43",4,0,"44",4,0,"45",4,0,"46",4,0,"47",4,0,"48",4,0,"49",4,0,"51",5,0);
// MANEL - aqui pongo el nombre de la pagina, seguido del numero del menu y numero de submenu
//pej. la 11.html, es la 1 de menu y la 1 de sub, se queda asi : "11",1,1
//ya sé que seria mas facil hacerlo por los numeros, pero con las paginas con nombres tpo formulario.html
// habrian problemas. Tal como está es más facil, solo tienes que insertar las paginas en la array como "strNombreSinTerminacionHtml, intNumMenu, intNumSubmenu"
// La de contacto lo puse como 51.html, de menu es 5 de submenu es 0 (no hay submenu seleccionado)


var x_col_cur_menu_src = null;
var old_id = null;
var xcol_cur_menu = null;
var xcol_cur_submenu = null;
var pag_mn=null;
var pag_submn=null;

var Timer ; 
// A todas las paginas he tenido que cambiar el on load del body, le metí el inicia() y dentro del inicia está el preload
function inicia(){
MM_preloadImages('images/11n.gif','images/12n.gif','images/13n.gif','images/14n.gif','images/15n.gif','images/32_n.gif','images/33_n.gif','images/34_n.gif','images/35_n.gif','images/36_n.gif');

var i=0;
var pag=-1;
	while (i< nombres.length){
		if (quienSoy == nombres[i]){
			pag=i;
		}
		i++
	}
	if(pag!= -1){
		pag_mn=nombres[pag+1];
		pag_submn=nombres[pag+2];
		showSub(pag_mn,pag_submn);
	}else{
		pag_mn=0;
		pag_submn=0;
		
	}
}

function show(id)
{
//startClock();
if (!isDOMcompliant()) { return; }
var menu = document.getElementById("Imagen" + id);
var menus = document.getElementById("NavMenuList");
var submenu = menus.getElementsByTagName("ul").item(id-1);
	if (xcol_cur_submenu == null) {
		submenu.style.visibility = "visible";
	} else {
		xcol_cur_submenu.style.visibility = "hidden";
		submenu.style.visibility = "visible";
	}
	if (xcol_cur_menu == null) {
/* menu.style.backgroundColor = "#F0F0F0";
menu.style.color = "#F00";
*/
	menu.src="images/1"+id+"n.gif";
	} else {
xcol_cur_menu.src="images/1"+old_id+"f.gif";
menu.src="images/1"+id+"n.gif"; 
	}
xcol_cur_menu = menu;
xcol_cur_submenu = submenu;
xcol_cur_menu_src=menu.src;
old_id=id

clearTimeout(Timer)
Timer= setTimeout("showSub(pag_mn,pag_submn)", 6000);/**/
}


function showSub(id1,id2)
{ if (!isDOMcompliant()) { return; }

if(id1==0){
xcol_cur_menu.src="images/1"+old_id+"f.gif";
xcol_cur_submenu.style.visibility = "hidden";
}else{
id2=(id2-1)*2 ; //por culpa de los separadores "|"

var menu = document.getElementById("Imagen" + id1);
var menus = document.getElementById("NavMenuList");
var submenu = menus.getElementsByTagName("ul").item(id1-1);
if(id2>=0){
var itemsubmenu = submenu.getElementsByTagName("li").item(id2);
var a_itemsubmenu = itemsubmenu.getElementsByTagName("a").item(0);
a_itemsubmenu.style.color = "#02679E";
}



if (xcol_cur_submenu == null) {
submenu.style.visibility = "visible";
} else {
xcol_cur_submenu.style.visibility = "hidden";
submenu.style.visibility = "visible";
}
if (xcol_cur_menu == null) {

menu.src="images/1"+id1+"n.gif";
} else {
xcol_cur_menu.src="images/1"+old_id+"f.gif";
menu.src="images/1"+id1+"n.gif"; 
}
xcol_cur_menu = menu;
xcol_cur_submenu = submenu;
xcol_cur_menu_src=menu.src;
old_id=id1
}
}


function isDOMcompliant()
{
    return document.getElementById && document.getElementsByTagName;
}



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; 
  document.MM_sr=new Array; 
  for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function obreMapa(num){
	if(num!=2){
		var mapa=window.open("mapas.html?"+num, "Mapas"+num ,"scrollbars=no,resizable=no,status=no,width=450,height=400");
	}else{var mapa=window.open("mapas.html?"+num, "Mapas"+num ,"scrollbars=no,resizable=no,status=no,width=450,height=700");}
mapa.focus();
return false;
}
function obreNave(num){

var nave=window.open("naves.html?"+num, "Nave" ,"scrollbars=no,resizable=no,width=345,height=230");
nave.focus();
return false;
}