conthide=0;
function show_sm_mm()
{
	reset_counter();
}

function reset_counter()
{
	document.getElementById("submenu_mm").style.display = "block";
	conthide=-1;
}

function timer_hide_sm_mm()
{
	setTimeout("cont_hide_sm_mm();",100);
	conthide=0;
}

function hide_sm_mm()
{
	document.getElementById("submenu_mm").style.display = "none";
}


function cont_hide_sm_mm(){
	
	//document.getElementById("counter").innerHTML = conthide;
	
	if (conthide > -1)
	{
		conthide=conthide+1;
		
		if (conthide==30)
		{
			hide_sm_mm();
			conthide=0;
		}
		else
		{
			setTimeout("cont_hide_sm_mm();",100);
		}
	}
}
filename = document.URL;
fn = filename.substring(filename.lastIndexOf("/")+1);
//filename.substring(3);
//document.write("FILE: " + fn);

op_quienes_somos="";
op_participa="";
op_empresas="";
op_multimedia="";
op_agentes="";
op_galeria="";
op_videos="";
op_bibliotecas="";
op_notitlaloc="";
op_contacto="";



switch (fn)
{
	case "": 				{ op_quienes_somos='class="active"'; break }
    case "index.html": 		{ op_quienes_somos='class="active"'; break }
    case "participa.html": 	{ op_participa='class="active"'; break }
	case "empresas.html": 	{ op_empresas='class="active"'; break }
	case "multimedia.html": 	{ op_multimedia='class="active"'; break }
	case "podcast.html": 	{ op_multimedia='class="active"'; break }
	case "videos.html": 	{ op_multimedia='class="active"'; break }
	case "galeria.html": 	{ op_multimedia='class="active"'; break }
	case "agentes_ambientales.html": 	{ op_agentes='class="active"'; break }
	//case "galeria.html": 	{ op_galeria='class="active"'; break }
	//case "videos.html": 	{ op_videos='class="active"'; break }
	case "notitlaloc.html": 	{ op_notitlaloc='class="active"'; break }
	case "biblioteca.html": 	{ op_bibliotecas='class="active"'; break }
	case "contacto.html": 	{ op_contacto='class="active"'; break }
    // And so on.. and so on..
 
    // whatever is passed to switch that is not caught
    // by the above fall under this category.
    default: { break }
}

document.write('<ul id="topmenu">');
document.write('<li ' + op_quienes_somos + '><a href="index.html" target="_self">Quienes Somos</a></li>');
document.write('<li ' + op_participa + '><a href="participa.html">Participa</a></li>');
document.write('<li ' + op_empresas + '><a href="empresas.html">Amigos</a></li>');
//document.write('<li ' + op_agentes + '><a href="agentes_ambientales.html">Agentes</a></li>');
document.write('<li ' + op_multimedia + '><a href="#" onMouseOver="javascript: show_sm_mm();" onMouseOut="javascript: timer_hide_sm_mm();">Multimedia</a></li>');
//document.write('<li ' + op_galeria + '><a href="galeria.html">Galeria</a></li>');
//document.write('<li ' + op_videos + '><a href="videos.html">Videos</a>');
document.write('<li ' + op_notitlaloc + '><a href="notitlaloc.html">NotiTlaloc</a></li>');
document.write('<li ' + op_bibliotecas + '><a href="biblioteca.html">Biblioteca</a></li>');
document.write('<li ' + op_contacto + '><a href="contacto.html">Contacto</a></li>');
document.write('</ul>');


document.write('<div style=""></div>')



document.write('<!--<div id="counter"></div>-->');
document.write('<div id="submenu_mm" onmouseover="reset_counter();" onMouseOut="javascript: timer_hide_sm_mm();">');
document.write('<li><a href="galeria.html" target="_self">Galeria</a></li>');
document.write('<li><a href="videos.html" target="_self">Videos</a></li>');
document.write('<li><a href="podcast.html" target="_self">Podcast</a></li>');
document.write('</div>');