if(navigator.userAgent.indexOf("MSIE")>=0) navegador=0; else navegador=1; window.onresize = resize; function resize() { var capa = document.getElementById("informacion"); var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } if (myHeight > 500) { var capa = document.getElementById("informacion"); if (capa != null) capa.style.height = myHeight - 250 + "px"; } } var par=false; function parpadeo() { col=par ? 'transparent' : '#84459A'; var banner = document.getElementById('parpadeo') if (banner != null) { if (navegador == 1) banner.style.color=col; else { if (par) { banner.className="transparente"; //alert("trans " + banner.style.className); } else { banner.className="opaco"; //alert("opaco " + banner.style.className); } } } par = !par; setTimeout("parpadeo()",500); } setTimeout("parpadeo()",500); var Dom = YAHOO.util.Dom; var Event=YAHOO.util.Event; String.prototype.trim = function(){ return this.replace(/^\s+|\s+$/g,'') }; var objHead = document.getElementsByTagName('head'); var objCSS = objHead[0].appendChild(document.createElement('link')); objCSS.rel = "stylesheet"; objCSS.type = "text/css"; objCSS.href = "ajax.css"; function XmlHttpRequestObject(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); }else{ try{ return new ActiveXObject('Microsoft.XMLHTTP'); }catch(e){ return false; } } } function tratarRespuesta(path){ var pat=/]*>([\S\s]*?)<\/script[^>]*>/ig; var pat2=/\bsrc=[^>]*\b/g; var patBody=/([\S\s]*)<\/body>/ig; var elementos = this.match(pat) || []; for(i=0;i]*>([\S\s]*?)<\/style[^>]*>/ig; // Hojas de estilo tipo texto/css var pat1=/]*>/ig; // Hojas de estilo externa var pat2=/\bhref=[^>]*\b/g; // origen CSS externo var pat3=/[^}|^>|"\n\t]+{[^}]*}/g; // Cada una de las reglas var pat4=/[\x0C|\x09|\x0A|\x0D|\x0B]+/g; // Seleccionamos no espacios o saltos de linea var pat5=/[^}]+{/g; // Texto del selector de la regla var pat6=/{[^}]+}+/ig; // Texto del selector de cada uno de los estilos de la regla var CSSAjax; // Borramos hoja de estilos ajax.css cssAjaxEncontrado = false; for(k=0;k < document.styleSheets.length; k++) { if (cssAjaxEncontrado) { document.styleSheets[k].disabled = true; // No he encontrado forma de eliminar la hoja de estilo } var href = document.styleSheets[k].href; var cssName = href; if (href != null) { cssName = href.substring(href.lastIndexOf("/")+1); } if (cssName == "ajax.css") { CSSAjax = k; if (navegador==0) { while (document.styleSheets[k].rules.length > 0 ) { document.styleSheets[k].removeRule(0); } } if (navegador!=0) { while (document.styleSheets[k].cssRules.length > 0 ) { document.styleSheets[k].deleteRule(0); } } cssAjaxEncontrado = true; } } // parseamos las css importadas var cssExterna = this.match(pat1) || []; for(i=0; i < cssExterna.length; i++) { var origen = cssExterna[i].match(pat2) || []; var href = origen[0].split("\""); var objHead = document.getElementsByTagName('head'); var objCSS = objHead[0].appendChild(document.createElement('link')); objCSS.rel = 'stylesheet'; objCSS.type = 'text/css'; objCSS.href = path + href[1]; } // Parseamos las css declaradas en linea var elementos = this.match(pat) || []; for(i=0;i")[1].split("")[0]; return retorna; } /* Añadimos prototipo al objeto String para tratar respuesta de XMLHttpRequest */ String.prototype.tratarResponseText=tratarRespuesta; /* Inserta el texto cargado en el div */ function SetContainerHTML(path, id_contenedor,responseText){ var mydiv = document.getElementById(id_contenedor); var text = responseText.tratarResponseText(path); mydiv.innerHTML = text; } function cargarPagina(url,contenedorId){ var H = new XmlHttpRequestObject(); var path = url.substring(0,url.lastIndexOf("/")+1); H.open('get',url+'?'+Math.random(),true); H.onreadystatechange = function(){ var state = H.readyState; if(state==4){ SetContainerHTML(path, contenedorId, H.responseText); }else{ document.getElementById(contenedorId).innerHTML="Cargando..."; } } H.send(null); } function preparado() { var oMenu = new YAHOO.widget.Menu( "mainMenu", { position: "static", hidedelay: 750, lazyload: true, effect: { effect: YAHOO.widget.ContainerEffect.FADE, duration: 0.25 } } ); oMenu.addItems([ { text: "Inicio", onclick: { fn: onMenuItemClick , obj: "portada"} }, { text: "Quienes somos", onclick: { fn: onMenuItemClick , obj: "quienesSomos"} }, { text: "Nuestro entorno", onclick: { fn: onMenuItemClick , obj: "nuestroEntorno"} }, { text: "10° Aniversario", onclick: { fn: onMenuItemClick , obj: "10aniversario"} }, { text: "Ediciones de
la Ruta BTT
Valle de Alcudia", onclick: { fn: onMenuItemClick , obj: "rutaBTT"} }, { text: "Salidas", onclick: { fn: onMenuItemClick , obj: "salidas"} }, { text: "Libro de rutas", onclick: { fn: onMenuItemClick , obj: "libroDeRutas"} }, { text: "Mapas", onclick: { fn: onMenuItemClick , obj: "mapas"} }, { text: "Galería de Fotos", onclick: { fn: onMenuItemClick , obj: "galeriaDeFotos"} }, { text: "Donde estamos", onclick: { fn: onMenuItemClick , obj: "dondeEstamos"} }, { text: "Rutas y
enlaces Amigos", onclick: { fn: onMenuItemClick , obj: "enlaces"} } ]); var aSubmenuData = [ { id: "ediciones", itemdata: [ { text: "Un paseo por
la historia de la ruta", onclick: { fn: onMenuItemClick , obj: "unPaseo"} }, { text: "6ª Edición", onclick: { fn: onMenuItemClick , obj: "6edicion"} }, { text: "7ª Edición", onclick: { fn: onMenuItemClick , obj: "7edicion"} }, { text: "8ª Edición", onclick: { fn: onMenuItemClick , obj: "8edicion"} }, { text: "9ª Edición", onclick: { fn: onMenuItemClick , obj: "9edicion"} }, { text: "10ª Edición", onclick: { fn: onMenuItemClick , obj: "10edicion"} } ] }, { id: "salidas", itemdata: [ { text: "Salidas 2004", onclick: { fn: onMenuItemClick , obj: "salidas2004"} }, { text: "Salidas 2005", onclick: { fn: onMenuItemClick , obj: "salidas2005"} }, { text: "Salidas 2006", onclick: { fn: onMenuItemClick , obj: "salidas2006"} }, { text: "Salidas 2007", onclick: { fn: onMenuItemClick , obj: "salidas2007"} }, { text: "Salidas 2008", onclick: { fn: onMenuItemClick , obj: "salidas2008"} }, { text: "Salidas 2009" , onclick: { fn: onMenuItemClick , obj: "salidas2009"} }, { text: "Salidas 2010" , onclick: { fn: onMenuItemClick , obj: "salidas2010"} } ] }, { id: "libroDeRutas", itemdata: [ { text: "Por las Aldeas de Almodóvar del Campo", onclick: { fn: onMenuItemClick , obj: "aldeasAlmo"} }, { text: "Por el Valle de Alcudia", onclick: { fn: onMenuItemClick , obj: "valleAlcudia"} }, { text: "Minas del Horcajo", onclick: { fn: onMenuItemClick , obj: "minasHorca"} } ] } ]; oMenu.getItem(4).cfg.setProperty("submenu", aSubmenuData[0]); oMenu.getItem(5).cfg.setProperty("submenu", aSubmenuData[1]); oMenu.getItem(6).cfg.setProperty("submenu", aSubmenuData[2]); function onMenuItemClick(p_sType, p_aArgs, p_oValue) { switch (p_oValue) { case "unPaseo": { cargarPagina('unPaseo/unPaseo.html','informacion'); break; } case "6edicion": { cargarPagina('6aEdicion/6aEdicion.html','informacion'); break; } case "7edicion": { cargarPagina('7aEdicion/7aEdicion.html','informacion'); break; } case "8edicion": { cargarPagina('8aEdicion/8aEdicion.html','informacion'); break; } case "9edicion": { cargarPagina('9aEdicion/9aEdicion.html','informacion'); break; } case "10edicion": { cargarPagina('10aEdicion/10aEdicion.html','informacion'); break; } case "quienesSomos": { cargarPagina('quienesSomos/quienesSomos.html','informacion'); break; } case "nuestroEntorno": { cargarPagina('nuestroEntorno/nuestroEntorno.html','informacion'); break; } case "salidas2004": { cargarPagina('salidas2004/salidas2004.html','informacion'); break; } case "salidas2005": { cargarPagina('salidas2005/salidas2005.html','informacion'); break; } case "salidas2006": { cargarPagina('salidas2006/salidas2006.html','informacion'); break; } case "salidas2007": { cargarPagina('salidas2007/salidas2007.html','informacion'); break; } case "salidas2008": { cargarPagina('salidas2008/salidas2008.html','informacion'); break; } case "salidas2009": { cargarPagina('salidas2009/salidas2009.html','informacion'); break; } case "salidas2010": { cargarPagina('salidas2010/salidas2010.html','informacion'); break; } case "mapas": { cargarPagina('mapas/mapas.html','informacion'); break; } case "aldeasAlmo": { cargarPagina('libroRutas/aldeasAlmo/aldeasAlmo.html','informacion'); break; } case "valleAlcudia": { cargarPagina('libroRutas/valleAlcudia/valleAlcudia.html','informacion'); break; } case "minasHorca": { cargarPagina('libroRutas/horcajo/horcajo.html','informacion'); break; } case "galeriaDeFotos": { cargarPagina('galeriaDeFotos/galeriaDeFotos.html','informacion'); break; } case "10aniversario": { cargarPagina('10aniversario/10aniversario.html','informacion'); break; } case "dondeEstamos": { cargarPagina('dondeEstamos/dondeEstamos.html','informacion'); break; } case "enlaces": { cargarPagina('enlaces/enlaces.html','informacion'); break; } case "portada": { cargarPagina('portada/portada.html','informacion'); break; } } oMenu.render(); } //cargarPagina('portada/portada.html','informacion'); oMenu.render(); cargarPagina('portada/portada.html','informacion'); resize(); } YAHOO.util.Event.onAvailable("mainMenu", preparado, this); function createPhoto(url) { tt_view_w=Dom.getViewportWidth(); tt_view_h=Dom.getViewportHeight(); var i; i=new Image(); i.src=url; var photoDivId = Dom.get('photoDivId'); if (photoDivId != null) document.body.removeChild(photoDivId); var d=document.createElement ( 'div' ); d.className='photoDivClass'; d.id='photoDivId'; d.style.position = "absolute"; var img=document.createElement ( 'img' ); img.id='photoImgId'; d.appendChild(img); document.body.appendChild(d); photoOverlay=new YAHOO.widget.Overlay('photoDivId',{visible:false}); photoOverlay.setFooter(""); Event.addListener("hide4", "click", photoOverlay.hide, photoOverlay, true); photoOverlay.render(document.body); photoOverlay.cfg.setProperty("zIndex", 50); var newPos=[10,10]; photoOverlay.cfg.setProperty('xy', newPos); photoOverlay.cfg.setProperty("visible", false); if (!i.complete) { Event.on ( i, 'load', function(e) { img.style.padding = "0px"; img.src=i.src; img.width=i.width; img.height=i.height; var newPos=[tt_view_w/2-img.width/2,tt_view_h/2-img.height/2]; photoOverlay.cfg.setProperty('xy', newPos); photoOverlay.cfg.setProperty("height", i.height + 32 + "px"); photoOverlay.cfg.setProperty("width", i.width + 5 + "px"); } ); var newPos=[tt_view_w/2-200,tt_view_h/2-150]; photoOverlay.cfg.setProperty('xy', newPos); photoOverlay.cfg.setProperty("height", "300px"); photoOverlay.cfg.setProperty("width", "400px"); photoOverlay.cfg.setProperty("visible", true); img.src=imagenCarga.src; img.width=imagenCarga.width; img.height=imagenCarga.height; img.style.padding = "83px"; } else { var newPos=[tt_view_w/2-i.width/2,tt_view_h/2-i.height/2]; photoOverlay.cfg.setProperty('xy', newPos); photoOverlay.cfg.setProperty("height", i.height + 32 + "px"); photoOverlay.cfg.setProperty("width", i.width + 5 + "px"); img.src=i.src; img.width=i.width; img.height=i.height; } photoOverlay.cfg.setProperty("visible", true); } var imagenCarga; imagenCarga=new Image(); imagenCarga.src="./img/ajax-loader.gif"; imagenCarga.top="50%"; imagenCarga.left="300px";