var HTML = "";
	
	//PINTO LA TABLA PRINCIPAL DE LA CABECERA
	
	HTML = HTML + "<img src=\"/images/pixtrans.gif\" width = 2 height = 3>";
	HTML = HTML + "<table width=800 border=0 cellspacing=0 cellpadding=0 align=\"center\" style=\"a { text-color: #ffffff; text-decoration: none}\">";
	  HTML = HTML + "<tr> ";
	  HTML = HTML + "<td align='center'>";
	      HTML = HTML + "<table width=800 border=0 cellspacing=0 cellpadding=0>";
	        HTML = HTML + "<tr align='center'> ";
			  HTML = HTML + "<td  bgcolor=\"#282e2c\"><a href=\"/index.php\" >volver</a></td>";
	          HTML = HTML + "<td  bgcolor=#814311><a href=\"#\" onclick=\"contenidoMenu('cabras');\" >";
	            HTML = HTML + "montañismo</a></td>";
	          HTML = HTML + "<td  bgcolor=#6600CC><a href=\"#\" onclick=\"contenidoMenu('pasaporte');\" >";
	            HTML = HTML + "viajes</a></td>";
				HTML = HTML + "<td bgcolor=#0900B0><a href ='/fotografia.php'>fotografía</a></td>";
//	          HTML = HTML + "<td  bgcolor=#0900B0><a href=\"#\" onclick=\"contenidoMenu('atenea');\" >arte y cultura</a></td>";
	          HTML = HTML + "<td  bgcolor=#337733><a href=\"/libroVisitas.php\">libro de visitas</a></td>";
	          HTML = HTML + "<td  bgcolor=#444444><a href=\"/enlaces.php\" target=\"_self\" >enlaces</a></td>";
	          HTML = HTML + "<td  bgcolor=\"#555555\"><a href=\"/mapa.php\" >mapa ";
	            HTML = HTML + "del web</a></td>";
	          HTML = HTML + "<td  bgcolor=\"#666666\"><a href=\"mailto:icose@icose.com\">escríbeme</a></td>";
			  //HTML = HTML + "<td  bgcolor=\"#282e2c\"><a href=\"/home.php\" onMouseOver=\"limpiaMenu();\">volver</a></td>";
	        HTML = HTML + "</tr>";
	        HTML = HTML + "<tr align=\"center\"> ";
	          HTML = HTML + "<td colspan=\"8\" id=\"separacion\"><img src=\"/images/pixtrans.gif\" width = 1 height = 1></td>";
	        HTML = HTML + "</tr>";
	        HTML = HTML + "<tr align=\"center\"> ";
			  HTML = HTML + "<td  id=\"textvolver\"></td>";
	          HTML = HTML + "<td  id=\"textmontanysmo\"></td>";
	          HTML = HTML + "<td  id=\"textviajes\"></td>";
//	          HTML = HTML + "<td  id=\"textcultura\"></td>";
	          HTML = HTML + "<td  id=\"textlibro\"></td>";
	          HTML = HTML + "<td  id=\"textenlaces\"></td>";
	          HTML = HTML + "<td  id=\"textmapa\"></td>";
	          HTML = HTML + "<td  id=\"textescribe\"></td>";
			  //HTML = HTML + "<td  id=\"textvolver\"></td>";
	        HTML = HTML + "</tr>";
	      HTML = HTML + "</table>";
	    HTML = HTML + "</td>";
	  HTML = HTML + "</tr>";
	  HTML = HTML + "<tr>";
	    HTML = HTML + "<td align=\"center\">";
	      HTML = HTML + "<table width=\"800\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	        HTML = HTML + "<tr>";
	          HTML = HTML + "<td id=submenu bgcolor=\"#671B73\">&nbsp;</td>";
	        HTML = HTML + "</tr>";
	      HTML = HTML + "</table>";
	   HTML = HTML + "</td>";
	 HTML = HTML + "</tr>";
	HTML = HTML + "</table>";
	
	document.write(HTML);
	
  // submenu = document.getElementById("submenu");
  
   function limpiaMenu()
   {
     
	 //FUNCIÓN QUE VACÍA EL CONTENIDO QUE PUEDA TENER EL SUBMENÚ
	 
	 document.getElementById("textmontanysmo").innerHTML = "";
	 document.getElementById("textviajes").innerHTML = "";
//	 document.getElementById("textcultura").innerHTML = "";
	 document.getElementById("textlibro").innerHTML = "";
	 document.getElementById("textenlaces").innerHTML = "";
	 document.getElementById("textmapa").innerHTML = "";
	 submenu.innerHTML = " <font>&nbsp;</font>"; 
	 //alert(submenu.innerHTML); 
   }
   
   function contenidoMenu(elemento)
   {
     
	 //CAMBIA EL CONTENIDO DEL MENÚ
	 
	 limpiaMenu();
	 switch (elemento)
	 {
	   case "cabras":
	     pintaCabras();
	     break;
	   case "pasaporte":
	     pintaPasaporte();
		 break;
//	   case "atenea":
//	     pintaAtenea();
//		 break;
	   case "libro":
	     pintaLibro();
		 break;
	   case "enlaces":
	     pintaEnlaces();
		 break;
	   case "mapa":
	     pintaMapa();
		 break;
	   case "escribe":
	     pintaEscribe();
		 break;		 		 		 			   	 
	 }
   }
   
   
   //FUNCIONES QUE PINTAN EL ELEMENTO DEL SUBMENÚ QUE CORRESPONDA
   
   function pintaCabras()
   {
	 pintaSubmenu("montanysmo","#814311");
   } 
    
   function pintaPasaporte()
   {
     
	 pintaSubmenu("viajes","#6600CC");
	 
   }
 
  // function pintaAtenea()
  // {
//	 pintaSubmenu("cultura","#0900B0");
  // }

   function pintaSubmenu(elemento,color)
   {
     
	 //FUNCIÓN QUE PINTA EL SUBMENÚ EN FUNCIÓN DE LO QUE SE LE DIGA LOS PARÁMETROS SON LA CATEGORÍA PRINCIPAL SOBRE LA QUE ESTÁ EL USUARIO Y EL COLOR DE ESA CATEGORÍA
	 
	 var HTML = "<table bgcolor =\""+ color +"\" width = 800 border=0 cellspacing=0 cellpadding=0><tr>";
	 switch(elemento)
	 {
	   case "montanysmo":
	   HTML = HTML + "<td><table width=694 border=0  cellspacing=0 cellpadding=0><tr><td align = center valign=middle>&nbsp;<a href=\"/fotografia.php?cat=montanya&desccat=FOTOGRAFIA%20DE%20MONTAÑA\" class='enlaceSubmenu'>fotografia de montaña</a></td><td align=center>&nbsp;<a href=\"/croquis.html\" class='enlaceSubmenu'>croquis de vías</a></td><td align=center>&nbsp;<a href=\"http://www.vialibre-madrid.com/consejos/index.php\" class='enlaceSubmenu' target='_blank'>artículos de montañismo</a></td></tr></table></td>";
	   break;
	   
	   case "viajes":
	   HTML = HTML + "<td><table width=694 border=0  cellspacing=0 cellpadding=0><tr><td align = center>&nbsp;<a href=\"/fotografia.php?cat=viajes&desccat=FOTOGRAFIA%20DE%20VIAJES\" class='enlaceSubmenu'>fotografia de viajes</a></td><td align = center>&nbsp;<a href=\"/temp.html\" class='enlaceSubmenu'>viajes por españa</a></td><td align=center>&nbsp;<a href=\"/temp.html\" class='enlaceSubmenu'>viajes por el mundo</a></td></tr></table></td>";
	   break;

	//   case "cultura":
	//   HTML = HTML + "<td><table width=694 border=0  cellspacing=0 cellpadding=0><tr><td align = center>&nbsp;<a href=\"/fotografia.php?cat=all&desccat=FOTOGRAFIA\" class='enlaceSubmenu'>fotografia</a></td><td align = center>&nbsp;<a href=\"/actividades.php\" class='enlaceSubmenu'>actividades</a></td><td align = center>&nbsp;<a href=\"/libros/homeLibros.html\" class='enlaceSubmenu'>Libros</a></td><!--<td align=center>&nbsp;<a href=\"/actividades.php\" class='enlaceSubmenu'>actividades culturales</a></td>--></tr></table></td>";
	//   break;	   	   
	 }
	 HTML = HTML + "</tr></table>";
	 submenu.innerHTML = HTML;  
	 //alert (HTML);
   }