// JavaScript Document
var menus   = new Array(6);
menus[0]=0;
menus[1]=0;
menus[2]=0;
/*menus[3]=0;
menus[4]=0;
menus[5]=0;*/

function cuenta_atras(capa_id,contador,index){
	if(menus[index]==1){
		 
		if(contador==0){
			if(menus[index]==1){
			document.getElementById(capa_id).style.visibility="hidden";
			}
			menus[index]=0;
		}
		else{   
			ID=window.setTimeout("cuenta_atras('"+capa_id+"','"+(contador-1)+"',"+index+");",500);
		}
	}
	else{
		//document.getElementById(capa_id).style.visibility="visible";
	}	
}

function muestra_menu_lateral(capa_id,index){
		oculta_menus_lateral();
		menus[index]=0;
		document.getElementById(capa_id).style.visibility="visible";
}

function en_menu_lateral(capa_id,index){
		menus[index]=0;
		document.getElementById(capa_id).style.visibility="visible";
}

function oculta_menu_lateral(capa_id,index){
		document.getElementById(capa_id).style.visibility="hidden";
		menus[index]=2;
}

function oculta_menus_lateral(){
		document.getElementById('menuacademic1').style.visibility="hidden";
	    document.getElementById('menuacademic2').style.visibility="hidden";
		document.getElementById('menuacademic3').style.visibility="hidden";
	//	document.getElementById('menuacademic4').style.visibility="hidden";
	//	document.getElementById('menuacademic5').style.visibility="hidden";		
	//	document.getElementById('menuacademic6').style.visibility="hidden";
}


function menu_lateral() {
var ruta = wwwroot + "usbicoatza/nuv/";	
var imagen = wwwroot + "images/usbicoatza/";	
document.write("<table width='100%' height='240'  border='0' cellpadding='0' cellspacing='0'>");
document.write("                        <tr><ul>");
document.write("                          <td height='20'><a href='#' class='MenuLateral'  onMouseOver=\"muestra_menu_lateral('menuacademic1',1)\" onMouseOut=\"menus[1]=1; cuenta_atras('menuacademic1',1,1)\"><li>¿Quiénes somos?</li></a>");
document.write("                              <div id='capacontenedora1' style='position:relative; left:0px; top:0px; z-index:100; visibility: hidden;' >");
document.write("                                <div id='menuacademic1' style='position:absolute; left:-165px; top:-14px; z-index:101; height:19px; width: 240px;' class='globo' onMouseOut=\"oculta_menu_lateral('menuacademic1',1);\" onMouseOver=\"en_menu_lateral('menuacademic1',1)\">");
document.write("                                  <table width='150' border='1' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' style='border-collapse:collapse' bordercolor='669933'>");
document.write("                                    <tr>");
document.write("                                      <td><table width='150' border='0' cellpadding='0' cellspacing='0'> ");
document.write("                                            <tr> ");
document.write("   										 <td width='5'></td>");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/index.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha1','','"+  imagen + "atras-A.gif',1)\">Bienvenida</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha1' width='5' height='10' id='flecha1'/></div></td>");
document.write("                                           </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/historia.html' class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha2','','"+  imagen + "atras-A.gif',1)\">Historia</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha2' width='5' height='10' id='flecha2'/></div></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/mision.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha3','','"+  imagen + "atras-A.gif',1)\">Misión</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha3' width='5' height='10' id='flecha3'/></div></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/vision.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha4','','"+  imagen + "atras-A.gif',1)\">Visión</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha4' width='5' height='10' id='flecha4'/></div></td> ");
document.write("                                            </tr>");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/instalaciones.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha5','','"+  imagen + "atras-A.gif',1)\">Instalaciones</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha5' width='5' height='10' id='flecha5'/></div></td> ");
document.write("                                            </tr>");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "quienes/localizacion.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha6','','"+  imagen + "atras-A.gif',1)\">Localización</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha6' width='5' height='10' id='flecha6'/></div></td> ");
document.write("                                            </tr>");

document.write("   </table></td>");
document.write("                                    </tr>");
document.write("                                  </table>");
document.write("                                </div>");
document.write("                              </div></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='" + ruta + "cuerpo/cdirectivo.html' class='MenuLateral'><li>Cuerpo Directivo </li></a></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='#' class='MenuLateral'  onMouseOver=\"muestra_menu_lateral('menuacademic2',2)\" onMouseOut=\"menus[2]=1; cuenta_atras('menuacademic2',1,2)\"><li>Servicios bibliotecarios </li></a>");
document.write("                              <div id='capacontenedora2' style='position:relative; left:0px; top:-14px; z-index:100; visibility: hidden;' >");
document.write("                                <div id='menuacademic2' style='position:absolute; left:-165px; top:0px; z-index:102; height:19px; width: 240px;' class='globo' onMouseOut=\"oculta_menu_lateral('menuacademic2',2);\" onMouseOver=\"en_menu_lateral('menuacademic2',2)\">");
document.write("                                  <table width='150' border='1' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' style='border-collapse:collapse' bordercolor='669933'>");
document.write("                                    <tr>");
document.write("                                      <td><table width='150' border='0' cellpadding='0' cellspacing='0'> ");
document.write("                                            <tr> ");
document.write("   										 <td width='5'></td>");
document.write("                              				 <td><div align='right'><a href='http://catbiblio.uv.mx:8080/uhtbin/webcat' target='_blank' class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha7','','"+  imagen + "atras-A.gif',1)\">Catálogo en línea</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   wwwroot +"images/usbicoatza/transparente.gif' name='flecha7' width='5' height='10' id='flecha7'/></div></td>");
document.write("                                           </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "servicios/colecciones.html' class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha8','','"+  imagen + "atras-A.gif',1)\">Colecciones documentales</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha8' width='5' height='10' id='flecha8'/></div></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "servicios/bibliotecarios.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha9','','"+  imagen + "atras-A.gif',1)\">Servicios bibliotecarios</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha19' width='5' height='10' id='flecha9'/></div></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='http://148.226.9.79:8080/dspace/community-list'  target='_blank' class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha10','','"+  imagen + "atras-A.gif',1)\">Colección digital</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha10' width='5' height='10' id='flecha10'/></div></td> ");
document.write("                                            </tr>");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "servicios/alerta.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha13','','"+  imagen + "atras-A.gif',1)\">Servicio de alerta</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha13' width='5' height='10' id='flecha13'/></div></td> ");
document.write("                                            </tr>");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='" + ruta + "servicios/adqui.html'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha14','','"+  imagen + "atras-A.gif',1)\">Adquisiciones bibliográficas</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha13' width='5' height='14' id='flecha14'/></div></td> ");
document.write("                                            </tr>");

document.write("   </table></td>");
document.write("                                    </tr>");
document.write("                                  </table>");
document.write("                                </div>");
document.write("                              </div></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='" + ruta + "serviciosinf/index.html' class='MenuLateral'><li>Servicios informáticos</li></a></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='#' class='MenuLateral'  onMouseOver=\"muestra_menu_lateral('menuacademic3',3)\" onMouseOut=\"menus[3]=1; cuenta_atras('menuacademic3',1,3)\"><li>Enlaces de interés</li></a>");
document.write("                              <div id='capacontenedora3' style='position:relative; left:0px; top:0px; z-index:100; visibility: hidden;' >");
document.write("                                <div id='menuacademic3' style='position:absolute; left:-165px; top:-15px; z-index:103; height:19px; width: 240px;' class='globo' onMouseOut=\"oculta_menu_lateral('menuacademic3',3);\" onMouseOver=\"en_menu_lateral('menuacademic3',3)\">");
document.write("                                  <table width='150' border='1' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF' style='border-collapse:collapse' bordercolor='669933'>");
document.write("                                    <tr>");
document.write("                                      <td><table width='150' border='0' cellpadding='0' cellspacing='0'> ");
document.write("                                            <tr> ");
document.write("   										 <td width='5'></td>");
document.write("                              				 <td><div align='right'><a href='http://www.uv.mx/bnotarial/' target='_blank'  class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha11','','"+  imagen + "atras-A.gif',1)\">Archivo notarial de Xalapa</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   wwwroot +"images/usbicoatza/transparente.gif' name='flecha11' width='5' height='10' id='flecha11'/></div></td>");
document.write("                                           </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td></td> ");
document.write("                                              <td height='1' bgcolor='#669933'></td> ");
document.write("                                              <td></td> ");
document.write("                                            </tr> ");
document.write("                                            <tr> ");
document.write("                                              <td >&nbsp;</td> ");
document.write("                              				 <td><div align='right'><a href='http://www.e-mexico.gob.mx/work/EMM04/Veracruz/mpios/30039a.htm' target='_blank' class='MenuLateralActivo' onMouseOut=\"MM_swapImgRestore()\" onMouseOver=\"MM_swapImage('flecha12','','"+  imagen + "atras-A.gif',1)\">Historia de Coatzacoalcos</a></div></td>");
document.write("                                            <td width='12'><div align='center'><img src='"+   imagen + "transparente.gif' name='flecha12' width='5' height='10' id='flecha12'/></div></td> ");
document.write("                                            </tr> ");
document.write("   </table></td>");
document.write("                                    </tr>");
document.write("                                  </table>");
document.write("                                </div>");
document.write("                              </div></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='" + ruta + "librerias/index.html' class='MenuLateral'><li>Librerías y editoriales</li></a></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='" + ruta + "formatos/index.html' class='MenuLateral'><li>Formatos</li></a></td>");
document.write("                        </tr>");

document.write("                        <tr>");
document.write("                          <td height='20'><a href='" + ruta + "noticias/index.html' class='MenuLateral'><li>Noticias y eventos</li></a></td>");
document.write("                        </tr>");

document.write("                      </table>");
}