
	function MenuSuperior(id_seccion) {

		switch (id_seccion) {
			case 0:
			case 5:
			case 6:
			case 7:
			case 8:
				ocultarCapa(document.getElementById("cat_gen").id);
				ocultarCapa(document.getElementById("cat_2009").id);
				ocultarCapa(document.getElementById("art_pub").id);
				ocultarCapa(document.getElementById("art_per").id);
				break;
			case 1:
				mostrarCapa(document.getElementById("cat_gen").id);
				ocultarCapa(document.getElementById("cat_2009").id);
				ocultarCapa(document.getElementById("art_pub").id);
				ocultarCapa(document.getElementById("art_per").id);
				cargarMenuCatalogo(1,1);cargarCatalogo(1);
				break;
			case 2:
				ocultarCapa(document.getElementById("cat_gen").id);
				mostrarCapa(document.getElementById("cat_2009").id);
				ocultarCapa(document.getElementById("art_pub").id);
				ocultarCapa(document.getElementById("art_per").id);
				cargarMenuCatalogo(2,16);cargarCatalogo(16);
				break;
			case 3:
				ocultarCapa(document.getElementById("cat_gen").id);
				ocultarCapa(document.getElementById("cat_2009").id);
				mostrarCapa(document.getElementById("art_pub").id);
				ocultarCapa(document.getElementById("art_per").id);
				cargarMenuCatalogo(3,25);cargarCatalogo(25);
				break;
			case 4:
				ocultarCapa(document.getElementById("cat_gen").id);
				ocultarCapa(document.getElementById("cat_2009").id);
				ocultarCapa(document.getElementById("art_pub").id);
				mostrarCapa(document.getElementById("art_per").id);
				break;
			default:
				ocultarCapa(document.getElementById("cat_gen").id);
				ocultarCapa(document.getElementById("cat_2009").id);
				ocultarCapa(document.getElementById("art_pub").id);
				ocultarCapa(document.getElementById("art_per").id);
				break;
		}

	}


///////////////////////////////////////////////////////////////////////////////////////////////////////


	function HazGrande(id_catalogo,id_pulsada){
			for (var i=0;i<array_ids[id_catalogo].length;i++) {
      		ocultarCapa(document.getElementById("med_"+array_ids[id_catalogo][i]).id);
      		ocultarCapa(document.getElementById("txt_med_"+array_ids[id_catalogo][i]).id);
				if (document.getElementById("med_"+array_ids[id_catalogo][i]).id != id_pulsada) {
		       	mostrarCapa(document.getElementById("peq_"+array_ids[id_catalogo][i]).id);
		       }
		       else {
		       	mostrarCapa(document.getElementById("gra_"+array_ids[id_catalogo][i]).id);
		       	mostrarCapa(document.getElementById("txt_gra_"+array_ids[id_catalogo][i]).id);
		       }
			}

      }

    function CambiaGrande(id_catalogo,id_pulsada){

      	for (var i=0;i<array_ids[id_catalogo].length;i++) {
      		ocultarCapa(document.getElementById("gra_"+array_ids[id_catalogo][i]).id);
      		ocultarCapa(document.getElementById("txt_gra_"+array_ids[id_catalogo][i]).id);
      		if (document.getElementById("peq_"+array_ids[id_catalogo][i]).id != id_pulsada) {
		       	mostrarCapa(document.getElementById("peq_"+array_ids[id_catalogo][i]).id);
		       }
		       else {
		       ocultarCapa(id_pulsada);
		       }
			}
			mostrarCapa("gra_"+id_pulsada.substring(4));
      	mostrarCapa("txt_gra_"+id_pulsada.substring(4));

      }

      function HazMedianas(id_catalogo){
       	for (var i=0;i<array_ids[id_catalogo].length;i++) {
      		ocultarCapa(document.getElementById("peq_"+array_ids[id_catalogo][i]).id);
      		ocultarCapa(document.getElementById("gra_"+array_ids[id_catalogo][i]).id);
      		ocultarCapa(document.getElementById("txt_gra_"+array_ids[id_catalogo][i]).id);
      		mostrarCapa(document.getElementById("med_"+array_ids[id_catalogo][i]).id);
		      mostrarCapa(document.getElementById("txt_med_"+array_ids[id_catalogo][i]).id);
       	}
       }


////////////////////////////////////////////////////////////////////////////////////////////////////


   function cargarCatalogo(id_catalogo) {
		var ajax=nuevoAjax();
		ajax.open("GET","inc/funciones.ajax.php?func=cat&id_catalogo=" + id_catalogo);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==4) {
				//alert(ajax.responseText);
				document.getElementById('contenedor').innerHTML = ajax.responseText;
			}
		}
		ajax.send(null);
	}

	function cargarMenuCatalogo(id_seccion,id_catalogo) {

		switch (id_seccion) {
			case 1:
				for (var i=1;i<16;i++) {
					document.getElementById(i).style.color = '#99cc00';
				}
				document.getElementById(id_catalogo).style.color = '#c6e851';
				break;
			case 2:
				for (var i=16;i<25;i++) {
					document.getElementById(i).style.color = '#99cc00';
				}
				document.getElementById(id_catalogo).style.color = '#c6e851';
				break;
		}

	}

	function cargarSeccion(id_seccion) {
		document.getElementById('contenedor').innerHTML = '';
		var ajax=nuevoAjax();
		ajax.open("GET","inc/funciones.ajax.php?func=sec&id_seccion=" + id_seccion);
		ajax.onreadystatechange=function() {
			if (ajax.readyState==4) {
				//alert(ajax.responseText);
				switch (id_seccion) {
					case 1:
						cargarMenuCatalogo(id_seccion,1);cargarCatalogo(1);
					break;
					case 2:
						cargarMenuCatalogo(id_seccion,16);cargarCatalogo(16);
					break;
					case 3:
						cargarCatalogo(25);
					break;
				}

				document.getElementById('contenedor').innerHTML = ajax.responseText;
			}
		}
		ajax.send(null);
	}

	function cargarMenuSeccion(id_seccion) {

		switch (id_seccion) {
			 case 0: //indice
			 	  document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br /><div class="oferta_de_empleo"><a href="javascript:cargarMenuSeccion(8);cargarSeccion(8);MenuSuperior(8);"><img src="img/oferta_empleo.jpg" border="0"></a></div>';
				  document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
			 	  break;
			 case 1: //catalogo general
		         document.getElementById('menu').innerHTML = '<br /><ul><li><a id="1" href="javascript:cargarMenuCatalogo(1,1);cargarCatalogo(1);MenuSuperior(1);">Portadocumentos</a></li><li><a id="2" href="javascript:cargarMenuCatalogo(1,2);cargarCatalogo(2);">Neceser</a></li><li><a id="3" href="javascript:cargarMenuCatalogo(1,3);cargarCatalogo(3);">Promocional</a></li><li><a id="4" href="javascript:cargarMenuCatalogo(1,4);cargarCatalogo(4);">Deporte</a></li><li><a id="5" href="javascript:cargarMenuCatalogo(1,5);cargarCatalogo(5);">Mochilas</a></li><li><a id="6" href="javascript:cargarMenuCatalogo(1,6);cargarCatalogo(6);">Playa</a></li><li><a id="7" href="javascript:cargarMenuCatalogo(1,7);cargarCatalogo(7);">Nieve</a></li><li><a id="8" href="javascript:cargarMenuCatalogo(1,8);cargarCatalogo(8);">Reporteros</a></li><li><a id="9" href="javascript:cargarMenuCatalogo(1,9);cargarCatalogo(9);">Petates</a></li><li><a id="10" href="javascript:cargarMenuCatalogo(1,10);cargarCatalogo(10);">Marbella Viaje</a></li><li><a id="11" href="javascript:cargarMenuCatalogo(1,11);cargarCatalogo(11);">Segovia Viaje</a></li><li><a id="12" href="javascript:cargarMenuCatalogo(1,12);cargarCatalogo(12);">París Viaje</a></li><li><a id="13" href="javascript:cargarMenuCatalogo(1,13);cargarCatalogo(13);">Chandon Viaje</a></li><li><a id="14" href="javascript:cargarMenuCatalogo(1,14);cargarCatalogo(14);">Carpetería</a></li><li><a id="15" href="javascript:cargarMenuCatalogo(1,15);cargarCatalogo(15);">Artículos Especiales</a></li></ul>';
		       	document.getElementById('pie1').style.color = '#9aaa3f';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
		         break;
		    case 2: // catalogo 2009
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a id="16" href="javascript:cargarMenuCatalogo(2,16);cargarCatalogo(16);MenuSuperior(2);">Portabilletes</a></li><li><a id="17" href="javascript:cargarMenuCatalogo(2,17);cargarCatalogo(17);">Colecciones</a></li><li><a id="18" href="javascript:cargarMenuCatalogo(2,18);cargarCatalogo(18);">Mundo Aventurero</a></li><li><a id="20" href="javascript:cargarMenuCatalogo(2,20);cargarCatalogo(20);">Para Distancias Cortas</a></li><li><a id="23" href="javascript:cargarMenuCatalogo(2,23);cargarCatalogo(23);">Viaje con Estilo</a></li><li><a id="21" href="javascript:cargarMenuCatalogo(2,21);cargarCatalogo(21);">Lugares del Mundo</a></li><li><a id="22" href="javascript:cargarMenuCatalogo(2,22);cargarCatalogo(22);">Diseño y Comodidad</a></li><li><a id="19" href="javascript:cargarMenuCatalogo(2,19);cargarCatalogo(19);">Viaje con Comodidad</a></li><li><a id="24" href="javascript:cargarMenuCatalogo(2,24);cargarCatalogo(24);">Para cualquier Necesidad</a></li></ul>';
		        document.getElementById('pie2').style.color = '#9aaa3f';document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
		        break;
			 case 3: // articulos publicitarios
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);"><span style="color:#c6e861;">Artículos Publicitarios</span></a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br />';
		        document.getElementById('pie3').style.color = '#9aaa3f';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
		        break;
		    case 4: // articulos personalizados
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);"><span style="color:#c6e861;">Artículos Personalizados</span></a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br />';
		        document.getElementById('pie4').style.color = '#9aaa3f';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
		        break;
		    case 5: // empresa
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);"><span style="color:#c6e861;">Empresa</span></a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br /><div class="oferta_de_empleo"><a href="javascript:cargarMenuSeccion(8);cargarSeccion(8);MenuSuperior(8);"><img src="img/oferta_empleo.jpg" border="0"></a></div>';
		        document.getElementById('pie5').style.color = '#9aaa3f';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
		        break;
			 case 6: // contacto
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);"><span style="color:#c6e861;">Contacto</span></a></li></ul><br /><br /><br /><div class="oferta_de_empleo"><a href="javascript:cargarMenuSeccion(8);cargarSeccion(8);MenuSuperior(8);"><img src="img/oferta_empleo.jpg" border="0"></a></div>';
		        document.getElementById('pie6').style.color = '#9aaa3f';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie1').style.color = '#ffffff';
		        break;
		    case 7: // localizacion
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br /><div class="oferta_de_empleo"><a href="javascript:cargarMenuSeccion(8);cargarSeccion(8);MenuSuperior(8);"><img src="img/oferta_empleo.jpg" border="0"></a></div>';
		        document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
			 	  break;
		    case 8: // oferta de empleo
		        document.getElementById('menu').innerHTML = '<br /><ul><li><a href="javascript:cargarMenuSeccion(5);cargarSeccion(5);MenuSuperior(5);">Empresa</a></li><li><a href="javascript:cargarMenuSeccion(1);cargarSeccion(1);MenuSuperior(1);">Catálogo General</a></li><li><a href="javascript:cargarMenuSeccion(2);cargarSeccion(2);MenuSuperior(2);" class="cat2010">Catálogo 2010</a></li><li><a href="javascript:cargarMenuSeccion(3);cargarSeccion(3);MenuSuperior(3);">Artículos Publicitarios</a></li><li><a href="javascript:cargarMenuSeccion(4);cargarSeccion(4);MenuSuperior(4);">Artículos Personalizados</a></li><li><a href="javascript:cargarMenuSeccion(6);cargarSeccion(6);MenuSuperior(6);">Contacto</a></li></ul><br /><br /><br />';
		        document.getElementById('pie1').style.color = '#ffffff';document.getElementById('pie2').style.color = '#ffffff';document.getElementById('pie3').style.color = '#ffffff';document.getElementById('pie4').style.color = '#ffffff';document.getElementById('pie5').style.color = '#ffffff';document.getElementById('pie6').style.color = '#ffffff';
			 	  break;
		}

	}
