function showm(menu)
{
	switch(menu)
	{
		case 2:  document.getElementById('menu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
		                                                        <li>&nbsp;</li>\
		                                                        <li id='m1' class='opc' onmouseover=changecl('m1',6,1)>&nbsp;Lenguas indigenas&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m2' class='opc' onmouseover=changecl('m2',6,1)>&nbsp;Perfiles indigenas&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m3' class='opc' onmouseover=changecl('m3',6,1)>&nbsp;Focos rojos &nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m4' class='opc' onmouseover=changecl('m4',6,1)>&nbsp;Muerte materna &nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m5' class='opc' onmouseover=changecl('m5',6,1)>&nbsp;Lienzo de Gebea;</li>\
		                                                        <li>&nbsp;</li>\
																<li id='m6' class='opc' onmouseover=changecl('m6',6,1)>&nbsp;playa vicente&nbsp;</li>\
		                                                        <li>&nbsp;</li>\
																<li>&nbsp;</li>\
		                                                    </ul>";

                 document.getElementById('menu').style.width= '200px';
				 document.getElementById('menu').style.left = '238px';
                 document.getElementById('menu').style.top = '30px';
				 document.getElementById('menu').style.visibility = "visible";
		break;
		case 3:  document.getElementById('menu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
		                                                        <li>&nbsp;</li>\
		                                                        <li id='m1' class='opc' onmouseover=changecl('m1',1,1)>&nbsp;San agustin etla&nbsp;</li>\
																<li>&nbsp;</li>\
																<li>&nbsp;</li>\
		                                                    </ul>";
															
				 document.getElementById('menu').style.width= '200px';
				 document.getElementById('menu').style.left = '350px';
                 document.getElementById('menu').style.top = '30px';
				 document.getElementById('menu').style.visibility = "visible";
		break;
		
		case 4:  document.getElementById('menu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
		                                                        <li>&nbsp;</li>\
		                                                      	<li id='m3' class='opc' onmouseover=changecl('m1',3,1)>&nbsp;wwwf&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m4' class='opc' onmouseover=changecl('m2',3,1)>&nbsp;Cecosati&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m5' class='opc' onmouseover=changecl('m3',3,1)>&nbsp;Jaguar&nbsp;</li>\
		                                                        <li>&nbsp;</li>\
																<li>&nbsp;</li>\
		                                                    </ul>";
		                                                    
				 document.getElementById('menu').style.width= '200px';
				 document.getElementById('menu').style.left = '500px';
                 document.getElementById('menu').style.top = '30px';
				 document.getElementById('menu').style.visibility = "visible";
		break;
		case 5:  document.getElementById('menu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
		                                                        <li>&nbsp;</li>\
		                                                        <li id='m1' class='opc' onmouseover=changecl('m1',2,1)>&nbsp;Lenguas indigenas&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m2' class='opc' onmouseover=changecl('m2',2,1)>&nbsp;Tajin&nbsp;</li>\
																<li>&nbsp;</li>\
																<li>&nbsp;</li>\
		                                                    </ul>";
															
				 document.getElementById('menu').style.width= '200px';
				 document.getElementById('menu').style.left = '600px';
                 document.getElementById('menu').style.top = '30px';
				 document.getElementById('menu').style.visibility = "visible";
		break;
		
		case 6:  document.getElementById('menu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
		                                                        <li>&nbsp;</li>\
		                                                        <li id='m1' class='opc' onmouseover=changecl('m1',6,1)>&nbsp;Siguenza&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m2' class='opc' onmouseover=changecl('m2',6,1)>&nbsp;Lars&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m3' class='opc' onmouseover=changecl('m3',6,1)>&nbsp;Iris&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m4' class='opc' onmouseover=changecl('m4',6,1)>&nbsp;Iliana&nbsp;</li>\
																<li>&nbsp;</li>\
																<li id='m5' class='opc' onmouseover=changecl('m5',6,1)>&nbsp;Xicotecantl;</li>\
		                                                        <li>&nbsp;</li>\
																<li id='m6' class='opc' onmouseover=changecl('m6',6,1)>&nbsp;Gabriela&nbsp;</li>\
		                                                        <li>&nbsp;</li>\
																<li>&nbsp;</li>\
		                                                    </ul>";

         		 document.getElementById('menu').style.width= '200px';
				 document.getElementById('menu').style.left = '820px';
                 document.getElementById('menu').style.top = '30px';
				 document.getElementById('menu').style.visibility = "visible";
		break;
	}
	
}

function showsub(id)
{
	var subm = new Array('link1','link2','link3','link4');
	
	document.getElementById('smenu').innerHTML="<ul style='padding-left:10px; padding-right:10px; display:block; margin:0px; list-style-type:none;'>\
													<li>&nbsp;</li>\
													<li id='sm1' class='opc' onmouseover=changecl('sm1',4,0)>&nbsp;&nbsp;</li>\
													<li>&nbsp;</li>\
													<li id='sm2' class='opc' onmouseover=changecl('sm2',4,0)>&nbsp;&nbsp;</li>\
													<li>&nbsp;</li>\
													<li id='sm3' class='opc' onmouseover=changecl('sm3',4,0)>&nbsp;&nbsp;</li>\
													<li>&nbsp;</li>\
													<li id='sm4' class='opc' onmouseover=changecl('sm4',4,0)>&nbsp;&nbsp;</li>\
													<li>&nbsp;</li>\
		                                        </ul>";
	document.getElementById('smenu').style.width= 180;				
    document.getElementById('smenu').style.left = 655;
    (!id) ? (document.getElementById('smenu').style.top = 125) : (document.getElementById('smenu').style.top = 150);
	document.getElementById('smenu').style.visibility = "visible";
}

function changecl(activo,num,tmen)
{
	var men = new Array('m1','m2','m3','m4','m5','m6','m7','m8','m9','m10');
	var smen = new Array('sm1','sm2','sm3','sm4');
	var gmen = new Array();
					   
    (tmen) ? (gmen = men) : (gmen = smen);
					   
    for(var i=0;i<num;i++)
	{
		document.getElementById(gmen[i]).style.backgroundColor = "#F4F4F4";
		document.getElementById(gmen[i]).style.color = "#555555";
	}
	document.getElementById(activo).style.backgroundColor = "#0860a8";
	document.getElementById(activo).style.color = "#FFFFFF";
}

function hidem(nmenu)
{
	if(nmenu)
	{
	   document.getElementById('menu').style.visibility = "hidden"; /* OCULTA MENUS PRINCIPALES */
	   document.getElementById('smenu').style.visibility = "hidden"; /* OCULTA SUBMENUS */
	}
	else document.getElementById('smenu').style.visibility = "hidden"; /* OCULTA SUBMENUS */
}
function inve()
{
	document.getElementById('inv').style.visibility = "visible";
	document.getElementById('shadow').style.visibility = "visible";
	
}
function invecl()
{
	document.getElementById('inv').style.visibility = "hidden";
	document.getElementById('shadow').style.visibility = "hidden";
	
}